@semcore/data-table 16.4.0 → 16.4.2-prerelease.3
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 -0
- package/lib/cjs/components/AccordionRows/AccordionRows.js +176 -0
- package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -0
- package/lib/cjs/components/Body/Body.js +128 -114
- 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 +63 -104
- 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/LimitOverlay.js +55 -53
- package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +218 -236
- 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 +32 -8
- package/lib/cjs/components/DataTable/DataTable.js +41 -31
- 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.types.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +36 -36
- package/lib/cjs/components/Head/Head.js +36 -36
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/enhancers/focusableCell.js +15 -5
- package/lib/cjs/enhancers/focusableCell.js.map +1 -1
- package/lib/es6/components/AccordionRows/AccordionRows.js +170 -0
- package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -0
- package/lib/es6/components/Body/Body.js +128 -114
- 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 +64 -105
- 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/LimitOverlay.js +55 -53
- package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
- package/lib/es6/components/Body/Row.js +218 -236
- 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 +32 -8
- package/lib/es6/components/DataTable/DataTable.js +41 -31
- 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.types.js.map +1 -1
- package/lib/es6/components/Head/Group.js +36 -36
- package/lib/es6/components/Head/Head.js +36 -36
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/enhancers/focusableCell.js +15 -5
- package/lib/es6/enhancers/focusableCell.js.map +1 -1
- package/lib/esm/components/AccordionRows/AccordionRows.mjs +155 -0
- package/lib/esm/components/Body/Body.mjs +84 -70
- package/lib/esm/components/Body/Cell.mjs +58 -88
- package/lib/esm/components/Body/LimitOverlay.mjs +56 -54
- package/lib/esm/components/Body/Row.mjs +171 -189
- package/lib/esm/components/Body/style.shadow.css +32 -8
- package/lib/esm/components/DataTable/DataTable.mjs +42 -33
- 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 +37 -37
- package/lib/esm/enhancers/focusableCell.mjs +15 -5
- package/lib/types/components/AccordionRows/AccordionRows.d.ts +39 -0
- package/lib/types/components/Body/Body.types.d.ts +5 -4
- package/lib/types/components/Body/Cell.types.d.ts +6 -11
- package/lib/types/components/Body/Row.d.ts +10 -10
- package/lib/types/components/Body/Row.types.d.ts +9 -9
- package/lib/types/components/DataTable/DataTable.types.d.ts +6 -1
- package/lib/types/components/Head/Column.types.d.ts +2 -2
- package/lib/types/components/Head/Head.types.d.ts +2 -2
- package/package.json +22 -22
|
@@ -24,44 +24,44 @@ var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
|
|
|
24
24
|
var React = _interopRequireWildcard(require("react"));
|
|
25
25
|
var _focusableCell = require("../../enhancers/focusableCell");
|
|
26
26
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
27
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_2c1p5_gg_,.___SHead_2c1p5_gg_{display:contents}.___SHead_2c1p5_gg_.__isDataEmpty_2c1p5_gg_.__gridTemplateColumns_2c1p5_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_2c1p5);overflow:auto;scrollbar-width:thin}.___SHead_2c1p5_gg_.__animationDuration_2c1p5_gg_>.___SColumn_2c1p5_gg_{transition:top var(--animationDuration_2c1p5) ease-out}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroup_2c1p5_gg_{position:sticky;top:0;z-index:18}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroupContainer_2c1p5_gg_>.___SColumn_2c1p5_gg_{position:sticky;z-index:18}.___SHead_2c1p5_gg_.__compact_2c1p5_gg_ .___SColumn_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_,.___SGroup_2c1p5_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_2c1p5_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_:has(~.___SColumn_2c1p5_gg_.__visibleSort_2c1p5_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_2c1p5_gg_._use_secondary_2c1p5_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_left_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_left_2c1p5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_right_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_right_2c1p5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_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_2c1p5_gg_._use_primary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:relative}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_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_2c1p5_gg_._use_secondary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroupTitle_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroup_2c1p5_gg_.__gridArea_2c1p5_gg_{grid-area:var(--gridArea_2c1p5)}.___SHead_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_ .___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_2c1p5_gg_.__sortable_2c1p5_gg_:hover{cursor:pointer}}.___SSortWrapper_2c1p5_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_2c1p5_gg_,.___SSortWrapper_2c1p5_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_2c1p5_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_2c1p5_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_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_2c1p5_gg_{cursor:pointer}.___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after,.___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_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_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_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__*/"2c1p5_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SHead": "
|
|
31
|
-
"__SGroupContainer": "
|
|
32
|
-
"_isDataEmpty": "
|
|
33
|
-
"_gridTemplateColumns": "
|
|
34
|
-
"--gridTemplateColumns": "--
|
|
35
|
-
"_animationDuration": "
|
|
36
|
-
"__SColumn": "
|
|
37
|
-
"--animationDuration": "--
|
|
38
|
-
"_sticky": "
|
|
39
|
-
"__SGroup": "
|
|
40
|
-
"_compact": "
|
|
41
|
-
"_use_secondary": "
|
|
42
|
-
"_borders_both": "
|
|
43
|
-
"_borders_left": "
|
|
44
|
-
"_borders_right": "
|
|
45
|
-
"_gridArea": "
|
|
46
|
-
"__SGroupTitle": "
|
|
47
|
-
"--gridArea": "--
|
|
48
|
-
"_fixed": "
|
|
49
|
-
"_sortable": "
|
|
50
|
-
"__SSortWrapper": "
|
|
51
|
-
"__SSortButton": "
|
|
52
|
-
"__SHeadCheckboxCol": "
|
|
53
|
-
"_use_primary": "
|
|
54
|
-
"_visibleSort": "
|
|
55
|
-
"_justifyContent_right": "
|
|
56
|
-
"_changeSortSize": "
|
|
57
|
-
"_isSorted": "
|
|
58
|
-
"_sideIndents_wide": "
|
|
59
|
-
"_shadowVertical": "
|
|
60
|
-
"_fixed_left": "
|
|
61
|
-
"_shadowVertical_median": "
|
|
62
|
-
"_shadowVertical_start": "
|
|
63
|
-
"_fixed_right": "
|
|
64
|
-
"_shadowVertical_end": "
|
|
30
|
+
"__SHead": "___SHead_2c1p5_gg_",
|
|
31
|
+
"__SGroupContainer": "___SGroupContainer_2c1p5_gg_",
|
|
32
|
+
"_isDataEmpty": "__isDataEmpty_2c1p5_gg_",
|
|
33
|
+
"_gridTemplateColumns": "__gridTemplateColumns_2c1p5_gg_",
|
|
34
|
+
"--gridTemplateColumns": "--gridTemplateColumns_2c1p5",
|
|
35
|
+
"_animationDuration": "__animationDuration_2c1p5_gg_",
|
|
36
|
+
"__SColumn": "___SColumn_2c1p5_gg_",
|
|
37
|
+
"--animationDuration": "--animationDuration_2c1p5",
|
|
38
|
+
"_sticky": "__sticky_2c1p5_gg_",
|
|
39
|
+
"__SGroup": "___SGroup_2c1p5_gg_",
|
|
40
|
+
"_compact": "__compact_2c1p5_gg_",
|
|
41
|
+
"_use_secondary": "_use_secondary_2c1p5_gg_",
|
|
42
|
+
"_borders_both": "_borders_both_2c1p5_gg_",
|
|
43
|
+
"_borders_left": "_borders_left_2c1p5_gg_",
|
|
44
|
+
"_borders_right": "_borders_right_2c1p5_gg_",
|
|
45
|
+
"_gridArea": "__gridArea_2c1p5_gg_",
|
|
46
|
+
"__SGroupTitle": "___SGroupTitle_2c1p5_gg_",
|
|
47
|
+
"--gridArea": "--gridArea_2c1p5",
|
|
48
|
+
"_fixed": "__fixed_2c1p5_gg_",
|
|
49
|
+
"_sortable": "__sortable_2c1p5_gg_",
|
|
50
|
+
"__SSortWrapper": "___SSortWrapper_2c1p5_gg_",
|
|
51
|
+
"__SSortButton": "___SSortButton_2c1p5_gg_",
|
|
52
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_2c1p5_gg_",
|
|
53
|
+
"_use_primary": "_use_primary_2c1p5_gg_",
|
|
54
|
+
"_visibleSort": "__visibleSort_2c1p5_gg_",
|
|
55
|
+
"_justifyContent_right": "_justifyContent_right_2c1p5_gg_",
|
|
56
|
+
"_changeSortSize": "__changeSortSize_2c1p5_gg_",
|
|
57
|
+
"_isSorted": "__isSorted_2c1p5_gg_",
|
|
58
|
+
"_sideIndents_wide": "_sideIndents_wide_2c1p5_gg_",
|
|
59
|
+
"_shadowVertical": "__shadowVertical_2c1p5_gg_",
|
|
60
|
+
"_fixed_left": "_fixed_left_2c1p5_gg_",
|
|
61
|
+
"_shadowVertical_median": "_shadowVertical_median_2c1p5_gg_",
|
|
62
|
+
"_shadowVertical_start": "_shadowVertical_start_2c1p5_gg_",
|
|
63
|
+
"_fixed_right": "_fixed_right_2c1p5_gg_",
|
|
64
|
+
"_shadowVertical_end": "_shadowVertical_end_2c1p5_gg_"
|
|
65
65
|
});
|
|
66
66
|
var SORTING_ICON = {
|
|
67
67
|
desc: _m2["default"],
|
|
@@ -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 {
|
|
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":[]}
|
|
@@ -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_2c1p5_gg_,.___SHead_2c1p5_gg_{display:contents}.___SHead_2c1p5_gg_.__isDataEmpty_2c1p5_gg_.__gridTemplateColumns_2c1p5_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_2c1p5);overflow:auto;scrollbar-width:thin}.___SHead_2c1p5_gg_.__animationDuration_2c1p5_gg_>.___SColumn_2c1p5_gg_{transition:top var(--animationDuration_2c1p5) ease-out}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroup_2c1p5_gg_{position:sticky;top:0;z-index:18}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroupContainer_2c1p5_gg_>.___SColumn_2c1p5_gg_{position:sticky;z-index:18}.___SHead_2c1p5_gg_.__compact_2c1p5_gg_ .___SColumn_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_,.___SGroup_2c1p5_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_2c1p5_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_:has(~.___SColumn_2c1p5_gg_.__visibleSort_2c1p5_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_2c1p5_gg_._use_secondary_2c1p5_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_left_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_left_2c1p5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_right_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_right_2c1p5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_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_2c1p5_gg_._use_primary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:relative}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_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_2c1p5_gg_._use_secondary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroupTitle_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroup_2c1p5_gg_.__gridArea_2c1p5_gg_{grid-area:var(--gridArea_2c1p5)}.___SHead_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_ .___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_2c1p5_gg_.__sortable_2c1p5_gg_:hover{cursor:pointer}}.___SSortWrapper_2c1p5_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_2c1p5_gg_,.___SSortWrapper_2c1p5_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_2c1p5_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_2c1p5_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_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_2c1p5_gg_{cursor:pointer}.___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after,.___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_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_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_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__*/"2c1p5_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_2c1p5_gg_",
|
|
25
|
+
"__SGroupContainer": "___SGroupContainer_2c1p5_gg_",
|
|
26
|
+
"_isDataEmpty": "__isDataEmpty_2c1p5_gg_",
|
|
27
|
+
"_gridTemplateColumns": "__gridTemplateColumns_2c1p5_gg_",
|
|
28
|
+
"--gridTemplateColumns": "--gridTemplateColumns_2c1p5",
|
|
29
|
+
"_animationDuration": "__animationDuration_2c1p5_gg_",
|
|
30
|
+
"__SColumn": "___SColumn_2c1p5_gg_",
|
|
31
|
+
"--animationDuration": "--animationDuration_2c1p5",
|
|
32
|
+
"_sticky": "__sticky_2c1p5_gg_",
|
|
33
|
+
"__SGroup": "___SGroup_2c1p5_gg_",
|
|
34
|
+
"_compact": "__compact_2c1p5_gg_",
|
|
35
|
+
"_use_secondary": "_use_secondary_2c1p5_gg_",
|
|
36
|
+
"_borders_both": "_borders_both_2c1p5_gg_",
|
|
37
|
+
"_borders_left": "_borders_left_2c1p5_gg_",
|
|
38
|
+
"_borders_right": "_borders_right_2c1p5_gg_",
|
|
39
|
+
"_gridArea": "__gridArea_2c1p5_gg_",
|
|
40
|
+
"__SGroupTitle": "___SGroupTitle_2c1p5_gg_",
|
|
41
|
+
"--gridArea": "--gridArea_2c1p5",
|
|
42
|
+
"_fixed": "__fixed_2c1p5_gg_",
|
|
43
|
+
"_sortable": "__sortable_2c1p5_gg_",
|
|
44
|
+
"__SSortWrapper": "___SSortWrapper_2c1p5_gg_",
|
|
45
|
+
"__SSortButton": "___SSortButton_2c1p5_gg_",
|
|
46
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_2c1p5_gg_",
|
|
47
|
+
"_use_primary": "_use_primary_2c1p5_gg_",
|
|
48
|
+
"_visibleSort": "__visibleSort_2c1p5_gg_",
|
|
49
|
+
"_justifyContent_right": "_justifyContent_right_2c1p5_gg_",
|
|
50
|
+
"_changeSortSize": "__changeSortSize_2c1p5_gg_",
|
|
51
|
+
"_isSorted": "__isSorted_2c1p5_gg_",
|
|
52
|
+
"_sideIndents_wide": "_sideIndents_wide_2c1p5_gg_",
|
|
53
|
+
"_shadowVertical": "__shadowVertical_2c1p5_gg_",
|
|
54
|
+
"_fixed_left": "_fixed_left_2c1p5_gg_",
|
|
55
|
+
"_shadowVertical_median": "_shadowVertical_median_2c1p5_gg_",
|
|
56
|
+
"_shadowVertical_start": "_shadowVertical_start_2c1p5_gg_",
|
|
57
|
+
"_fixed_right": "_fixed_right_2c1p5_gg_",
|
|
58
|
+
"_shadowVertical_end": "_shadowVertical_end_2c1p5_gg_"
|
|
59
59
|
});
|
|
60
60
|
var Group = exports.Group = /*#__PURE__*/function (_Component) {
|
|
61
61
|
function Group() {
|
|
@@ -21,44 +21,44 @@ var _Column = require("./Column");
|
|
|
21
21
|
var _Group = require("./Group");
|
|
22
22
|
var _DataTable = require("../DataTable/DataTable");
|
|
23
23
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_2c1p5_gg_,.___SHead_2c1p5_gg_{display:contents}.___SHead_2c1p5_gg_.__isDataEmpty_2c1p5_gg_.__gridTemplateColumns_2c1p5_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_2c1p5);overflow:auto;scrollbar-width:thin}.___SHead_2c1p5_gg_.__animationDuration_2c1p5_gg_>.___SColumn_2c1p5_gg_{transition:top var(--animationDuration_2c1p5) ease-out}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroup_2c1p5_gg_{position:sticky;top:0;z-index:18}.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SGroupContainer_2c1p5_gg_>.___SColumn_2c1p5_gg_{position:sticky;z-index:18}.___SHead_2c1p5_gg_.__compact_2c1p5_gg_ .___SColumn_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_,.___SGroup_2c1p5_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_2c1p5_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_2c1p5_gg_._use_primary_2c1p5_gg_:has(~.___SColumn_2c1p5_gg_.__visibleSort_2c1p5_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_2c1p5_gg_._use_secondary_2c1p5_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_left_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_left_2c1p5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._borders_both_2c1p5_gg_,.___SColumn_2c1p5_gg_._borders_right_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_both_2c1p5_gg_,.___SGroup_2c1p5_gg_._borders_right_2c1p5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_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_2c1p5_gg_._use_primary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_._use_primary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_,.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_.__changeSortSize_2c1p5_gg_.__isSorted_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:relative}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_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_2c1p5_gg_._use_secondary_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_.__visibleSort_2c1p5_gg_ .___SSortButton_2c1p5_gg_{display:flex;opacity:1}.___SColumn_2c1p5_gg_._use_secondary_2c1p5_gg_._justifyContent_right_2c1p5_gg_ .___SSortWrapper_2c1p5_gg_{position:absolute}.___SColumn_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroupTitle_2c1p5_gg_.__gridArea_2c1p5_gg_,.___SGroup_2c1p5_gg_.__gridArea_2c1p5_gg_{grid-area:var(--gridArea_2c1p5)}.___SHead_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_ .___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_,.___SHead_2c1p5_gg_.__sticky_2c1p5_gg_ .___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_2c1p5_gg_.__sortable_2c1p5_gg_:hover{cursor:pointer}}.___SSortWrapper_2c1p5_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_2c1p5_gg_,.___SSortWrapper_2c1p5_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_2c1p5_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_2c1p5_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_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_2c1p5_gg_._sideIndents_wide_2c1p5_gg_ .___SColumn_2c1p5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_2c1p5_gg_{cursor:pointer}.___SColumn_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after,.___SGroup_2c1p5_gg_.__fixed_2c1p5_gg_.__shadowVertical_2c1p5_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_primary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_left_2c1p5_gg_._shadowVertical_start_2c1p5_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_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_primary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_primary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_._use_secondary_2c1p5_gg_,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_._use_secondary_2c1p5_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SColumn_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_end_2c1p5_gg_:after,.___SGroup_2c1p5_gg_._fixed_right_2c1p5_gg_._shadowVertical_median_2c1p5_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__*/"2c1p5_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SHead": "
|
|
28
|
-
"__SGroupContainer": "
|
|
29
|
-
"_isDataEmpty": "
|
|
30
|
-
"_gridTemplateColumns": "
|
|
31
|
-
"--gridTemplateColumns": "--
|
|
32
|
-
"_animationDuration": "
|
|
33
|
-
"__SColumn": "
|
|
34
|
-
"--animationDuration": "--
|
|
35
|
-
"_sticky": "
|
|
36
|
-
"__SGroup": "
|
|
37
|
-
"_compact": "
|
|
38
|
-
"_use_secondary": "
|
|
39
|
-
"_borders_both": "
|
|
40
|
-
"_borders_left": "
|
|
41
|
-
"_borders_right": "
|
|
42
|
-
"_gridArea": "
|
|
43
|
-
"__SGroupTitle": "
|
|
44
|
-
"--gridArea": "--
|
|
45
|
-
"_fixed": "
|
|
46
|
-
"_sortable": "
|
|
47
|
-
"__SSortWrapper": "
|
|
48
|
-
"__SSortButton": "
|
|
49
|
-
"__SHeadCheckboxCol": "
|
|
50
|
-
"_use_primary": "
|
|
51
|
-
"_visibleSort": "
|
|
52
|
-
"_justifyContent_right": "
|
|
53
|
-
"_changeSortSize": "
|
|
54
|
-
"_isSorted": "
|
|
55
|
-
"_sideIndents_wide": "
|
|
56
|
-
"_shadowVertical": "
|
|
57
|
-
"_fixed_left": "
|
|
58
|
-
"_shadowVertical_median": "
|
|
59
|
-
"_shadowVertical_start": "
|
|
60
|
-
"_fixed_right": "
|
|
61
|
-
"_shadowVertical_end": "
|
|
27
|
+
"__SHead": "___SHead_2c1p5_gg_",
|
|
28
|
+
"__SGroupContainer": "___SGroupContainer_2c1p5_gg_",
|
|
29
|
+
"_isDataEmpty": "__isDataEmpty_2c1p5_gg_",
|
|
30
|
+
"_gridTemplateColumns": "__gridTemplateColumns_2c1p5_gg_",
|
|
31
|
+
"--gridTemplateColumns": "--gridTemplateColumns_2c1p5",
|
|
32
|
+
"_animationDuration": "__animationDuration_2c1p5_gg_",
|
|
33
|
+
"__SColumn": "___SColumn_2c1p5_gg_",
|
|
34
|
+
"--animationDuration": "--animationDuration_2c1p5",
|
|
35
|
+
"_sticky": "__sticky_2c1p5_gg_",
|
|
36
|
+
"__SGroup": "___SGroup_2c1p5_gg_",
|
|
37
|
+
"_compact": "__compact_2c1p5_gg_",
|
|
38
|
+
"_use_secondary": "_use_secondary_2c1p5_gg_",
|
|
39
|
+
"_borders_both": "_borders_both_2c1p5_gg_",
|
|
40
|
+
"_borders_left": "_borders_left_2c1p5_gg_",
|
|
41
|
+
"_borders_right": "_borders_right_2c1p5_gg_",
|
|
42
|
+
"_gridArea": "__gridArea_2c1p5_gg_",
|
|
43
|
+
"__SGroupTitle": "___SGroupTitle_2c1p5_gg_",
|
|
44
|
+
"--gridArea": "--gridArea_2c1p5",
|
|
45
|
+
"_fixed": "__fixed_2c1p5_gg_",
|
|
46
|
+
"_sortable": "__sortable_2c1p5_gg_",
|
|
47
|
+
"__SSortWrapper": "___SSortWrapper_2c1p5_gg_",
|
|
48
|
+
"__SSortButton": "___SSortButton_2c1p5_gg_",
|
|
49
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_2c1p5_gg_",
|
|
50
|
+
"_use_primary": "_use_primary_2c1p5_gg_",
|
|
51
|
+
"_visibleSort": "__visibleSort_2c1p5_gg_",
|
|
52
|
+
"_justifyContent_right": "_justifyContent_right_2c1p5_gg_",
|
|
53
|
+
"_changeSortSize": "__changeSortSize_2c1p5_gg_",
|
|
54
|
+
"_isSorted": "__isSorted_2c1p5_gg_",
|
|
55
|
+
"_sideIndents_wide": "_sideIndents_wide_2c1p5_gg_",
|
|
56
|
+
"_shadowVertical": "__shadowVertical_2c1p5_gg_",
|
|
57
|
+
"_fixed_left": "_fixed_left_2c1p5_gg_",
|
|
58
|
+
"_shadowVertical_median": "_shadowVertical_median_2c1p5_gg_",
|
|
59
|
+
"_shadowVertical_start": "_shadowVertical_start_2c1p5_gg_",
|
|
60
|
+
"_fixed_right": "_fixed_right_2c1p5_gg_",
|
|
61
|
+
"_shadowVertical_end": "_shadowVertical_end_2c1p5_gg_"
|
|
62
62
|
});
|
|
63
63
|
var HeadRoot = /*#__PURE__*/function (_Component) {
|
|
64
64
|
function HeadRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type {
|
|
1
|
+
{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -17,7 +17,9 @@ function handleFocusCell(lockedCell, target, currentTarget) {
|
|
|
17
17
|
return (0, _getFocusableIn.getFocusableIn)(node);
|
|
18
18
|
});
|
|
19
19
|
if (focusableChildren.length === 1) {
|
|
20
|
-
focusableChildren[0].focus(
|
|
20
|
+
focusableChildren[0].focus({
|
|
21
|
+
focusVisible: true
|
|
22
|
+
});
|
|
21
23
|
focusableChildren[0].scrollIntoView({
|
|
22
24
|
behavior: 'smooth',
|
|
23
25
|
block: 'center',
|
|
@@ -37,7 +39,9 @@ function handleKeydownFocusCell(lockedCell, e) {
|
|
|
37
39
|
if (lockedCell[1]) {
|
|
38
40
|
if (e.key === 'Escape') {
|
|
39
41
|
var _lockedCell$;
|
|
40
|
-
(_lockedCell$ = lockedCell[0]) === null || _lockedCell$ === void 0 || _lockedCell$.focus(
|
|
42
|
+
(_lockedCell$ = lockedCell[0]) === null || _lockedCell$ === void 0 || _lockedCell$.focus({
|
|
43
|
+
focusVisible: true
|
|
44
|
+
});
|
|
41
45
|
lockedCell[1] = false;
|
|
42
46
|
}
|
|
43
47
|
if (e.key.startsWith('Arrow')) {
|
|
@@ -47,11 +51,15 @@ function handleKeydownFocusCell(lockedCell, e) {
|
|
|
47
51
|
if (e.key === 'Tab') {
|
|
48
52
|
if (e.target === focusableChildren[0] && e.shiftKey) {
|
|
49
53
|
var _focusableChildren;
|
|
50
|
-
(_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus(
|
|
54
|
+
(_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus({
|
|
55
|
+
focusVisible: true
|
|
56
|
+
});
|
|
51
57
|
e.preventDefault();
|
|
52
58
|
} else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
|
|
53
59
|
var _focusableChildren$;
|
|
54
|
-
(_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus(
|
|
60
|
+
(_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus({
|
|
61
|
+
focusVisible: true
|
|
62
|
+
});
|
|
55
63
|
e.preventDefault();
|
|
56
64
|
}
|
|
57
65
|
e.stopPropagation();
|
|
@@ -61,7 +69,9 @@ function handleKeydownFocusCell(lockedCell, e) {
|
|
|
61
69
|
e.preventDefault();
|
|
62
70
|
e.stopPropagation();
|
|
63
71
|
lockedCell[1] = true;
|
|
64
|
-
(_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus(
|
|
72
|
+
(_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus({
|
|
73
|
+
focusVisible: true
|
|
74
|
+
});
|
|
65
75
|
}
|
|
66
76
|
}
|
|
67
77
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focusableCell.js","names":["_getFocusableIn","require","handleFocusCell","lockedCell","target","currentTarget","HTMLElement","matches","scrollIntoView","behavior","block","inline","focusableChildren","Array","from","children","flatMap","node","getFocusableIn","length","focus","handleKeydownFocusCell","e","key","_lockedCell$","startsWith","stopPropagation","preventDefault","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2"],"sources":["../../../src/enhancers/focusableCell.ts"],"sourcesContent":["import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport type * as React from 'react';\n\nexport type LockedCell = [HTMLElement | null, boolean];\n\nexport function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element) {\n if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n focusableChildren[0].scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n } else if (focusableChildren.length > 1) {\n lockedCell[0] = currentTarget;\n lockedCell[1] = false;\n }\n }\n}\nexport function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void {\n if (e.currentTarget === lockedCell[0]) {\n const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (lockedCell[1]) {\n if (e.key === 'Escape') {\n lockedCell[0]?.focus();\n lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n lockedCell[1] = true;\n focusableChildren[0]?.focus();\n }\n }\n}\n\nexport interface IFocusableCell {\n lockedCell: LockedCell;\n handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;\n handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAKO,SAASC,eAAeA,CAACC,UAAsB,EAAEC,MAAe,EAAEC,aAAsB,EAAE;EAC/F,IAAID,MAAM,YAAYE,WAAW,IAAID,aAAa,YAAYC,WAAW,IAAIF,MAAM,KAAKC,aAAa,IAAID,MAAM,CAACG,OAAO,CAAC,gBAAgB,CAAC,EAAE;IACzIH,MAAM,CAACI,cAAc,CAAC;MACpBC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,CAAC;IAEF,IAAMC,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAACT,aAAa,CAACU,QAAQ,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI;MAAA,OACxE,IAAAC,8BAAc,EAACD,IAAmB,CAAC;IAAA,CACrC,CAAC;IAED,IAAIL,iBAAiB,CAACO,MAAM,KAAK,CAAC,EAAE;MAClCP,iBAAiB,CAAC,CAAC,CAAC,CAACQ,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"focusableCell.js","names":["_getFocusableIn","require","handleFocusCell","lockedCell","target","currentTarget","HTMLElement","matches","scrollIntoView","behavior","block","inline","focusableChildren","Array","from","children","flatMap","node","getFocusableIn","length","focus","focusVisible","handleKeydownFocusCell","e","key","_lockedCell$","startsWith","stopPropagation","preventDefault","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2"],"sources":["../../../src/enhancers/focusableCell.ts"],"sourcesContent":["import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport type * as React from 'react';\n\nexport type LockedCell = [HTMLElement | null, boolean];\n\nexport function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element) {\n if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus({ focusVisible: true });\n focusableChildren[0].scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n } else if (focusableChildren.length > 1) {\n lockedCell[0] = currentTarget;\n lockedCell[1] = false;\n }\n }\n}\nexport function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void {\n if (e.currentTarget === lockedCell[0]) {\n const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (lockedCell[1]) {\n if (e.key === 'Escape') {\n lockedCell[0]?.focus({ focusVisible: true });\n lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus({ focusVisible: true });\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus({ focusVisible: true });\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n lockedCell[1] = true;\n focusableChildren[0]?.focus({ focusVisible: true });\n }\n }\n}\n\nexport interface IFocusableCell {\n lockedCell: LockedCell;\n handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;\n handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;\n}\n"],"mappings":"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","ignoreList":[]}
|