@semcore/data-table 16.2.0-prerelease.1 → 16.2.0-prerelease.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 +3 -0
- package/lib/cjs/components/DataTable/DataTable.js +31 -11
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/dataTable.shadow.css +6 -0
- package/lib/cjs/components/Head/Column.js +37 -30
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +36 -30
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +43 -32
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/components/Head/style.shadow.css +19 -0
- package/lib/es6/components/DataTable/DataTable.js +31 -11
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/dataTable.shadow.css +6 -0
- package/lib/es6/components/Head/Column.js +37 -30
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Group.js +36 -30
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +43 -32
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/components/Head/style.shadow.css +19 -0
- package/lib/esm/components/DataTable/DataTable.mjs +32 -12
- package/lib/esm/components/DataTable/dataTable.shadow.css +6 -0
- package/lib/esm/components/Head/Column.mjs +38 -31
- package/lib/esm/components/Head/Group.mjs +37 -31
- package/lib/esm/components/Head/Head.mjs +42 -33
- package/lib/esm/components/Head/style.shadow.css +19 -0
- package/lib/types/components/Head/Head.types.d.ts +1 -0
- package/package.json +22 -22
|
@@ -24,38 +24,44 @@ var _Group = require("./Group");
|
|
|
24
24
|
var _DataTable = require("../DataTable/DataTable");
|
|
25
25
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
26
26
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
27
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_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_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_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_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1vo21_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SHead": "
|
|
31
|
-
"__SGroupContainer": "
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"--
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
30
|
+
"__SHead": "___SHead_1vo21_gg_",
|
|
31
|
+
"__SGroupContainer": "___SGroupContainer_1vo21_gg_",
|
|
32
|
+
"_isDataEmpty": "__isDataEmpty_1vo21_gg_",
|
|
33
|
+
"_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
|
|
34
|
+
"--gridTemplateColumns": "--gridTemplateColumns_1vo21",
|
|
35
|
+
"_animationDuration": "__animationDuration_1vo21_gg_",
|
|
36
|
+
"__SColumn": "___SColumn_1vo21_gg_",
|
|
37
|
+
"--animationDuration": "--animationDuration_1vo21",
|
|
38
|
+
"_sticky": "__sticky_1vo21_gg_",
|
|
39
|
+
"__SGroup": "___SGroup_1vo21_gg_",
|
|
40
|
+
"_compact": "__compact_1vo21_gg_",
|
|
41
|
+
"_use_secondary": "_use_secondary_1vo21_gg_",
|
|
42
|
+
"_borders_both": "_borders_both_1vo21_gg_",
|
|
43
|
+
"_borders_left": "_borders_left_1vo21_gg_",
|
|
44
|
+
"_borders_right": "_borders_right_1vo21_gg_",
|
|
45
|
+
"_gridArea": "__gridArea_1vo21_gg_",
|
|
46
|
+
"__SGroupTitle": "___SGroupTitle_1vo21_gg_",
|
|
47
|
+
"--gridArea": "--gridArea_1vo21",
|
|
48
|
+
"_fixed": "__fixed_1vo21_gg_",
|
|
49
|
+
"_sortable": "__sortable_1vo21_gg_",
|
|
50
|
+
"__SSortWrapper": "___SSortWrapper_1vo21_gg_",
|
|
51
|
+
"__SSortButton": "___SSortButton_1vo21_gg_",
|
|
52
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
|
|
53
|
+
"_use_primary": "_use_primary_1vo21_gg_",
|
|
54
|
+
"_visibleSort": "__visibleSort_1vo21_gg_",
|
|
55
|
+
"_justifyContent_right": "_justifyContent_right_1vo21_gg_",
|
|
56
|
+
"_changeSortSize": "__changeSortSize_1vo21_gg_",
|
|
57
|
+
"_isSorted": "__isSorted_1vo21_gg_",
|
|
58
|
+
"_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
|
|
59
|
+
"_shadowVertical": "__shadowVertical_1vo21_gg_",
|
|
60
|
+
"_fixed_left": "_fixed_left_1vo21_gg_",
|
|
61
|
+
"_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
|
|
62
|
+
"_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
|
|
63
|
+
"_fixed_right": "_fixed_right_1vo21_gg_",
|
|
64
|
+
"_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
|
|
59
65
|
});
|
|
60
66
|
var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
61
67
|
function HeadRoot() {
|
|
@@ -195,14 +201,19 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
|
195
201
|
treeColumns = _this$asProps7.treeColumns,
|
|
196
202
|
selectedRows = _this$asProps7.selectedRows,
|
|
197
203
|
sticky = _this$asProps7.sticky,
|
|
198
|
-
animationDuration = _this$asProps7.animationDuration
|
|
204
|
+
animationDuration = _this$asProps7.animationDuration,
|
|
205
|
+
isDataEmpty = _this$asProps7.isDataEmpty,
|
|
206
|
+
gridTemplateColumns = _this$asProps7.gridTemplateColumns;
|
|
199
207
|
var areAllRowsSelected = this.areAllRowsSelected;
|
|
200
208
|
var indeterminate = this.isIndeterminate && !areAllRowsSelected;
|
|
201
209
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SHead, _ref2.cn("SHead", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
202
210
|
"role": 'row',
|
|
203
211
|
"aria-rowindex": 1,
|
|
204
212
|
"sticky": sticky,
|
|
205
|
-
"use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined
|
|
213
|
+
"use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined,
|
|
214
|
+
"isDataEmpty": isDataEmpty,
|
|
215
|
+
"use:gridTemplateColumns": gridTemplateColumns.join(' '),
|
|
216
|
+
"tabIndex": isDataEmpty ? 0 : undefined
|
|
206
217
|
}, _ref))), selectedRows && /*#__PURE__*/_react["default"].createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
|
|
207
218
|
"name": _DataTable.SELECT_ALL.toString(),
|
|
208
219
|
"onClick": this.handleClickSelectAll(!areAllRowsSelected)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","scrollDirection","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","UNIQ_ROW_KEY","_this$asProps6","some","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(_: any, index: number) {\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical } = this.asProps;\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows = [], flatRows } = this.asProps;\n\n return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { flatRows, selectedRows } = this.asProps;\n\n return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n return (\n <DataTableInternal.Head.Group\n key={column.name}\n {...column}\n name={column.columns?.map((c) => c.name).join('/')}\n title=''\n />\n );\n }\n\n return <DataTableInternal.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","scrollDirection","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","UNIQ_ROW_KEY","_this$asProps6","some","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","join","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(_: any, index: number) {\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical } = this.asProps;\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows = [], flatRows } = this.asProps;\n\n return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { flatRows, selectedRows } = this.asProps;\n\n return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n isDataEmpty={isDataEmpty}\n use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n tabIndex={isDataEmpty ? 0 : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n return (\n <DataTableInternal.Head.Group\n key={column.name}\n {...column}\n name={column.columns?.map((c) => c.name).join('/')}\n title=''\n />\n );\n }\n\n return <DataTableInternal.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: CellPropsInner<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n
|
|
1
|
+
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: CellPropsInner<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -2,6 +2,13 @@ SHead, SGroupContainer {
|
|
|
2
2
|
display: contents;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
SHead[isDataEmpty][gridTemplateColumns] {
|
|
6
|
+
display: grid;
|
|
7
|
+
grid-template-columns: var(--gridTemplateColumns);
|
|
8
|
+
overflow: auto;
|
|
9
|
+
scrollbar-width: thin;
|
|
10
|
+
}
|
|
11
|
+
|
|
5
12
|
SHead[animationDuration] > SColumn {
|
|
6
13
|
transition: top var(--animationDuration) ease-out;
|
|
7
14
|
}
|
|
@@ -90,6 +97,18 @@ SColumn[use='primary'] {
|
|
|
90
97
|
opacity: 1;
|
|
91
98
|
}
|
|
92
99
|
}
|
|
100
|
+
|
|
101
|
+
&[justifyContent='right'] {
|
|
102
|
+
SSortWrapper {
|
|
103
|
+
position: absolute;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
&[changeSortSize][isSorted] {
|
|
107
|
+
SSortWrapper {
|
|
108
|
+
position: relative;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
93
112
|
}
|
|
94
113
|
|
|
95
114
|
SColumn[use='secondary'] {
|
|
@@ -25,16 +25,17 @@ import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFo
|
|
|
25
25
|
import { NoData } from '@semcore/widget-empty';
|
|
26
26
|
import * as React from 'react';
|
|
27
27
|
/*!__reshadow-styles__:"./dataTable.shadow.css"*/
|
|
28
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_oz5ss_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_oz5ss_gg_.__isDataEmpty_oz5ss_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_oz5ss_gg_.__gridTemplateColumns_oz5ss_gg_{grid-template-columns:var(--gridTemplateColumns_oz5ss)}.___SDataTable_oz5ss_gg_.__gridTemplateAreas_oz5ss_gg_{grid-template-areas:var(--gridTemplateAreas_oz5ss)}.___SDataTable_oz5ss_gg_.__gridTemplateRows_oz5ss_gg_{grid-template-rows:var(--gridTemplateRows_oz5ss)}", /*__inner_css_end__*/"oz5ss_gg_"),
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"__SDataTable": "
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
31
|
+
"__SDataTable": "___SDataTable_oz5ss_gg_",
|
|
32
|
+
"_isDataEmpty": "__isDataEmpty_oz5ss_gg_",
|
|
33
|
+
"_gridTemplateColumns": "__gridTemplateColumns_oz5ss_gg_",
|
|
34
|
+
"--gridTemplateColumns": "--gridTemplateColumns_oz5ss",
|
|
35
|
+
"_gridTemplateAreas": "__gridTemplateAreas_oz5ss_gg_",
|
|
36
|
+
"--gridTemplateAreas": "--gridTemplateAreas_oz5ss",
|
|
37
|
+
"_gridTemplateRows": "__gridTemplateRows_oz5ss_gg_",
|
|
38
|
+
"--gridTemplateRows": "--gridTemplateRows_oz5ss"
|
|
38
39
|
});
|
|
39
40
|
/*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
|
|
40
41
|
var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_1994j_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_{overflow:visible;overflow:initial}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_both_1994j_gg_{overflow:auto}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_both_1994j_gg_.__loading_1994j_gg_,.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_horizontal_1994j_gg_.__loading_1994j_gg_,.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_vertical_1994j_gg_.__loading_1994j_gg_{overflow:hidden}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_horizontal_1994j_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_._scrollDirection_vertical_1994j_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_.__headerHeight_1994j_gg_{scroll-padding-top:var(--headerHeight_1994j)}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_.__leftScrollPadding_1994j_gg_{scroll-padding-left:var(--leftScrollPadding_1994j)}.___SScrollArea_1994j_gg_ .___SContainer_1994j_gg_.__rightScrollPadding_1994j_gg_{scroll-padding-right:var(--rightScrollPadding_1994j)}.___SScrollArea_1994j_gg_ .___SShadowHorizontal_1994j_gg_::before,.___SScrollArea_1994j_gg_ .___SShadowHorizontal_1994j_gg_:after,.___SScrollArea_1994j_gg_ .___SShadowVertical_1994j_gg_::after{z-index:20}.___SScrollArea_1994j_gg_ .___SShadowHorizontal_1994j_gg_.__leftOffset_1994j_gg_::before,.___SScrollArea_1994j_gg_ .___SShadowHorizontal_1994j_gg_.__rightOffset_1994j_gg_::after,.___SScrollArea_1994j_gg_ .___SShadowVertical_1994j_gg_::before{display:none}", /*__inner_css_end__*/"1994j_gg_"),
|
|
@@ -342,6 +343,10 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
342
343
|
var _this$spinnerRef$curr;
|
|
343
344
|
(_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 || _this$spinnerRef$curr.focus();
|
|
344
345
|
e.currentTarget.setAttribute('tabIndex', '-1');
|
|
346
|
+
if (_this.isDataEmpty) {
|
|
347
|
+
var _this$headerRef$curre;
|
|
348
|
+
(_this$headerRef$curre = _this.headerRef.current) === null || _this$headerRef$curre === void 0 || _this$headerRef$curre.setAttribute('tabIndex', '-1');
|
|
349
|
+
}
|
|
345
350
|
} else if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && lastInteraction.isKeyboard()) {
|
|
346
351
|
var _row;
|
|
347
352
|
if (_this.focusedCell[0] === -1 && _this.focusedCell[1] === -1) {
|
|
@@ -375,6 +380,10 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
375
380
|
cell.focus();
|
|
376
381
|
}
|
|
377
382
|
}
|
|
383
|
+
if (_this.isDataEmpty) {
|
|
384
|
+
var _this$headerRef$curre2;
|
|
385
|
+
(_this$headerRef$curre2 = _this.headerRef.current) === null || _this$headerRef$curre2 === void 0 || _this$headerRef$curre2.setAttribute('tabIndex', '-1');
|
|
386
|
+
}
|
|
378
387
|
e.currentTarget.setAttribute('tabIndex', '-1');
|
|
379
388
|
}
|
|
380
389
|
});
|
|
@@ -384,6 +393,10 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
384
393
|
if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || !lastInteraction.isKeyboard())) {
|
|
385
394
|
_this.setInert(false);
|
|
386
395
|
tableElement.setAttribute('tabIndex', '0');
|
|
396
|
+
if (_this.isDataEmpty) {
|
|
397
|
+
var _this$headerRef$curre3;
|
|
398
|
+
(_this$headerRef$curre3 = _this.headerRef.current) === null || _this$headerRef$curre3 === void 0 || _this$headerRef$curre3.setAttribute('tabIndex', '0');
|
|
399
|
+
}
|
|
387
400
|
}
|
|
388
401
|
});
|
|
389
402
|
_defineProperty(_this, "handleMouseMove", function () {
|
|
@@ -602,6 +615,11 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
602
615
|
}
|
|
603
616
|
return scrollDirection;
|
|
604
617
|
}
|
|
618
|
+
}, {
|
|
619
|
+
key: "isDataEmpty",
|
|
620
|
+
get: function get() {
|
|
621
|
+
return this.asProps.data.length === 0;
|
|
622
|
+
}
|
|
605
623
|
}, {
|
|
606
624
|
key: "getHeadProps",
|
|
607
625
|
value: function getHeadProps() {
|
|
@@ -654,7 +672,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
654
672
|
getFixedStyle: this.getFixedStyle,
|
|
655
673
|
onCellClick: this.handleCellClick,
|
|
656
674
|
shadowVertical: shadowVertical,
|
|
657
|
-
scrollDirection: this.scrollDirection
|
|
675
|
+
scrollDirection: this.scrollDirection,
|
|
676
|
+
isDataEmpty: this.isDataEmpty
|
|
658
677
|
});
|
|
659
678
|
}
|
|
660
679
|
}, {
|
|
@@ -821,6 +840,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
821
840
|
"tabIndex": 0,
|
|
822
841
|
"onFocus": this.handleFocus,
|
|
823
842
|
"onBlur": this.handleBlur,
|
|
843
|
+
"isDataEmpty": this.isDataEmpty,
|
|
824
844
|
"aria-rowcount": this.totalRows,
|
|
825
845
|
"aria-colcount": this.columns.length,
|
|
826
846
|
"gridTemplateColumns": gridTemplateColumns.join(' '),
|
|
@@ -1151,8 +1171,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
1151
1171
|
}, {
|
|
1152
1172
|
key: "getHeaderHeight",
|
|
1153
1173
|
value: function getHeaderHeight() {
|
|
1154
|
-
var _this$headerRef$
|
|
1155
|
-
var header = (_this$headerRef$
|
|
1174
|
+
var _this$headerRef$curre4;
|
|
1175
|
+
var header = (_this$headerRef$curre4 = this.headerRef.current) === null || _this$headerRef$curre4 === void 0 ? void 0 : _this$headerRef$curre4.children;
|
|
1156
1176
|
var height = 0;
|
|
1157
1177
|
for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
|
|
1158
1178
|
var _header$length;
|