@semcore/data-table 16.0.1 → 16.0.2-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/components/Body/Body.js +73 -43
- 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 +95 -45
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Cell.types.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +61 -45
- 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 +56 -47
- package/lib/cjs/components/DataTable/DataTable.js +30 -28
- 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 +22 -22
- package/lib/cjs/components/Head/Column.types.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +22 -22
- package/lib/cjs/components/Head/Head.js +22 -22
- package/lib/es6/components/Body/Body.js +73 -43
- 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 +96 -46
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Cell.types.js.map +1 -1
- package/lib/es6/components/Body/Row.js +61 -45
- 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 +56 -47
- package/lib/es6/components/DataTable/DataTable.js +30 -28
- 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 +22 -22
- package/lib/es6/components/Head/Column.types.js.map +1 -1
- package/lib/es6/components/Head/Group.js +22 -22
- package/lib/es6/components/Head/Head.js +22 -22
- package/lib/esm/components/Body/Body.mjs +73 -45
- package/lib/esm/components/Body/Cell.mjs +80 -41
- package/lib/esm/components/Body/Row.mjs +57 -46
- package/lib/esm/components/Body/style.shadow.css +56 -47
- package/lib/esm/components/DataTable/DataTable.mjs +31 -30
- package/lib/esm/components/Head/Column.mjs +23 -23
- package/lib/esm/components/Head/Group.mjs +23 -23
- package/lib/esm/components/Head/Head.mjs +23 -23
- package/lib/types/components/Body/Body.types.d.ts +1 -0
- package/lib/types/components/Body/Cell.types.d.ts +6 -1
- package/lib/types/components/Body/Row.types.d.ts +5 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +5 -0
- package/lib/types/components/Head/Column.types.d.ts +1 -1
- package/package.json +12 -12
- package/vite.config.ts +10 -0
|
@@ -11,30 +11,30 @@ import * as React from 'react';
|
|
|
11
11
|
import { Component, Root, sstyled } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/base-components';
|
|
13
13
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_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}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_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_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_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_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_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_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_8ae7k_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_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}", /*__inner_css_end__*/"8ae7k_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SHead": "
|
|
18
|
-
"__SGroupContainer": "
|
|
19
|
-
"_sticky": "
|
|
20
|
-
"__SColumn": "
|
|
21
|
-
"__SGroup": "
|
|
22
|
-
"_compact": "
|
|
23
|
-
"_use_secondary": "
|
|
24
|
-
"_borders_both": "
|
|
25
|
-
"_borders_left": "
|
|
26
|
-
"_borders_right": "
|
|
27
|
-
"_gridArea": "
|
|
28
|
-
"__SGroupTitle": "
|
|
29
|
-
"--gridArea": "--
|
|
30
|
-
"_fixed": "
|
|
31
|
-
"_sortable": "
|
|
32
|
-
"__SSortWrapper": "
|
|
33
|
-
"__SSortButton": "
|
|
34
|
-
"__SHeadCheckboxCol": "
|
|
35
|
-
"_use_primary": "
|
|
36
|
-
"_visibleSort": "
|
|
37
|
-
"_sideIndents_wide": "
|
|
17
|
+
"__SHead": "___SHead_8ae7k_gg_",
|
|
18
|
+
"__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
|
|
19
|
+
"_sticky": "__sticky_8ae7k_gg_",
|
|
20
|
+
"__SColumn": "___SColumn_8ae7k_gg_",
|
|
21
|
+
"__SGroup": "___SGroup_8ae7k_gg_",
|
|
22
|
+
"_compact": "__compact_8ae7k_gg_",
|
|
23
|
+
"_use_secondary": "_use_secondary_8ae7k_gg_",
|
|
24
|
+
"_borders_both": "_borders_both_8ae7k_gg_",
|
|
25
|
+
"_borders_left": "_borders_left_8ae7k_gg_",
|
|
26
|
+
"_borders_right": "_borders_right_8ae7k_gg_",
|
|
27
|
+
"_gridArea": "__gridArea_8ae7k_gg_",
|
|
28
|
+
"__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
|
|
29
|
+
"--gridArea": "--gridArea_8ae7k",
|
|
30
|
+
"_fixed": "__fixed_8ae7k_gg_",
|
|
31
|
+
"_sortable": "__sortable_8ae7k_gg_",
|
|
32
|
+
"__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
|
|
33
|
+
"__SSortButton": "___SSortButton_8ae7k_gg_",
|
|
34
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
|
|
35
|
+
"_use_primary": "_use_primary_8ae7k_gg_",
|
|
36
|
+
"_visibleSort": "__visibleSort_8ae7k_gg_",
|
|
37
|
+
"_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
|
|
38
38
|
});
|
|
39
39
|
import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
|
|
40
40
|
import { DataTableInternal } from '../DataTable/DataTable';
|
|
@@ -13,30 +13,30 @@ import * as React from 'react';
|
|
|
13
13
|
import { Component, createComponent, Root, sstyled } from '@semcore/core';
|
|
14
14
|
import { Box, ScreenReaderOnly } from '@semcore/base-components';
|
|
15
15
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_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}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_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_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_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_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_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_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_8ae7k_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_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}", /*__inner_css_end__*/"8ae7k_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHead": "
|
|
20
|
-
"__SGroupContainer": "
|
|
21
|
-
"_sticky": "
|
|
22
|
-
"__SColumn": "
|
|
23
|
-
"__SGroup": "
|
|
24
|
-
"_compact": "
|
|
25
|
-
"_use_secondary": "
|
|
26
|
-
"_borders_both": "
|
|
27
|
-
"_borders_left": "
|
|
28
|
-
"_borders_right": "
|
|
29
|
-
"_gridArea": "
|
|
30
|
-
"__SGroupTitle": "
|
|
31
|
-
"--gridArea": "--
|
|
32
|
-
"_fixed": "
|
|
33
|
-
"_sortable": "
|
|
34
|
-
"__SSortWrapper": "
|
|
35
|
-
"__SSortButton": "
|
|
36
|
-
"__SHeadCheckboxCol": "
|
|
37
|
-
"_use_primary": "
|
|
38
|
-
"_visibleSort": "
|
|
39
|
-
"_sideIndents_wide": "
|
|
19
|
+
"__SHead": "___SHead_8ae7k_gg_",
|
|
20
|
+
"__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
|
|
21
|
+
"_sticky": "__sticky_8ae7k_gg_",
|
|
22
|
+
"__SColumn": "___SColumn_8ae7k_gg_",
|
|
23
|
+
"__SGroup": "___SGroup_8ae7k_gg_",
|
|
24
|
+
"_compact": "__compact_8ae7k_gg_",
|
|
25
|
+
"_use_secondary": "_use_secondary_8ae7k_gg_",
|
|
26
|
+
"_borders_both": "_borders_both_8ae7k_gg_",
|
|
27
|
+
"_borders_left": "_borders_left_8ae7k_gg_",
|
|
28
|
+
"_borders_right": "_borders_right_8ae7k_gg_",
|
|
29
|
+
"_gridArea": "__gridArea_8ae7k_gg_",
|
|
30
|
+
"__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
|
|
31
|
+
"--gridArea": "--gridArea_8ae7k",
|
|
32
|
+
"_fixed": "__fixed_8ae7k_gg_",
|
|
33
|
+
"_sortable": "__sortable_8ae7k_gg_",
|
|
34
|
+
"__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
|
|
35
|
+
"__SSortButton": "___SSortButton_8ae7k_gg_",
|
|
36
|
+
"__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
|
|
37
|
+
"_use_primary": "_use_primary_8ae7k_gg_",
|
|
38
|
+
"_visibleSort": "__visibleSort_8ae7k_gg_",
|
|
39
|
+
"_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
|
|
40
40
|
});
|
|
41
41
|
import { Column } from './Column';
|
|
42
42
|
import { Group } from './Group';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
4
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
5
5
|
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
@@ -12,7 +12,7 @@ import { Box } from "@semcore/base-components";
|
|
|
12
12
|
import { Row } from "./Row.mjs";
|
|
13
13
|
import { Cell } from "./Cell.mjs";
|
|
14
14
|
import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
|
|
15
|
-
import {
|
|
15
|
+
import { ACCORDION, UNIQ_ROW_KEY, ROW_INDEX, ROW_GROUP } from "../DataTable/DataTable.mjs";
|
|
16
16
|
import ChevronRightM from "@semcore/icon/ChevronRight/m";
|
|
17
17
|
import { ButtonLink } from "@semcore/button";
|
|
18
18
|
import Spin from "@semcore/spin";
|
|
@@ -23,44 +23,46 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
(sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
'.___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
|
|
26
|
+
'.___SAccordionRows_1vm8a_gg_,.___SBody_1vm8a_gg_,.___SRowGroup_1vm8a_gg_,.___SRow_1vm8a_gg_{display:contents}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1vm8a) - 1)))}.___SCellWrapper_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SRow_1vm8a_gg_.__gridArea_1vm8a_gg_{grid-area:var(--gridArea_1vm8a)}.___SCellWrapper_1vm8a_gg_{height:100%}.___SAccordionRows_1vm8a_gg_>.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_:last-child>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1vm8a_gg_ .___SCell_1vm8a_gg_{display:block}.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_).__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SRow_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRow_1vm8a_gg_:not(._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_):hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_info_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_success_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_warning_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_danger_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1vm8a_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_.__expanded_1vm8a_gg_ svg{transform:rotate(90deg)}.___SCell_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SCheckboxCell_1vm8a_gg_,.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{cursor:pointer}.___SCell_1vm8a_gg_._use_primary_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_primary_1vm8a_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1vm8a) - 1)))}.___SCell_1vm8a_gg_._use_secondary_1vm8a_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_secondary_1vm8a_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1vm8a) - 1)))}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_left_1vm8a_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_right_1vm8a_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1vm8a_gg_.__fixed_1vm8a_gg_{position:sticky;z-index:2}.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1vm8a_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1vm8a_gg_.__headerHeight_1vm8a_gg_{top:var(--headerHeight_1vm8a)}.___SEmptyData_1vm8a_gg_{grid-column:1/-1}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:first-child .___SCell_1vm8a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:last-child .___SCell_1vm8a_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}',
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
"
|
|
28
|
+
"1vm8a_gg_"
|
|
29
29
|
), /*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"__SBody": "
|
|
32
|
-
"__SRow": "
|
|
33
|
-
"__SRowGroup": "
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
31
|
+
"__SBody": "___SBody_1vm8a_gg_",
|
|
32
|
+
"__SRow": "___SRow_1vm8a_gg_",
|
|
33
|
+
"__SRowGroup": "___SRowGroup_1vm8a_gg_",
|
|
34
|
+
"__SAccordionRows": "___SAccordionRows_1vm8a_gg_",
|
|
35
|
+
"_gridArea": "__gridArea_1vm8a_gg_",
|
|
36
|
+
"__SCellWrapper": "___SCellWrapper_1vm8a_gg_",
|
|
37
|
+
"__SCollapseRow": "___SCollapseRow_1vm8a_gg_",
|
|
38
|
+
"--gridArea": "--gridArea_1vm8a",
|
|
39
|
+
"__SCell": "___SCell_1vm8a_gg_",
|
|
40
|
+
"_isAccordionRow": "__isAccordionRow_1vm8a_gg_",
|
|
41
|
+
"_active": "__active_1vm8a_gg_",
|
|
42
|
+
"_theme": "__theme_1vm8a_gg_",
|
|
43
|
+
"_accordionType_row": "_accordionType_row_1vm8a_gg_",
|
|
44
|
+
"_expanded": "__expanded_1vm8a_gg_",
|
|
45
|
+
"_withAccordion": "__withAccordion_1vm8a_gg_",
|
|
46
|
+
"_theme_muted": "_theme_muted_1vm8a_gg_",
|
|
47
|
+
"_theme_info": "_theme_info_1vm8a_gg_",
|
|
48
|
+
"_theme_success": "_theme_success_1vm8a_gg_",
|
|
49
|
+
"_theme_warning": "_theme_warning_1vm8a_gg_",
|
|
50
|
+
"_theme_danger": "_theme_danger_1vm8a_gg_",
|
|
51
|
+
"__SCheckboxCell": "___SCheckboxCell_1vm8a_gg_",
|
|
52
|
+
"_borders_both": "_borders_both_1vm8a_gg_",
|
|
53
|
+
"_borders_left": "_borders_left_1vm8a_gg_",
|
|
54
|
+
"_borders_right": "_borders_right_1vm8a_gg_",
|
|
55
|
+
"_fixed": "__fixed_1vm8a_gg_",
|
|
56
|
+
"__SSpinContainer": "___SSpinContainer_1vm8a_gg_",
|
|
57
|
+
"_headerHeight": "__headerHeight_1vm8a_gg_",
|
|
58
|
+
"--headerHeight": "--headerHeight_1vm8a",
|
|
59
|
+
"__SEmptyData": "___SEmptyData_1vm8a_gg_",
|
|
60
|
+
"_compact": "__compact_1vm8a_gg_",
|
|
61
|
+
"--data-aria-level": "--data-aria-level_1vm8a",
|
|
62
|
+
"__SAccordionToggle": "___SAccordionToggle_1vm8a_gg_",
|
|
63
|
+
"_use_primary": "_use_primary_1vm8a_gg_",
|
|
64
|
+
"_use_secondary": "_use_secondary_1vm8a_gg_",
|
|
65
|
+
"_sideIndents_wide": "_sideIndents_wide_1vm8a_gg_"
|
|
64
66
|
})
|
|
65
67
|
);
|
|
66
68
|
var ROWS_BUFFER = 20;
|
|
@@ -78,6 +80,9 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
78
80
|
_defineProperty(_assertThisInitialized(_this), "rowsHeightMap", /* @__PURE__ */ new Map());
|
|
79
81
|
_defineProperty(_assertThisInitialized(_this), "indexForDownIterate", 0);
|
|
80
82
|
_defineProperty(_assertThisInitialized(_this), "indexForUpIterate", 0);
|
|
83
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
84
|
+
expandedForAnimation: /* @__PURE__ */ new Set()
|
|
85
|
+
});
|
|
81
86
|
_defineProperty(_assertThisInitialized(_this), "handleRef", function(index, row) {
|
|
82
87
|
return function(node) {
|
|
83
88
|
if (!_this.rowsHeightMap.has(index) && node) {
|
|
@@ -87,13 +92,34 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
87
92
|
};
|
|
88
93
|
});
|
|
89
94
|
_defineProperty(_assertThisInitialized(_this), "handleExpandRow", function(row, index) {
|
|
95
|
+
var accordionDuration = _this.asProps.accordionDuration;
|
|
96
|
+
var openDuration = Array.isArray(accordionDuration) ? accordionDuration[0] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[ACCORDION]) ? Math.min(50 * row[ACCORDION].length, 200) : 200;
|
|
97
|
+
var closeDuration = Array.isArray(accordionDuration) ? accordionDuration[1] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[ACCORDION]) ? Math.min(50 * row[ACCORDION].length, 200) : 200;
|
|
90
98
|
setTimeout(function() {
|
|
91
99
|
_this.setRowHeight(index, row);
|
|
92
100
|
for (var i = index; i < _this.rowsHeightMap.size; i++) {
|
|
93
101
|
_this.setRowHeight(i, row);
|
|
94
102
|
}
|
|
95
|
-
},
|
|
96
|
-
_this.asProps.
|
|
103
|
+
}, openDuration + 100);
|
|
104
|
+
if (_this.asProps.expandedRows.has(row[UNIQ_ROW_KEY])) {
|
|
105
|
+
_this.setState(function(prevState) {
|
|
106
|
+
prevState.expandedForAnimation.add(row[UNIQ_ROW_KEY]);
|
|
107
|
+
return {
|
|
108
|
+
expandedForAnimation: new Set(_toConsumableArray(prevState.expandedForAnimation))
|
|
109
|
+
};
|
|
110
|
+
});
|
|
111
|
+
setTimeout(function() {
|
|
112
|
+
_this.asProps.onExpandRow(row);
|
|
113
|
+
_this.setState(function(prevState) {
|
|
114
|
+
prevState.expandedForAnimation["delete"](row[UNIQ_ROW_KEY]);
|
|
115
|
+
return {
|
|
116
|
+
expandedForAnimation: new Set(_toConsumableArray(prevState.expandedForAnimation))
|
|
117
|
+
};
|
|
118
|
+
});
|
|
119
|
+
}, closeDuration + 100);
|
|
120
|
+
} else {
|
|
121
|
+
_this.asProps.onExpandRow(row);
|
|
122
|
+
}
|
|
97
123
|
});
|
|
98
124
|
_defineProperty(_assertThisInitialized(_this), "handleClickRow", function(row, index) {
|
|
99
125
|
return function(e) {
|
|
@@ -114,7 +140,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
114
140
|
_createClass(BodyRoot2, [{
|
|
115
141
|
key: "getRowProps",
|
|
116
142
|
value: function getRowProps(props) {
|
|
117
|
-
var _this$asProps = this.asProps, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, onExpandRow = _this$asProps.onExpandRow, loading = _this$asProps.loading, hasGroups = _this$asProps.hasGroups, scrollAreaRef = _this$asProps.scrollAreaRef, uid = _this$asProps.uid, onBackFromAccordion = _this$asProps.onBackFromAccordion, rowProps = _this$asProps.rowProps, rows = _this$asProps.rows, flatRows = _this$asProps.flatRows, sideIndents = _this$asProps.sideIndents, selectedRows = _this$asProps.selectedRows, onSelectRow = _this$asProps.onSelectRow, getFixedStyle = _this$asProps.getFixedStyle;
|
|
143
|
+
var _this$asProps = this.asProps, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, onExpandRow = _this$asProps.onExpandRow, loading = _this$asProps.loading, hasGroups = _this$asProps.hasGroups, scrollAreaRef = _this$asProps.scrollAreaRef, uid = _this$asProps.uid, onBackFromAccordion = _this$asProps.onBackFromAccordion, rowProps = _this$asProps.rowProps, rows = _this$asProps.rows, flatRows = _this$asProps.flatRows, sideIndents = _this$asProps.sideIndents, selectedRows = _this$asProps.selectedRows, onSelectRow = _this$asProps.onSelectRow, getFixedStyle = _this$asProps.getFixedStyle, accordionDuration = _this$asProps.accordionDuration;
|
|
118
144
|
var row = props.row;
|
|
119
145
|
var index = row[ROW_INDEX];
|
|
120
146
|
var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function(acc, item) {
|
|
@@ -142,7 +168,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
142
168
|
uid,
|
|
143
169
|
gridTemplateAreas,
|
|
144
170
|
gridTemplateColumns,
|
|
145
|
-
expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[UNIQ_ROW_KEY]),
|
|
171
|
+
expanded: (expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[UNIQ_ROW_KEY])) && !this.state.expandedForAnimation.has(row[UNIQ_ROW_KEY]),
|
|
146
172
|
accordionDataGridArea,
|
|
147
173
|
columns,
|
|
148
174
|
rowIndex: index,
|
|
@@ -159,14 +185,15 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
159
185
|
scrollAreaRef,
|
|
160
186
|
sideIndents,
|
|
161
187
|
getFixedStyle,
|
|
162
|
-
mergedRow: props.mergedRow
|
|
188
|
+
mergedRow: props.mergedRow,
|
|
189
|
+
accordionDuration
|
|
163
190
|
});
|
|
164
191
|
}
|
|
165
192
|
}, {
|
|
166
193
|
key: "getCellProps",
|
|
167
194
|
value: function getCellProps(props) {
|
|
168
195
|
var _props$children, _value3, _this2 = this;
|
|
169
|
-
var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef, flatRows = _this$asProps2.flatRows;
|
|
196
|
+
var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef, flatRows = _this$asProps2.flatRows, accordionDuration = _this$asProps2.accordionDuration;
|
|
170
197
|
var SAccordionToggle = ButtonLink;
|
|
171
198
|
var dataKey = props.column.name;
|
|
172
199
|
var cellValue = props.row[dataKey];
|
|
@@ -189,7 +216,8 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
189
216
|
use,
|
|
190
217
|
virtualScroll: Boolean(virtualScroll),
|
|
191
218
|
tableRef,
|
|
192
|
-
children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender()
|
|
219
|
+
children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
|
|
220
|
+
accordionDuration
|
|
193
221
|
};
|
|
194
222
|
if (renderCell) {
|
|
195
223
|
var _value$toString, _value2;
|
|
@@ -215,7 +243,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
|
|
|
215
243
|
}
|
|
216
244
|
if (props.columnIndex === 0 && props.row[ACCORDION] || (_value3 = value) !== null && _value3 !== void 0 && _value3[ACCORDION] || cellValue instanceof MergedRowsCell && cellValue.accordion) {
|
|
217
245
|
var _ref2, _value4;
|
|
218
|
-
var expanded = expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[UNIQ_ROW_KEY]);
|
|
246
|
+
var expanded = (expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[UNIQ_ROW_KEY])) && !this.state.expandedForAnimation.has(props.row[UNIQ_ROW_KEY]);
|
|
219
247
|
if (cellValue instanceof MergedRowsCell && cellValue.accordion && props.row[ROW_GROUP]) {
|
|
220
248
|
var mergedKeysSet = props.row[ROW_GROUP];
|
|
221
249
|
expanded = _toConsumableArray(mergedKeysSet).some(function(key2) {
|