@semcore/data-table 16.2.2-prerelease.1 → 16.3.0-prerelease.4
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 +14 -3
- package/lib/cjs/components/Body/Body.js +201 -358
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Body.types.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +51 -65
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Cell.types.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +367 -113
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +6 -2
- package/lib/cjs/components/DataTable/DataTable.js +109 -179
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/Head/Column.js +36 -36
- package/lib/cjs/components/Head/Group.js +37 -37
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +38 -38
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/index.js +13 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/components/Body/Body.js +202 -359
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Body.types.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +51 -65
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Cell.types.js.map +1 -1
- package/lib/es6/components/Body/Row.js +367 -113
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +6 -2
- package/lib/es6/components/DataTable/DataTable.js +105 -175
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/Head/Column.js +36 -36
- package/lib/es6/components/Head/Group.js +38 -38
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +39 -39
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/index.js +2 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/components/Body/Body.mjs +160 -309
- package/lib/esm/components/Body/Cell.mjs +52 -64
- package/lib/esm/components/Body/Row.mjs +316 -93
- package/lib/esm/components/Body/style.shadow.css +6 -2
- package/lib/esm/components/DataTable/DataTable.mjs +97 -167
- package/lib/esm/components/Head/Column.mjs +37 -37
- package/lib/esm/components/Head/Group.mjs +39 -39
- package/lib/esm/components/Head/Head.mjs +40 -40
- package/lib/esm/index.mjs +3 -0
- package/lib/types/components/Body/Body.d.ts +1 -2
- package/lib/types/components/Body/Body.types.d.ts +3 -1
- package/lib/types/components/Body/Cell.types.d.ts +1 -0
- package/lib/types/components/Body/Row.d.ts +43 -3
- package/lib/types/components/Body/Row.types.d.ts +27 -15
- package/lib/types/components/DataTable/DataTable.d.ts +2 -2
- package/lib/types/components/DataTable/DataTable.types.d.ts +6 -1
- package/lib/types/index.d.ts +4 -3
- package/package.json +22 -22
|
@@ -20,44 +20,44 @@ import SortAsc from '@semcore/icon/SortAsc/m';
|
|
|
20
20
|
import SortDesc from '@semcore/icon/SortDesc/m';
|
|
21
21
|
import * as React from 'react';
|
|
22
22
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_c8503_gg_,.___SHead_c8503_gg_{display:contents}.___SHead_c8503_gg_.__isDataEmpty_c8503_gg_.__gridTemplateColumns_c8503_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_c8503);overflow:auto;scrollbar-width:thin}.___SHead_c8503_gg_.__animationDuration_c8503_gg_>.___SColumn_c8503_gg_{transition:top var(--animationDuration_c8503) ease-out}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroup_c8503_gg_{position:sticky;top:0;z-index:18}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroupContainer_c8503_gg_>.___SColumn_c8503_gg_{position:sticky;z-index:18}.___SHead_c8503_gg_.__compact_c8503_gg_ .___SColumn_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_,.___SGroup_c8503_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_c8503_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_c8503_gg_._use_primary_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_c8503_gg_._use_primary_c8503_gg_:has(~.___SColumn_c8503_gg_.__visibleSort_c8503_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_c8503_gg_._use_secondary_c8503_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_left_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_left_c8503_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_right_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_right_c8503_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_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_c8503_gg_._use_primary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_,.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before,.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before{display:flex;opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_,.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_{position:relative}.___SColumn_c8503_gg_._use_secondary_c8503_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_c8503_gg_._use_secondary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_{display:flex;opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_.__gridArea_c8503_gg_,.___SGroupTitle_c8503_gg_.__gridArea_c8503_gg_,.___SGroup_c8503_gg_.__gridArea_c8503_gg_{grid-area:var(--gridArea_c8503)}.___SHead_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_ .___SGroup_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_c8503_gg_.__sortable_c8503_gg_:hover{cursor:pointer}}.___SSortWrapper_c8503_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_c8503_gg_,.___SSortWrapper_c8503_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c8503_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_c8503_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_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_c8503_gg_{cursor:pointer}.___SColumn_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after,.___SGroup_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_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_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_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__*/"c8503_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SHead": "
|
|
27
|
-
"__SGroupContainer": "
|
|
28
|
-
"_isDataEmpty": "
|
|
29
|
-
"_gridTemplateColumns": "
|
|
30
|
-
"--gridTemplateColumns": "--
|
|
31
|
-
"_animationDuration": "
|
|
32
|
-
"__SColumn": "
|
|
33
|
-
"--animationDuration": "--
|
|
34
|
-
"_sticky": "
|
|
35
|
-
"__SGroup": "
|
|
36
|
-
"_compact": "
|
|
37
|
-
"_use_secondary": "
|
|
38
|
-
"_borders_both": "
|
|
39
|
-
"_borders_left": "
|
|
40
|
-
"_borders_right": "
|
|
41
|
-
"_gridArea": "
|
|
42
|
-
"__SGroupTitle": "
|
|
43
|
-
"--gridArea": "--
|
|
44
|
-
"_fixed": "
|
|
45
|
-
"_sortable": "
|
|
46
|
-
"__SSortWrapper": "
|
|
47
|
-
"__SSortButton": "
|
|
48
|
-
"__SHeadCheckboxCol": "
|
|
49
|
-
"_use_primary": "
|
|
50
|
-
"_visibleSort": "
|
|
51
|
-
"_justifyContent_right": "
|
|
52
|
-
"_changeSortSize": "
|
|
53
|
-
"_isSorted": "
|
|
54
|
-
"_sideIndents_wide": "
|
|
55
|
-
"_shadowVertical": "
|
|
56
|
-
"_fixed_left": "
|
|
57
|
-
"_shadowVertical_median": "
|
|
58
|
-
"_shadowVertical_start": "
|
|
59
|
-
"_fixed_right": "
|
|
60
|
-
"_shadowVertical_end": "
|
|
26
|
+
"__SHead": "___SHead_c8503_gg_",
|
|
27
|
+
"__SGroupContainer": "___SGroupContainer_c8503_gg_",
|
|
28
|
+
"_isDataEmpty": "__isDataEmpty_c8503_gg_",
|
|
29
|
+
"_gridTemplateColumns": "__gridTemplateColumns_c8503_gg_",
|
|
30
|
+
"--gridTemplateColumns": "--gridTemplateColumns_c8503",
|
|
31
|
+
"_animationDuration": "__animationDuration_c8503_gg_",
|
|
32
|
+
"__SColumn": "___SColumn_c8503_gg_",
|
|
33
|
+
"--animationDuration": "--animationDuration_c8503",
|
|
34
|
+
"_sticky": "__sticky_c8503_gg_",
|
|
35
|
+
"__SGroup": "___SGroup_c8503_gg_",
|
|
36
|
+
"_compact": "__compact_c8503_gg_",
|
|
37
|
+
"_use_secondary": "_use_secondary_c8503_gg_",
|
|
38
|
+
"_borders_both": "_borders_both_c8503_gg_",
|
|
39
|
+
"_borders_left": "_borders_left_c8503_gg_",
|
|
40
|
+
"_borders_right": "_borders_right_c8503_gg_",
|
|
41
|
+
"_gridArea": "__gridArea_c8503_gg_",
|
|
42
|
+
"__SGroupTitle": "___SGroupTitle_c8503_gg_",
|
|
43
|
+
"--gridArea": "--gridArea_c8503",
|
|
44
|
+
"_fixed": "__fixed_c8503_gg_",
|
|
45
|
+
"_sortable": "__sortable_c8503_gg_",
|
|
46
|
+
"__SSortWrapper": "___SSortWrapper_c8503_gg_",
|
|
47
|
+
"__SSortButton": "___SSortButton_c8503_gg_",
|
|
48
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_c8503_gg_",
|
|
49
|
+
"_use_primary": "_use_primary_c8503_gg_",
|
|
50
|
+
"_visibleSort": "__visibleSort_c8503_gg_",
|
|
51
|
+
"_justifyContent_right": "_justifyContent_right_c8503_gg_",
|
|
52
|
+
"_changeSortSize": "__changeSortSize_c8503_gg_",
|
|
53
|
+
"_isSorted": "__isSorted_c8503_gg_",
|
|
54
|
+
"_sideIndents_wide": "_sideIndents_wide_c8503_gg_",
|
|
55
|
+
"_shadowVertical": "__shadowVertical_c8503_gg_",
|
|
56
|
+
"_fixed_left": "_fixed_left_c8503_gg_",
|
|
57
|
+
"_shadowVertical_median": "_shadowVertical_median_c8503_gg_",
|
|
58
|
+
"_shadowVertical_start": "_shadowVertical_start_c8503_gg_",
|
|
59
|
+
"_fixed_right": "_fixed_right_c8503_gg_",
|
|
60
|
+
"_shadowVertical_end": "_shadowVertical_end_c8503_gg_"
|
|
61
61
|
});
|
|
62
62
|
var SORTING_ICON = {
|
|
63
63
|
desc: SortDesc,
|
|
@@ -16,46 +16,46 @@ import { Component, Root, sstyled } from '@semcore/core';
|
|
|
16
16
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
17
17
|
import React from 'react';
|
|
18
18
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
19
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_c8503_gg_,.___SHead_c8503_gg_{display:contents}.___SHead_c8503_gg_.__isDataEmpty_c8503_gg_.__gridTemplateColumns_c8503_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_c8503);overflow:auto;scrollbar-width:thin}.___SHead_c8503_gg_.__animationDuration_c8503_gg_>.___SColumn_c8503_gg_{transition:top var(--animationDuration_c8503) ease-out}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroup_c8503_gg_{position:sticky;top:0;z-index:18}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroupContainer_c8503_gg_>.___SColumn_c8503_gg_{position:sticky;z-index:18}.___SHead_c8503_gg_.__compact_c8503_gg_ .___SColumn_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_,.___SGroup_c8503_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_c8503_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_c8503_gg_._use_primary_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_c8503_gg_._use_primary_c8503_gg_:has(~.___SColumn_c8503_gg_.__visibleSort_c8503_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_c8503_gg_._use_secondary_c8503_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_left_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_left_c8503_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_right_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_right_c8503_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_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_c8503_gg_._use_primary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_,.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before,.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before{display:flex;opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_,.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_{position:relative}.___SColumn_c8503_gg_._use_secondary_c8503_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_c8503_gg_._use_secondary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_{display:flex;opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_.__gridArea_c8503_gg_,.___SGroupTitle_c8503_gg_.__gridArea_c8503_gg_,.___SGroup_c8503_gg_.__gridArea_c8503_gg_{grid-area:var(--gridArea_c8503)}.___SHead_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_ .___SGroup_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_c8503_gg_.__sortable_c8503_gg_:hover{cursor:pointer}}.___SSortWrapper_c8503_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_c8503_gg_,.___SSortWrapper_c8503_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c8503_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_c8503_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_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_c8503_gg_{cursor:pointer}.___SColumn_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after,.___SGroup_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_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_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_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__*/"c8503_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SHead": "
|
|
23
|
-
"__SGroupContainer": "
|
|
24
|
-
"_isDataEmpty": "
|
|
25
|
-
"_gridTemplateColumns": "
|
|
26
|
-
"--gridTemplateColumns": "--
|
|
27
|
-
"_animationDuration": "
|
|
28
|
-
"__SColumn": "
|
|
29
|
-
"--animationDuration": "--
|
|
30
|
-
"_sticky": "
|
|
31
|
-
"__SGroup": "
|
|
32
|
-
"_compact": "
|
|
33
|
-
"_use_secondary": "
|
|
34
|
-
"_borders_both": "
|
|
35
|
-
"_borders_left": "
|
|
36
|
-
"_borders_right": "
|
|
37
|
-
"_gridArea": "
|
|
38
|
-
"__SGroupTitle": "
|
|
39
|
-
"--gridArea": "--
|
|
40
|
-
"_fixed": "
|
|
41
|
-
"_sortable": "
|
|
42
|
-
"__SSortWrapper": "
|
|
43
|
-
"__SSortButton": "
|
|
44
|
-
"__SHeadCheckboxCol": "
|
|
45
|
-
"_use_primary": "
|
|
46
|
-
"_visibleSort": "
|
|
47
|
-
"_justifyContent_right": "
|
|
48
|
-
"_changeSortSize": "
|
|
49
|
-
"_isSorted": "
|
|
50
|
-
"_sideIndents_wide": "
|
|
51
|
-
"_shadowVertical": "
|
|
52
|
-
"_fixed_left": "
|
|
53
|
-
"_shadowVertical_median": "
|
|
54
|
-
"_shadowVertical_start": "
|
|
55
|
-
"_fixed_right": "
|
|
56
|
-
"_shadowVertical_end": "
|
|
22
|
+
"__SHead": "___SHead_c8503_gg_",
|
|
23
|
+
"__SGroupContainer": "___SGroupContainer_c8503_gg_",
|
|
24
|
+
"_isDataEmpty": "__isDataEmpty_c8503_gg_",
|
|
25
|
+
"_gridTemplateColumns": "__gridTemplateColumns_c8503_gg_",
|
|
26
|
+
"--gridTemplateColumns": "--gridTemplateColumns_c8503",
|
|
27
|
+
"_animationDuration": "__animationDuration_c8503_gg_",
|
|
28
|
+
"__SColumn": "___SColumn_c8503_gg_",
|
|
29
|
+
"--animationDuration": "--animationDuration_c8503",
|
|
30
|
+
"_sticky": "__sticky_c8503_gg_",
|
|
31
|
+
"__SGroup": "___SGroup_c8503_gg_",
|
|
32
|
+
"_compact": "__compact_c8503_gg_",
|
|
33
|
+
"_use_secondary": "_use_secondary_c8503_gg_",
|
|
34
|
+
"_borders_both": "_borders_both_c8503_gg_",
|
|
35
|
+
"_borders_left": "_borders_left_c8503_gg_",
|
|
36
|
+
"_borders_right": "_borders_right_c8503_gg_",
|
|
37
|
+
"_gridArea": "__gridArea_c8503_gg_",
|
|
38
|
+
"__SGroupTitle": "___SGroupTitle_c8503_gg_",
|
|
39
|
+
"--gridArea": "--gridArea_c8503",
|
|
40
|
+
"_fixed": "__fixed_c8503_gg_",
|
|
41
|
+
"_sortable": "__sortable_c8503_gg_",
|
|
42
|
+
"__SSortWrapper": "___SSortWrapper_c8503_gg_",
|
|
43
|
+
"__SSortButton": "___SSortButton_c8503_gg_",
|
|
44
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_c8503_gg_",
|
|
45
|
+
"_use_primary": "_use_primary_c8503_gg_",
|
|
46
|
+
"_visibleSort": "__visibleSort_c8503_gg_",
|
|
47
|
+
"_justifyContent_right": "_justifyContent_right_c8503_gg_",
|
|
48
|
+
"_changeSortSize": "__changeSortSize_c8503_gg_",
|
|
49
|
+
"_isSorted": "__isSorted_c8503_gg_",
|
|
50
|
+
"_sideIndents_wide": "_sideIndents_wide_c8503_gg_",
|
|
51
|
+
"_shadowVertical": "__shadowVertical_c8503_gg_",
|
|
52
|
+
"_fixed_left": "_fixed_left_c8503_gg_",
|
|
53
|
+
"_shadowVertical_median": "_shadowVertical_median_c8503_gg_",
|
|
54
|
+
"_shadowVertical_start": "_shadowVertical_start_c8503_gg_",
|
|
55
|
+
"_fixed_right": "_fixed_right_c8503_gg_",
|
|
56
|
+
"_shadowVertical_end": "_shadowVertical_end_c8503_gg_"
|
|
57
57
|
});
|
|
58
|
-
import {
|
|
58
|
+
import { DataTable } from '../DataTable/DataTable';
|
|
59
59
|
export var Group = /*#__PURE__*/function (_Component) {
|
|
60
60
|
function Group() {
|
|
61
61
|
_classCallCheck(this, Group);
|
|
@@ -129,7 +129,7 @@ export var Group = /*#__PURE__*/function (_Component) {
|
|
|
129
129
|
"id": this.groupId,
|
|
130
130
|
"use:shadowVertical": firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : undefined
|
|
131
131
|
}, _ref))), withConfig ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map(function (column, _i) {
|
|
132
|
-
return /*#__PURE__*/React.createElement(
|
|
132
|
+
return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
|
|
133
133
|
key: column.name
|
|
134
134
|
}, column, {
|
|
135
135
|
"aria-describedby": _this2.groupId
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","
|
|
1
|
+
{"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTable","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","shadowVertical","groupColumns","firstColumn","lastColumn","length","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread","_assignProps","groupId","showShadowVertical","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTable } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, columns, withConfig, getFixedStyle, shadowVertical } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup\n render={Box}\n style={style}\n __excludeProps={['title']}\n id={this.groupId}\n use:shadowVertical={(firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined}\n >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTable.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,46 +18,46 @@ import React from 'react';
|
|
|
18
18
|
import { Column } from './Column';
|
|
19
19
|
import { Group } from './Group';
|
|
20
20
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_c8503_gg_,.___SHead_c8503_gg_{display:contents}.___SHead_c8503_gg_.__isDataEmpty_c8503_gg_.__gridTemplateColumns_c8503_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_c8503);overflow:auto;scrollbar-width:thin}.___SHead_c8503_gg_.__animationDuration_c8503_gg_>.___SColumn_c8503_gg_{transition:top var(--animationDuration_c8503) ease-out}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroup_c8503_gg_{position:sticky;top:0;z-index:18}.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SGroupContainer_c8503_gg_>.___SColumn_c8503_gg_{position:sticky;z-index:18}.___SHead_c8503_gg_.__compact_c8503_gg_ .___SColumn_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_,.___SGroup_c8503_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_c8503_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_c8503_gg_._use_primary_c8503_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_c8503_gg_._use_primary_c8503_gg_:has(~.___SColumn_c8503_gg_.__visibleSort_c8503_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_c8503_gg_._use_secondary_c8503_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_left_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_left_c8503_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._borders_both_c8503_gg_,.___SColumn_c8503_gg_._borders_right_c8503_gg_,.___SGroup_c8503_gg_._borders_both_c8503_gg_,.___SGroup_c8503_gg_._borders_right_c8503_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_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_c8503_gg_._use_primary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_,.___SColumn_c8503_gg_._use_primary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before,.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_::before{display:flex;opacity:1}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_._use_primary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_,.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_.__changeSortSize_c8503_gg_.__isSorted_c8503_gg_ .___SSortWrapper_c8503_gg_{position:relative}.___SColumn_c8503_gg_._use_secondary_c8503_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_c8503_gg_._use_secondary_c8503_gg_ .___SSortWrapper_c8503_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortWrapper_c8503_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_.__visibleSort_c8503_gg_ .___SSortButton_c8503_gg_{display:flex;opacity:1}.___SColumn_c8503_gg_._use_secondary_c8503_gg_._justifyContent_right_c8503_gg_ .___SSortWrapper_c8503_gg_{position:absolute}.___SColumn_c8503_gg_.__gridArea_c8503_gg_,.___SGroupTitle_c8503_gg_.__gridArea_c8503_gg_,.___SGroup_c8503_gg_.__gridArea_c8503_gg_{grid-area:var(--gridArea_c8503)}.___SHead_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_ .___SGroup_c8503_gg_.__fixed_c8503_gg_,.___SHead_c8503_gg_.__sticky_c8503_gg_ .___SColumn_c8503_gg_.__fixed_c8503_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_c8503_gg_.__sortable_c8503_gg_:hover{cursor:pointer}}.___SSortWrapper_c8503_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_c8503_gg_,.___SSortWrapper_c8503_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c8503_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_c8503_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_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_c8503_gg_._sideIndents_wide_c8503_gg_ .___SColumn_c8503_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_c8503_gg_{cursor:pointer}.___SColumn_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after,.___SGroup_c8503_gg_.__fixed_c8503_gg_.__shadowVertical_c8503_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_primary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_._use_secondary_c8503_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_left_c8503_gg_._shadowVertical_start_c8503_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_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_primary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_primary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_._use_secondary_c8503_gg_,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_._use_secondary_c8503_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SColumn_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_end_c8503_gg_:after,.___SGroup_c8503_gg_._fixed_right_c8503_gg_._shadowVertical_median_c8503_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__*/"c8503_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SHead": "
|
|
25
|
-
"__SGroupContainer": "
|
|
26
|
-
"_isDataEmpty": "
|
|
27
|
-
"_gridTemplateColumns": "
|
|
28
|
-
"--gridTemplateColumns": "--
|
|
29
|
-
"_animationDuration": "
|
|
30
|
-
"__SColumn": "
|
|
31
|
-
"--animationDuration": "--
|
|
32
|
-
"_sticky": "
|
|
33
|
-
"__SGroup": "
|
|
34
|
-
"_compact": "
|
|
35
|
-
"_use_secondary": "
|
|
36
|
-
"_borders_both": "
|
|
37
|
-
"_borders_left": "
|
|
38
|
-
"_borders_right": "
|
|
39
|
-
"_gridArea": "
|
|
40
|
-
"__SGroupTitle": "
|
|
41
|
-
"--gridArea": "--
|
|
42
|
-
"_fixed": "
|
|
43
|
-
"_sortable": "
|
|
44
|
-
"__SSortWrapper": "
|
|
45
|
-
"__SSortButton": "
|
|
46
|
-
"__SHeadCheckboxCol": "
|
|
47
|
-
"_use_primary": "
|
|
48
|
-
"_visibleSort": "
|
|
49
|
-
"_justifyContent_right": "
|
|
50
|
-
"_changeSortSize": "
|
|
51
|
-
"_isSorted": "
|
|
52
|
-
"_sideIndents_wide": "
|
|
53
|
-
"_shadowVertical": "
|
|
54
|
-
"_fixed_left": "
|
|
55
|
-
"_shadowVertical_median": "
|
|
56
|
-
"_shadowVertical_start": "
|
|
57
|
-
"_fixed_right": "
|
|
58
|
-
"_shadowVertical_end": "
|
|
24
|
+
"__SHead": "___SHead_c8503_gg_",
|
|
25
|
+
"__SGroupContainer": "___SGroupContainer_c8503_gg_",
|
|
26
|
+
"_isDataEmpty": "__isDataEmpty_c8503_gg_",
|
|
27
|
+
"_gridTemplateColumns": "__gridTemplateColumns_c8503_gg_",
|
|
28
|
+
"--gridTemplateColumns": "--gridTemplateColumns_c8503",
|
|
29
|
+
"_animationDuration": "__animationDuration_c8503_gg_",
|
|
30
|
+
"__SColumn": "___SColumn_c8503_gg_",
|
|
31
|
+
"--animationDuration": "--animationDuration_c8503",
|
|
32
|
+
"_sticky": "__sticky_c8503_gg_",
|
|
33
|
+
"__SGroup": "___SGroup_c8503_gg_",
|
|
34
|
+
"_compact": "__compact_c8503_gg_",
|
|
35
|
+
"_use_secondary": "_use_secondary_c8503_gg_",
|
|
36
|
+
"_borders_both": "_borders_both_c8503_gg_",
|
|
37
|
+
"_borders_left": "_borders_left_c8503_gg_",
|
|
38
|
+
"_borders_right": "_borders_right_c8503_gg_",
|
|
39
|
+
"_gridArea": "__gridArea_c8503_gg_",
|
|
40
|
+
"__SGroupTitle": "___SGroupTitle_c8503_gg_",
|
|
41
|
+
"--gridArea": "--gridArea_c8503",
|
|
42
|
+
"_fixed": "__fixed_c8503_gg_",
|
|
43
|
+
"_sortable": "__sortable_c8503_gg_",
|
|
44
|
+
"__SSortWrapper": "___SSortWrapper_c8503_gg_",
|
|
45
|
+
"__SSortButton": "___SSortButton_c8503_gg_",
|
|
46
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_c8503_gg_",
|
|
47
|
+
"_use_primary": "_use_primary_c8503_gg_",
|
|
48
|
+
"_visibleSort": "__visibleSort_c8503_gg_",
|
|
49
|
+
"_justifyContent_right": "_justifyContent_right_c8503_gg_",
|
|
50
|
+
"_changeSortSize": "__changeSortSize_c8503_gg_",
|
|
51
|
+
"_isSorted": "__isSorted_c8503_gg_",
|
|
52
|
+
"_sideIndents_wide": "_sideIndents_wide_c8503_gg_",
|
|
53
|
+
"_shadowVertical": "__shadowVertical_c8503_gg_",
|
|
54
|
+
"_fixed_left": "_fixed_left_c8503_gg_",
|
|
55
|
+
"_shadowVertical_median": "_shadowVertical_median_c8503_gg_",
|
|
56
|
+
"_shadowVertical_start": "_shadowVertical_start_c8503_gg_",
|
|
57
|
+
"_fixed_right": "_fixed_right_c8503_gg_",
|
|
58
|
+
"_shadowVertical_end": "_shadowVertical_end_c8503_gg_"
|
|
59
59
|
});
|
|
60
|
-
import {
|
|
60
|
+
import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
|
|
61
61
|
var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
62
62
|
function HeadRoot() {
|
|
63
63
|
var _this;
|
|
@@ -222,7 +222,7 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
|
222
222
|
})))), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, treeColumns.map(function (column, _i) {
|
|
223
223
|
if ('columns' in column) {
|
|
224
224
|
var _column$columns;
|
|
225
|
-
return /*#__PURE__*/React.createElement(
|
|
225
|
+
return /*#__PURE__*/React.createElement(DataTable.Head.Group, _extends({
|
|
226
226
|
key: column.name
|
|
227
227
|
}, column, {
|
|
228
228
|
name: (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function (c) {
|
|
@@ -231,7 +231,7 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
|
231
231
|
title: ""
|
|
232
232
|
}));
|
|
233
233
|
}
|
|
234
|
-
return /*#__PURE__*/React.createElement(
|
|
234
|
+
return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
|
|
235
235
|
key: column.name
|
|
236
236
|
}, column));
|
|
237
237
|
}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTableInternal","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","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","_slicedToArray","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","_this$asProps6","some","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","title"],"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
|
+
{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","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","_slicedToArray","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","_this$asProps6","some","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","title"],"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 { DataTable, 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 <DataTable.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 <DataTable.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":[]}
|
package/lib/es6/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
|
|
1
2
|
import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';
|
|
2
3
|
var wrapDataTable = function wrapDataTable(wrapper) {
|
|
3
4
|
return wrapper;
|
|
4
5
|
};
|
|
5
|
-
export { DataTable, ACCORDION, ROW_GROUP,
|
|
6
|
+
export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP,
|
|
6
7
|
/**
|
|
7
8
|
* @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.
|
|
8
9
|
*/
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n} from './components/DataTable/DataTable.types';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n DataTable,\n ACCORDION,\n ROW_GROUP,\n /**\n * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.\n */\n UNIQ_ROW_KEY,\n wrapDataTable,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n};\n"],"mappings":"AAGA,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;
|
|
1
|
+
{"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n MergedRowsCell,\n MergedColumnsCell,\n DataTable,\n ACCORDION,\n ROW_GROUP,\n /**\n * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.\n */\n UNIQ_ROW_KEY,\n wrapDataTable,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n};\n"],"mappings":"AAGA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAWhG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACEP,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS;AACT;AACF;AACA;AACEC,YAAY,EACZC,aAAa","ignoreList":[]}
|