@semcore/data-table 16.5.2 → 16.5.3-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +4 -4
- package/lib/cjs/components/AccordionRows/AccordionRows.js +51 -51
- package/lib/cjs/components/Body/Body.js +82 -58
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +51 -51
- package/lib/cjs/components/Body/LimitOverlay.js +51 -51
- package/lib/cjs/components/Body/Row.js +63 -56
- 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/DataTable/DataTable.js +64 -52
- 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/Column.js.map +1 -1
- package/lib/cjs/components/Head/Column.types.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +36 -36
- package/lib/cjs/components/Head/Head.js +107 -87
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/components/AccordionRows/AccordionRows.js +51 -51
- package/lib/es6/components/Body/Body.js +84 -60
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +51 -51
- package/lib/es6/components/Body/LimitOverlay.js +51 -51
- package/lib/es6/components/Body/Row.js +63 -56
- 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/DataTable/DataTable.js +64 -52
- 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/Column.js.map +1 -1
- package/lib/es6/components/Head/Column.types.js.map +1 -1
- package/lib/es6/components/Head/Group.js +36 -36
- package/lib/es6/components/Head/Head.js +107 -87
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/components/AccordionRows/AccordionRows.mjs +52 -52
- package/lib/esm/components/Body/Body.mjs +83 -61
- package/lib/esm/components/Body/Cell.mjs +52 -52
- package/lib/esm/components/Body/LimitOverlay.mjs +52 -52
- package/lib/esm/components/Body/Row.mjs +62 -57
- package/lib/esm/components/DataTable/DataTable.mjs +65 -54
- package/lib/esm/components/Head/Column.mjs +37 -37
- package/lib/esm/components/Head/Group.mjs +37 -37
- package/lib/esm/components/Head/Head.mjs +72 -51
- package/lib/types/components/Body/Row.types.d.ts +2 -1
- package/lib/types/components/DataTable/DataTable.types.d.ts +10 -2
- package/lib/types/components/Head/Column.d.ts +6 -1
- package/lib/types/components/Head/Column.types.d.ts +6 -1
- package/lib/types/components/Head/Head.types.d.ts +7 -2
- package/lib/types/index.d.ts +2 -1
- package/package.json +9 -9
|
@@ -26,44 +26,44 @@ var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
|
|
|
26
26
|
var React = _interopRequireWildcard(require("react"));
|
|
27
27
|
var _focusableCell = require("../../enhancers/focusableCell");
|
|
28
28
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
29
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
29
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1141v_gg_,.___SHead_1141v_gg_{display:contents}.___SHead_1141v_gg_.__isDataEmpty_1141v_gg_.__gridTemplateColumns_1141v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1141v);overflow:auto;scrollbar-width:thin}.___SHead_1141v_gg_.__animationDuration_1141v_gg_>.___SColumn_1141v_gg_{transition:top var(--animationDuration_1141v) ease-out}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroup_1141v_gg_{position:sticky;top:0;z-index:18}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroupContainer_1141v_gg_>.___SColumn_1141v_gg_{position:sticky;z-index:18}.___SHead_1141v_gg_.__compact_1141v_gg_ .___SColumn_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_,.___SGroup_1141v_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_1141v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1141v_gg_._use_primary_1141v_gg_:has(~.___SColumn_1141v_gg_.__visibleSort_1141v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_left_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_left_1141v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_right_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_right_1141v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_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_1141v_gg_._use_primary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_,.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before,.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before{display:flex;opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_,.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_{position:relative}.___SColumn_1141v_gg_._use_secondary_1141v_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_1141v_gg_._use_secondary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_{display:flex;opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_.__gridArea_1141v_gg_,.___SGroupTitle_1141v_gg_.__gridArea_1141v_gg_,.___SGroup_1141v_gg_.__gridArea_1141v_gg_{grid-area:var(--gridArea_1141v)}.___SHead_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_ .___SGroup_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1141v_gg_.__sortable_1141v_gg_:hover{cursor:pointer}}.___SSortWrapper_1141v_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_1141v_gg_,.___SSortWrapper_1141v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1141v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1141v_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_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1141v_gg_{cursor:pointer}.___SColumn_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after,.___SGroup_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_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_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_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__*/"1141v_gg_"),
|
|
30
30
|
/*__reshadow_css_end__*/
|
|
31
31
|
{
|
|
32
|
-
"__SHead": "
|
|
33
|
-
"__SGroupContainer": "
|
|
34
|
-
"_isDataEmpty": "
|
|
35
|
-
"_gridTemplateColumns": "
|
|
36
|
-
"--gridTemplateColumns": "--
|
|
37
|
-
"_animationDuration": "
|
|
38
|
-
"__SColumn": "
|
|
39
|
-
"--animationDuration": "--
|
|
40
|
-
"_sticky": "
|
|
41
|
-
"__SGroup": "
|
|
42
|
-
"_compact": "
|
|
43
|
-
"_use_secondary": "
|
|
44
|
-
"_borders_both": "
|
|
45
|
-
"_borders_left": "
|
|
46
|
-
"_borders_right": "
|
|
47
|
-
"_gridArea": "
|
|
48
|
-
"__SGroupTitle": "
|
|
49
|
-
"--gridArea": "--
|
|
50
|
-
"_fixed": "
|
|
51
|
-
"_sortable": "
|
|
52
|
-
"__SSortWrapper": "
|
|
53
|
-
"__SSortButton": "
|
|
54
|
-
"__SHeadCheckboxCol": "
|
|
55
|
-
"_use_primary": "
|
|
56
|
-
"_visibleSort": "
|
|
57
|
-
"_justifyContent_right": "
|
|
58
|
-
"_changeSortSize": "
|
|
59
|
-
"_isSorted": "
|
|
60
|
-
"_sideIndents_wide": "
|
|
61
|
-
"_shadowVertical": "
|
|
62
|
-
"_fixed_left": "
|
|
63
|
-
"_shadowVertical_median": "
|
|
64
|
-
"_shadowVertical_start": "
|
|
65
|
-
"_fixed_right": "
|
|
66
|
-
"_shadowVertical_end": "
|
|
32
|
+
"__SHead": "___SHead_1141v_gg_",
|
|
33
|
+
"__SGroupContainer": "___SGroupContainer_1141v_gg_",
|
|
34
|
+
"_isDataEmpty": "__isDataEmpty_1141v_gg_",
|
|
35
|
+
"_gridTemplateColumns": "__gridTemplateColumns_1141v_gg_",
|
|
36
|
+
"--gridTemplateColumns": "--gridTemplateColumns_1141v",
|
|
37
|
+
"_animationDuration": "__animationDuration_1141v_gg_",
|
|
38
|
+
"__SColumn": "___SColumn_1141v_gg_",
|
|
39
|
+
"--animationDuration": "--animationDuration_1141v",
|
|
40
|
+
"_sticky": "__sticky_1141v_gg_",
|
|
41
|
+
"__SGroup": "___SGroup_1141v_gg_",
|
|
42
|
+
"_compact": "__compact_1141v_gg_",
|
|
43
|
+
"_use_secondary": "_use_secondary_1141v_gg_",
|
|
44
|
+
"_borders_both": "_borders_both_1141v_gg_",
|
|
45
|
+
"_borders_left": "_borders_left_1141v_gg_",
|
|
46
|
+
"_borders_right": "_borders_right_1141v_gg_",
|
|
47
|
+
"_gridArea": "__gridArea_1141v_gg_",
|
|
48
|
+
"__SGroupTitle": "___SGroupTitle_1141v_gg_",
|
|
49
|
+
"--gridArea": "--gridArea_1141v",
|
|
50
|
+
"_fixed": "__fixed_1141v_gg_",
|
|
51
|
+
"_sortable": "__sortable_1141v_gg_",
|
|
52
|
+
"__SSortWrapper": "___SSortWrapper_1141v_gg_",
|
|
53
|
+
"__SSortButton": "___SSortButton_1141v_gg_",
|
|
54
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_1141v_gg_",
|
|
55
|
+
"_use_primary": "_use_primary_1141v_gg_",
|
|
56
|
+
"_visibleSort": "__visibleSort_1141v_gg_",
|
|
57
|
+
"_justifyContent_right": "_justifyContent_right_1141v_gg_",
|
|
58
|
+
"_changeSortSize": "__changeSortSize_1141v_gg_",
|
|
59
|
+
"_isSorted": "__isSorted_1141v_gg_",
|
|
60
|
+
"_sideIndents_wide": "_sideIndents_wide_1141v_gg_",
|
|
61
|
+
"_shadowVertical": "__shadowVertical_1141v_gg_",
|
|
62
|
+
"_fixed_left": "_fixed_left_1141v_gg_",
|
|
63
|
+
"_shadowVertical_median": "_shadowVertical_median_1141v_gg_",
|
|
64
|
+
"_shadowVertical_start": "_shadowVertical_start_1141v_gg_",
|
|
65
|
+
"_fixed_right": "_fixed_right_1141v_gg_",
|
|
66
|
+
"_shadowVertical_end": "_shadowVertical_end_1141v_gg_"
|
|
67
67
|
});
|
|
68
68
|
var SORTING_ICON = {
|
|
69
69
|
desc: _m2["default"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_cssToIntDefault","_getFocusableIn","_isFocusInside","_isInteractiveElement","_m","_m2","React","_interopRequireWildcard","_focusableCell","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","handleKeydownFocusCell","lockedCell","cellElement","handleFocusCell","_this$columnRef$curre3","_this$columnRef$curre4","focusableChildren","from","children","flatMap","getFocusableIn","isInteractiveElement","_this$columnRef$curre5","_this$columnRef$curre6","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","cssToIntDefault","top","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Column';\n static style = style;\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n handleFocusCell(this.lockedCell, target, cellElement);\n });\n } else {\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusableCellFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleFocusableCellKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_cssToIntDefault","_getFocusableIn","_isFocusInside","_isInteractiveElement","_m","_m2","React","_interopRequireWildcard","_focusableCell","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","handleKeydownFocusCell","lockedCell","cellElement","handleFocusCell","_this$columnRef$curre3","_this$columnRef$curre4","focusableChildren","from","children","flatMap","getFocusableIn","isInteractiveElement","_this$columnRef$curre5","_this$columnRef$curre6","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","cssToIntDefault","top","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Column';\n static style = style;\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n handleFocusCell(this.lockedCell, target, cellElement);\n });\n } else {\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.columnRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusableCellFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleFocusableCellKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type {\n ColumnGroupConfig,\n ColumnItemConfig,\n DataTableData,\n DataTableProps,\n DTUse,\n SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n /**\n * Name of column for mapping with data\n */\n name: string;\n /**\n * Flag to define column as sortable\n */\n sortable?: boolean | SortDirection;\n /**\n * Fixes column to some side of table\n */\n fixed?: 'left' | 'right';\n /**\n * Adds vertical border(s)\n */\n borders?: 'both' | 'left' | 'right';\n /**\n * It manages the `flex-wrap` property\n */\n flexWrap?: boolean;\n /**\n * It manages the `align-items` property\n */\n alignItems?: Property.AlignItems;\n /**\n * It manages the `align-content` property\n */\n alignContent?: Property.AlignContent;\n /**\n * CSS `justify-content` property\n */\n justifyContent?: Property.JustifyContent;\n /**\n * CSS `text-align` property\n */\n textAlign?: Property.TextAlign;\n};\n\nexport type DTColumn = ColumnItemConfig &\n CommonColumnType & {\n /**\n * Width for grid-template-columns\n */\n gtcWidth: string;\n\n parent?: DTColumn | ColumnGroupConfig;\n\n columns?: DTColumn[];\n children?: React.ReactNode | React.FC;\n\n gridArea?: string;\n\n showShadowVertical?: boolean;\n };\n\nexport type DataTableColumnProps = CommonColumnType & {\n /**\n * Value for grid-template-columns for current column\n */\n gtcWidth?: string;\n\n /**\n * Flag for change column size if sorted by it\n */\n changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> = {\n use: DTUse;\n borders?: 'both' | 'left' | 'right';\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n uid: string;\n parent?: DTColumn;\n sortableColumnDescribeId: string;\n columnIndex: number;\n tableRef: React.RefObject<HTMLElement>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sticky: boolean;\n onClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: 'horizontal' | 'vertical' | 'both';\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type {\n ColumnGroupConfig,\n ColumnItemConfig,\n DataTableData,\n DataTableProps,\n DTUse,\n SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n /**\n * Name of column for mapping with data\n */\n name: string;\n /**\n * Flag to define column as sortable\n */\n sortable?: boolean | SortDirection;\n /**\n * Fixes column to some side of table\n */\n fixed?: 'left' | 'right';\n /**\n * Adds vertical border(s)\n */\n borders?: 'both' | 'left' | 'right';\n /**\n * It manages the `flex-wrap` property\n */\n flexWrap?: boolean;\n /**\n * It manages the `align-items` property\n */\n alignItems?: Property.AlignItems;\n /**\n * It manages the `align-content` property\n */\n alignContent?: Property.AlignContent;\n /**\n * CSS `justify-content` property\n */\n justifyContent?: Property.JustifyContent;\n /**\n * CSS `text-align` property\n */\n textAlign?: Property.TextAlign;\n};\n\nexport type DTColumn = ColumnItemConfig &\n CommonColumnType & {\n /**\n * Width for grid-template-columns\n */\n gtcWidth: string;\n\n parent?: DTColumn | ColumnGroupConfig;\n\n columns?: DTColumn[];\n children?: React.ReactNode | React.FC;\n\n gridArea?: string;\n\n showShadowVertical?: boolean;\n };\n\nexport type DataTableColumnProps = CommonColumnType & {\n /**\n * Value for grid-template-columns for current column\n */\n gtcWidth?: string;\n\n /**\n * Flag for change column size if sorted by it\n */\n changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> = {\n use: DTUse;\n borders?: 'both' | 'left' | 'right';\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n uid: string;\n parent?: DTColumn;\n sortableColumnDescribeId: string;\n columnIndex: number;\n tableRef: React.RefObject<HTMLElement>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sticky: boolean;\n onClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: 'horizontal' | 'vertical' | 'both';\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -18,44 +18,44 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
|
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
var _DataTable = require("../DataTable/DataTable");
|
|
20
20
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1141v_gg_,.___SHead_1141v_gg_{display:contents}.___SHead_1141v_gg_.__isDataEmpty_1141v_gg_.__gridTemplateColumns_1141v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1141v);overflow:auto;scrollbar-width:thin}.___SHead_1141v_gg_.__animationDuration_1141v_gg_>.___SColumn_1141v_gg_{transition:top var(--animationDuration_1141v) ease-out}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroup_1141v_gg_{position:sticky;top:0;z-index:18}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroupContainer_1141v_gg_>.___SColumn_1141v_gg_{position:sticky;z-index:18}.___SHead_1141v_gg_.__compact_1141v_gg_ .___SColumn_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_,.___SGroup_1141v_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_1141v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1141v_gg_._use_primary_1141v_gg_:has(~.___SColumn_1141v_gg_.__visibleSort_1141v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_left_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_left_1141v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_right_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_right_1141v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_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_1141v_gg_._use_primary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_,.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before,.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before{display:flex;opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_,.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_{position:relative}.___SColumn_1141v_gg_._use_secondary_1141v_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_1141v_gg_._use_secondary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_{display:flex;opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_.__gridArea_1141v_gg_,.___SGroupTitle_1141v_gg_.__gridArea_1141v_gg_,.___SGroup_1141v_gg_.__gridArea_1141v_gg_{grid-area:var(--gridArea_1141v)}.___SHead_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_ .___SGroup_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1141v_gg_.__sortable_1141v_gg_:hover{cursor:pointer}}.___SSortWrapper_1141v_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_1141v_gg_,.___SSortWrapper_1141v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1141v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1141v_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_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1141v_gg_{cursor:pointer}.___SColumn_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after,.___SGroup_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_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_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_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__*/"1141v_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_1141v_gg_",
|
|
25
|
+
"__SGroupContainer": "___SGroupContainer_1141v_gg_",
|
|
26
|
+
"_isDataEmpty": "__isDataEmpty_1141v_gg_",
|
|
27
|
+
"_gridTemplateColumns": "__gridTemplateColumns_1141v_gg_",
|
|
28
|
+
"--gridTemplateColumns": "--gridTemplateColumns_1141v",
|
|
29
|
+
"_animationDuration": "__animationDuration_1141v_gg_",
|
|
30
|
+
"__SColumn": "___SColumn_1141v_gg_",
|
|
31
|
+
"--animationDuration": "--animationDuration_1141v",
|
|
32
|
+
"_sticky": "__sticky_1141v_gg_",
|
|
33
|
+
"__SGroup": "___SGroup_1141v_gg_",
|
|
34
|
+
"_compact": "__compact_1141v_gg_",
|
|
35
|
+
"_use_secondary": "_use_secondary_1141v_gg_",
|
|
36
|
+
"_borders_both": "_borders_both_1141v_gg_",
|
|
37
|
+
"_borders_left": "_borders_left_1141v_gg_",
|
|
38
|
+
"_borders_right": "_borders_right_1141v_gg_",
|
|
39
|
+
"_gridArea": "__gridArea_1141v_gg_",
|
|
40
|
+
"__SGroupTitle": "___SGroupTitle_1141v_gg_",
|
|
41
|
+
"--gridArea": "--gridArea_1141v",
|
|
42
|
+
"_fixed": "__fixed_1141v_gg_",
|
|
43
|
+
"_sortable": "__sortable_1141v_gg_",
|
|
44
|
+
"__SSortWrapper": "___SSortWrapper_1141v_gg_",
|
|
45
|
+
"__SSortButton": "___SSortButton_1141v_gg_",
|
|
46
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_1141v_gg_",
|
|
47
|
+
"_use_primary": "_use_primary_1141v_gg_",
|
|
48
|
+
"_visibleSort": "__visibleSort_1141v_gg_",
|
|
49
|
+
"_justifyContent_right": "_justifyContent_right_1141v_gg_",
|
|
50
|
+
"_changeSortSize": "__changeSortSize_1141v_gg_",
|
|
51
|
+
"_isSorted": "__isSorted_1141v_gg_",
|
|
52
|
+
"_sideIndents_wide": "_sideIndents_wide_1141v_gg_",
|
|
53
|
+
"_shadowVertical": "__shadowVertical_1141v_gg_",
|
|
54
|
+
"_fixed_left": "_fixed_left_1141v_gg_",
|
|
55
|
+
"_shadowVertical_median": "_shadowVertical_median_1141v_gg_",
|
|
56
|
+
"_shadowVertical_start": "_shadowVertical_start_1141v_gg_",
|
|
57
|
+
"_fixed_right": "_fixed_right_1141v_gg_",
|
|
58
|
+
"_shadowVertical_end": "_shadowVertical_end_1141v_gg_"
|
|
59
59
|
});
|
|
60
60
|
var Group = exports.Group = /*#__PURE__*/function (_Component) {
|
|
61
61
|
function Group() {
|