npm - @semcore/data-table - Versions diffs - 16.2.0-prerelease.0 → 16.2.0-prerelease.2 - Mend

@semcore/data-table 16.2.0-prerelease.0 → 16.2.0-prerelease.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/CHANGELOG.md +13 -0
package/lib/cjs/components/Body/Body.js +43 -43
package/lib/cjs/components/Body/Body.types.js.map +1 -1
package/lib/cjs/components/Body/Cell.js +43 -43
package/lib/cjs/components/Body/Row.js +43 -43
package/lib/cjs/components/Body/style.shadow.css +2 -1
package/lib/cjs/components/DataTable/DataTable.js +72 -30
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/DataTable/dataTable.shadow.css +6 -0
package/lib/cjs/components/Head/Column.js +37 -30
package/lib/cjs/components/Head/Column.js.map +1 -1
package/lib/cjs/components/Head/Group.js +36 -30
package/lib/cjs/components/Head/Group.js.map +1 -1
package/lib/cjs/components/Head/Head.js +43 -32
package/lib/cjs/components/Head/Head.js.map +1 -1
package/lib/cjs/components/Head/Head.types.js.map +1 -1
package/lib/cjs/components/Head/style.shadow.css +19 -0
package/lib/es6/components/Body/Body.js +43 -43
package/lib/es6/components/Body/Body.types.js.map +1 -1
package/lib/es6/components/Body/Cell.js +43 -43
package/lib/es6/components/Body/Row.js +43 -43
package/lib/es6/components/Body/style.shadow.css +2 -1
package/lib/es6/components/DataTable/DataTable.js +72 -30
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/DataTable/dataTable.shadow.css +6 -0
package/lib/es6/components/Head/Column.js +37 -30
package/lib/es6/components/Head/Column.js.map +1 -1
package/lib/es6/components/Head/Group.js +36 -30
package/lib/es6/components/Head/Group.js.map +1 -1
package/lib/es6/components/Head/Head.js +43 -32
package/lib/es6/components/Head/Head.js.map +1 -1
package/lib/es6/components/Head/Head.types.js.map +1 -1
package/lib/es6/components/Head/style.shadow.css +19 -0
package/lib/esm/components/Body/Body.mjs +44 -44
package/lib/esm/components/Body/Cell.mjs +44 -44
package/lib/esm/components/Body/Row.mjs +44 -44
package/lib/esm/components/Body/style.shadow.css +2 -1
package/lib/esm/components/DataTable/DataTable.mjs +73 -31
package/lib/esm/components/DataTable/dataTable.shadow.css +6 -0
package/lib/esm/components/Head/Column.mjs +38 -31
package/lib/esm/components/Head/Group.mjs +37 -31
package/lib/esm/components/Head/Head.mjs +42 -33
package/lib/esm/components/Head/style.shadow.css +19 -0
package/lib/types/components/Body/Body.types.d.ts +11 -0
package/lib/types/components/DataTable/DataTable.types.d.ts +8 -2
package/lib/types/components/Head/Head.types.d.ts +1 -0
package/package.json +22 -22

package/lib/es6/components/Head/Column.js CHANGED Viewed

@@ -20,38 +20,44 @@ import SortAsc from '@semcore/icon/SortAsc/m';
 import SortDesc from '@semcore/icon/SortDesc/m';
 import * as React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_oh6cc_gg_,.___SHead_oh6cc_gg_{display:contents}.___SHead_oh6cc_gg_.__animationDuration_oh6cc_gg_>.___SColumn_oh6cc_gg_{transition:top var(--animationDuration_oh6cc) ease-out}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroup_oh6cc_gg_{position:sticky;top:0;z-index:18}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroupContainer_oh6cc_gg_>.___SColumn_oh6cc_gg_{position:sticky;z-index:18}.___SHead_oh6cc_gg_.__compact_oh6cc_gg_ .___SColumn_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_,.___SGroup_oh6cc_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_oh6cc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_:has(~.___SColumn_oh6cc_gg_.__visibleSort_oh6cc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_left_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_left_oh6cc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_right_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_right_oh6cc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_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_oh6cc_gg_._use_primary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_,.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before,.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{display:flex;opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_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_oh6cc_gg_._use_secondary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_{display:flex;opacity:1}.___SColumn_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroupTitle_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroup_oh6cc_gg_.__gridArea_oh6cc_gg_{grid-area:var(--gridArea_oh6cc)}.___SHead_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_ .___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_oh6cc_gg_.__sortable_oh6cc_gg_:hover{cursor:pointer}}.___SSortWrapper_oh6cc_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_oh6cc_gg_,.___SSortWrapper_oh6cc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_oh6cc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_oh6cc_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_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_oh6cc_gg_{cursor:pointer}.___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after,.___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_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_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_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__*/"oh6cc_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1vo21_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_oh6cc_gg_",
-  "__SGroupContainer": "___SGroupContainer_oh6cc_gg_",
-  "_animationDuration": "__animationDuration_oh6cc_gg_",
-  "__SColumn": "___SColumn_oh6cc_gg_",
-  "--animationDuration": "--animationDuration_oh6cc",
-  "_sticky": "__sticky_oh6cc_gg_",
-  "__SGroup": "___SGroup_oh6cc_gg_",
-  "_compact": "__compact_oh6cc_gg_",
-  "_use_secondary": "_use_secondary_oh6cc_gg_",
-  "_borders_both": "_borders_both_oh6cc_gg_",
-  "_borders_left": "_borders_left_oh6cc_gg_",
-  "_borders_right": "_borders_right_oh6cc_gg_",
-  "_gridArea": "__gridArea_oh6cc_gg_",
-  "__SGroupTitle": "___SGroupTitle_oh6cc_gg_",
-  "--gridArea": "--gridArea_oh6cc",
-  "_fixed": "__fixed_oh6cc_gg_",
-  "_sortable": "__sortable_oh6cc_gg_",
-  "__SSortWrapper": "___SSortWrapper_oh6cc_gg_",
-  "__SSortButton": "___SSortButton_oh6cc_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_oh6cc_gg_",
-  "_use_primary": "_use_primary_oh6cc_gg_",
-  "_visibleSort": "__visibleSort_oh6cc_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_oh6cc_gg_",
-  "_shadowVertical": "__shadowVertical_oh6cc_gg_",
-  "_fixed_left": "_fixed_left_oh6cc_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_oh6cc_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_oh6cc_gg_",
-  "_fixed_right": "_fixed_right_oh6cc_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_oh6cc_gg_"
+  "__SHead": "___SHead_1vo21_gg_",
+  "__SGroupContainer": "___SGroupContainer_1vo21_gg_",
+  "_isDataEmpty": "__isDataEmpty_1vo21_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1vo21",
+  "_animationDuration": "__animationDuration_1vo21_gg_",
+  "__SColumn": "___SColumn_1vo21_gg_",
+  "--animationDuration": "--animationDuration_1vo21",
+  "_sticky": "__sticky_1vo21_gg_",
+  "__SGroup": "___SGroup_1vo21_gg_",
+  "_compact": "__compact_1vo21_gg_",
+  "_use_secondary": "_use_secondary_1vo21_gg_",
+  "_borders_both": "_borders_both_1vo21_gg_",
+  "_borders_left": "_borders_left_1vo21_gg_",
+  "_borders_right": "_borders_right_1vo21_gg_",
+  "_gridArea": "__gridArea_1vo21_gg_",
+  "__SGroupTitle": "___SGroupTitle_1vo21_gg_",
+  "--gridArea": "--gridArea_1vo21",
+  "_fixed": "__fixed_1vo21_gg_",
+  "_sortable": "__sortable_1vo21_gg_",
+  "__SSortWrapper": "___SSortWrapper_1vo21_gg_",
+  "__SSortButton": "___SSortButton_1vo21_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
+  "_use_primary": "_use_primary_1vo21_gg_",
+  "_visibleSort": "__visibleSort_1vo21_gg_",
+  "_justifyContent_right": "_justifyContent_right_1vo21_gg_",
+  "_changeSortSize": "__changeSortSize_1vo21_gg_",
+  "_isSorted": "__isSorted_1vo21_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
+  "_shadowVertical": "__shadowVertical_1vo21_gg_",
+  "_fixed_left": "_fixed_left_1vo21_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
+  "_fixed_right": "_fixed_right_1vo21_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
 });
 var SORTING_ICON = {
   desc: SortDesc,
@@ -132,6 +138,7 @@ export var Column = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_this, "handleSortClick", function (e) {
+      e.stopPropagation();
       var _this$asProps = _this.asProps,
         sort = _this$asProps.sort,
         onSortChange = _this$asProps.onSortChange,

package/lib/es6/components/Head/Column.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","getFocusableIn","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Column';\n static style = style;\n\n lockedCell: [HTMLElement \| null, boolean] = [null, false];\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number \| null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement \| undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() \|\|\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\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\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n e.preventDefault();\n e.stopPropagation();\n } else if (e.key === 'Tab') {\n this.lockedCell[0]?.setAttribute('inert', '');\n }\n }\n };\n\n handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n if (target === cellElement) {\n const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [cellElement, false];\n }\n }\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible \|\| isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusCell}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","getFocusableIn","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Column';\n static style = style;\n\n lockedCell: [HTMLElement \| null, boolean] = [null, false];\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number \| null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement \| undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() \|\|\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\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\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n e.preventDefault();\n e.stopPropagation();\n } else if (e.key === 'Tab') {\n this.lockedCell[0]?.setAttribute('inert', '');\n }\n }\n };\n\n handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n if (target === cellElement) {\n const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [cellElement, false];\n }\n }\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible \|\| isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusCell}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Group.js CHANGED Viewed

@@ -16,38 +16,44 @@ import { Component, Root, sstyled } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_oh6cc_gg_,.___SHead_oh6cc_gg_{display:contents}.___SHead_oh6cc_gg_.__animationDuration_oh6cc_gg_>.___SColumn_oh6cc_gg_{transition:top var(--animationDuration_oh6cc) ease-out}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroup_oh6cc_gg_{position:sticky;top:0;z-index:18}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroupContainer_oh6cc_gg_>.___SColumn_oh6cc_gg_{position:sticky;z-index:18}.___SHead_oh6cc_gg_.__compact_oh6cc_gg_ .___SColumn_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_,.___SGroup_oh6cc_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_oh6cc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_:has(~.___SColumn_oh6cc_gg_.__visibleSort_oh6cc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_left_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_left_oh6cc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_right_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_right_oh6cc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_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_oh6cc_gg_._use_primary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_,.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before,.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{display:flex;opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_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_oh6cc_gg_._use_secondary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_{display:flex;opacity:1}.___SColumn_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroupTitle_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroup_oh6cc_gg_.__gridArea_oh6cc_gg_{grid-area:var(--gridArea_oh6cc)}.___SHead_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_ .___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_oh6cc_gg_.__sortable_oh6cc_gg_:hover{cursor:pointer}}.___SSortWrapper_oh6cc_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_oh6cc_gg_,.___SSortWrapper_oh6cc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_oh6cc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_oh6cc_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_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_oh6cc_gg_{cursor:pointer}.___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after,.___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_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_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_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__*/"oh6cc_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1vo21_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_oh6cc_gg_",
-  "__SGroupContainer": "___SGroupContainer_oh6cc_gg_",
-  "_animationDuration": "__animationDuration_oh6cc_gg_",
-  "__SColumn": "___SColumn_oh6cc_gg_",
-  "--animationDuration": "--animationDuration_oh6cc",
-  "_sticky": "__sticky_oh6cc_gg_",
-  "__SGroup": "___SGroup_oh6cc_gg_",
-  "_compact": "__compact_oh6cc_gg_",
-  "_use_secondary": "_use_secondary_oh6cc_gg_",
-  "_borders_both": "_borders_both_oh6cc_gg_",
-  "_borders_left": "_borders_left_oh6cc_gg_",
-  "_borders_right": "_borders_right_oh6cc_gg_",
-  "_gridArea": "__gridArea_oh6cc_gg_",
-  "__SGroupTitle": "___SGroupTitle_oh6cc_gg_",
-  "--gridArea": "--gridArea_oh6cc",
-  "_fixed": "__fixed_oh6cc_gg_",
-  "_sortable": "__sortable_oh6cc_gg_",
-  "__SSortWrapper": "___SSortWrapper_oh6cc_gg_",
-  "__SSortButton": "___SSortButton_oh6cc_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_oh6cc_gg_",
-  "_use_primary": "_use_primary_oh6cc_gg_",
-  "_visibleSort": "__visibleSort_oh6cc_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_oh6cc_gg_",
-  "_shadowVertical": "__shadowVertical_oh6cc_gg_",
-  "_fixed_left": "_fixed_left_oh6cc_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_oh6cc_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_oh6cc_gg_",
-  "_fixed_right": "_fixed_right_oh6cc_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_oh6cc_gg_"
+  "__SHead": "___SHead_1vo21_gg_",
+  "__SGroupContainer": "___SGroupContainer_1vo21_gg_",
+  "_isDataEmpty": "__isDataEmpty_1vo21_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1vo21",
+  "_animationDuration": "__animationDuration_1vo21_gg_",
+  "__SColumn": "___SColumn_1vo21_gg_",
+  "--animationDuration": "--animationDuration_1vo21",
+  "_sticky": "__sticky_1vo21_gg_",
+  "__SGroup": "___SGroup_1vo21_gg_",
+  "_compact": "__compact_1vo21_gg_",
+  "_use_secondary": "_use_secondary_1vo21_gg_",
+  "_borders_both": "_borders_both_1vo21_gg_",
+  "_borders_left": "_borders_left_1vo21_gg_",
+  "_borders_right": "_borders_right_1vo21_gg_",
+  "_gridArea": "__gridArea_1vo21_gg_",
+  "__SGroupTitle": "___SGroupTitle_1vo21_gg_",
+  "--gridArea": "--gridArea_1vo21",
+  "_fixed": "__fixed_1vo21_gg_",
+  "_sortable": "__sortable_1vo21_gg_",
+  "__SSortWrapper": "___SSortWrapper_1vo21_gg_",
+  "__SSortButton": "___SSortButton_1vo21_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
+  "_use_primary": "_use_primary_1vo21_gg_",
+  "_visibleSort": "__visibleSort_1vo21_gg_",
+  "_justifyContent_right": "_justifyContent_right_1vo21_gg_",
+  "_changeSortSize": "__changeSortSize_1vo21_gg_",
+  "_isSorted": "__isSorted_1vo21_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
+  "_shadowVertical": "__shadowVertical_1vo21_gg_",
+  "_fixed_left": "_fixed_left_1vo21_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
+  "_fixed_right": "_fixed_right_1vo21_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
 });
 import { DataTableInternal } from '../DataTable/DataTable';
 export var Group = /*#__PURE__*/function (_Component) {

package/lib/es6/components/Head/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTableInternal","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","shadowVertical","groupColumns","firstColumn","lastColumn","length","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread","_assignProps","groupId","showShadowVertical","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, columns, withConfig, getFixedStyle, shadowVertical } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup\n render={Box}\n style={style}\n __excludeProps={['title']}\n id={this.groupId}\n use:shadowVertical={(firstColumn.showShadowVertical \|\| lastColumn.showShadowVertical) ? shadowVertical : undefined}\n >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTableInternal.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAExD,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,WAAaC,KAAK,0BAAAC,UAAA;EAAA,SAAAD,MAAA;IAAAE,eAAA,OAAAF,KAAA;IAAA,OAAAG,UAAA,OAAAH,KAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,KAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,KAAA;IAAAO,GAAA;IAAAC,KAAA,EAWhB,SAAAC,iBAAiBA,CAAA,EAAG;MAAA,IAAAC,KAAA;MAClBC,UAAU,CAAC,YAAM;QACfD,KAAI,CAACE,WAAW,CAAC,CAAC;MACpB,CAAC,EAAE,CAAC,CAAC;IACP;EAAC;IAAAL,GAAA;IAAAM,GAAA,EAED,SAAAA,IAAA,EAAc;MACZ,IAAQC,GAAG,GAAK,IAAI,CAACC,OAAO,CAApBD,GAAG;MAEX,UAAAE,MAAA,CAAUF,GAAG;IACf;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAS,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAH,OAAA;QAAAI,KAAA;QAAAC,MAAA;MACP,IAAMC,eAAe,GAAG/B,GAAG;MAC3B,IAAMgC,MAAM,GAyBEhC,GAAG;MAxBjB,IAAAiC,aAAA,GAA+F,IAAI,CAACR,OAAO;QAAnGS,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAEC,UAAU,GAAAN,aAAA,CAAVM,UAAU;QAAEC,aAAa,GAAAP,aAAA,CAAbO,aAAa;QAAEC,cAAc,GAAAR,aAAA,CAAdQ,cAAc;MAC1F,IAAMC,YAAY,GAAGJ,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;MAElC,IAAMK,WAAW,GAAGD,YAAY,CAAC,CAAC,CAAC;MACnC,IAAME,UAAU,GAAGF,YAAY,CAACA,YAAY,CAACG,MAAM,GAAG,CAAC,CAAC;MAExD,IAAMvC,KAAU,GAAG,CAAC,CAAC;MAErB,IAAI+B,KAAK,KAAK,MAAM,IAAIM,WAAW,EAAE;QACnC,IAAAG,cAAA,GAAsBN,aAAa,CAAC;YAAEO,IAAI,EAAEJ,WAAW,CAACI,IAAI;YAAEV,KAAK,EAAE;UAAO,CAAC,CAAC;UAAAW,eAAA,GAAAC,cAAA,CAAAH,cAAA;UAAvEC,IAAI,GAAAC,eAAA;UAAE9B,KAAK,GAAA8B,eAAA;QAClB,IAAID,IAAI,KAAKG,SAAS,IAAIhC,KAAK,KAAKgC,SAAS,EAAE;UAC7C5C,KAAK,CAACyC,IAAI,CAAC,GAAG7B,KAAK;QACrB;MACF;MACA,IAAImB,KAAK,KAAK,OAAO,IAAIO,UAAU,EAAE;QACnC,IAAAO,eAAA,GAAsBX,aAAa,CAAC;YAAEO,IAAI,EAAEH,UAAU,CAACG,IAAI;YAAEV,KAAK,EAAE;UAAQ,CAAC,CAAC;UAAAe,eAAA,GAAAH,cAAA,CAAAE,eAAA;UAAvEJ,KAAI,GAAAK,eAAA;UAAElC,MAAK,GAAAkC,eAAA;QAClB,IAAIL,KAAI,KAAKG,SAAS,IAAIhC,MAAK,KAAKgC,SAAS,EAAE;UAC7C5C,KAAK,CAACyC,KAAI,CAAC,GAAG7B,MAAK;QACrB;MACF;MAEA,OAAAW,KAAA,GAAO1B,OAAO,CAAC+B,MAAM,CAAC,eACpB7B,KAAA,CAAAgD,aAAA,CAACtB,eAAe,EAAAF,KAAA,CAAAyB,EAAA;QAAA;MAAA,iBACdjD,KAAA,CAAAgD,aAAA,CAACrB,MAAM,EAAAH,KAAA,CAAAyB,EAAA,WAAAC,aAAA,KAAAC,YAAA;QAAA,SAEElD,KAAK;QAAA,kBACI,CAAC,OAAO,CAAC;QAAA,MACrB,IAAI,CAACmD,OAAO;QAAA,sBACKd,WAAW,CAACe,kBAAkB,IAAId,UAAU,CAACc,kBAAkB,GAAIjB,cAAc,GAAGS;MAAS,GAAAtB,IAAA,KAEjHW,UAAU,gBAAGlC,KAAA,CAAAgD,aAAA,CAAClB,QAAQ,EAAAN,KAAA,CAAAyB,EAAA,gBAAE,CAAC,GAAGlB,KACvB,CAAC,EACRG,UAAU,GAELG,YAAY,CAACiB,GAAG,CAAC,UAACC,MAAM,EAAEC,EAAE,EAAK;QAC/B,oBACExD,KAAA,CAAAgD,aAAA,CAAC5C,iBAAiB,CAACqD,IAAI,CAACC,MAAM,EAAAC,QAAA;UAC5B/C,GAAG,EAAE2C,MAAM,CAACb;QAAK,GACba,MAAM;UACV,oBAAkB9B,MAAI,CAAC2B;QAAQ,EAChC,CAAC;MAEN,CAAC,CAAC,gBAGFpD,KAAA,CAAAgD,aAAA,CAAClB,QAAQ,EAAAN,KAAA,CAAAyB,EAAA,gBAAE,CAEF,CAAC;IAEtB;EAAC;AAAA,EA3EwBrD,SAAS;AA4EnCgE,eAAA,CA5EYvD,KAAK,iBAOK,OAAO;AAAAuD,eAAA,CAPjBvD,KAAK,WAQDJ,KAAK;AAAA2D,eAAA,CARTvD,KAAK,aASC,CAACN,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","uniqueIDEnhancement","React","style","_sstyled","insert","DataTableInternal","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","shadowVertical","groupColumns","firstColumn","lastColumn","length","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread","_assignProps","groupId","showShadowVertical","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, fixed, columns, withConfig, getFixedStyle, shadowVertical } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup\n render={Box}\n style={style}\n __excludeProps={['title']}\n id={this.groupId}\n use:shadowVertical={(firstColumn.showShadowVertical \|\| lastColumn.showShadowVertical) ? shadowVertical : undefined}\n >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTableInternal.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Head.js CHANGED Viewed

@@ -18,38 +18,44 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_oh6cc_gg_,.___SHead_oh6cc_gg_{display:contents}.___SHead_oh6cc_gg_.__animationDuration_oh6cc_gg_>.___SColumn_oh6cc_gg_{transition:top var(--animationDuration_oh6cc) ease-out}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroup_oh6cc_gg_{position:sticky;top:0;z-index:18}.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SGroupContainer_oh6cc_gg_>.___SColumn_oh6cc_gg_{position:sticky;z-index:18}.___SHead_oh6cc_gg_.__compact_oh6cc_gg_ .___SColumn_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_,.___SGroup_oh6cc_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_oh6cc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_oh6cc_gg_._use_primary_oh6cc_gg_:has(~.___SColumn_oh6cc_gg_.__visibleSort_oh6cc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_oh6cc_gg_._use_secondary_oh6cc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_left_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_left_oh6cc_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._borders_both_oh6cc_gg_,.___SColumn_oh6cc_gg_._borders_right_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_both_oh6cc_gg_,.___SGroup_oh6cc_gg_._borders_right_oh6cc_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_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_oh6cc_gg_._use_primary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_,.___SColumn_oh6cc_gg_._use_primary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before,.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{display:flex;opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_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_oh6cc_gg_._use_secondary_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortWrapper_oh6cc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_oh6cc_gg_._use_secondary_oh6cc_gg_.__visibleSort_oh6cc_gg_ .___SSortButton_oh6cc_gg_{display:flex;opacity:1}.___SColumn_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroupTitle_oh6cc_gg_.__gridArea_oh6cc_gg_,.___SGroup_oh6cc_gg_.__gridArea_oh6cc_gg_{grid-area:var(--gridArea_oh6cc)}.___SHead_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_ .___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_,.___SHead_oh6cc_gg_.__sticky_oh6cc_gg_ .___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_oh6cc_gg_.__sortable_oh6cc_gg_:hover{cursor:pointer}}.___SSortWrapper_oh6cc_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_oh6cc_gg_,.___SSortWrapper_oh6cc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_oh6cc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_oh6cc_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_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_oh6cc_gg_._sideIndents_wide_oh6cc_gg_ .___SColumn_oh6cc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_oh6cc_gg_{cursor:pointer}.___SColumn_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after,.___SGroup_oh6cc_gg_.__fixed_oh6cc_gg_.__shadowVertical_oh6cc_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_primary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_left_oh6cc_gg_._shadowVertical_start_oh6cc_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_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_primary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_primary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_._use_secondary_oh6cc_gg_,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_._use_secondary_oh6cc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SColumn_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_end_oh6cc_gg_:after,.___SGroup_oh6cc_gg_._fixed_right_oh6cc_gg_._shadowVertical_median_oh6cc_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__*/"oh6cc_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1vo21_gg_,.___SHead_1vo21_gg_{display:contents}.___SHead_1vo21_gg_.__isDataEmpty_1vo21_gg_.__gridTemplateColumns_1vo21_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1vo21);overflow:auto;scrollbar-width:thin}.___SHead_1vo21_gg_.__animationDuration_1vo21_gg_>.___SColumn_1vo21_gg_{transition:top var(--animationDuration_1vo21) ease-out}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroup_1vo21_gg_{position:sticky;top:0;z-index:18}.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SGroupContainer_1vo21_gg_>.___SColumn_1vo21_gg_{position:sticky;z-index:18}.___SHead_1vo21_gg_.__compact_1vo21_gg_ .___SColumn_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_,.___SGroup_1vo21_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1vo21_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1vo21_gg_._use_primary_1vo21_gg_:has(~.___SColumn_1vo21_gg_.__visibleSort_1vo21_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_left_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_left_1vo21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._borders_both_1vo21_gg_,.___SColumn_1vo21_gg_._borders_right_1vo21_gg_,.___SGroup_1vo21_gg_._borders_both_1vo21_gg_,.___SGroup_1vo21_gg_._borders_right_1vo21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_,.___SColumn_1vo21_gg_._use_primary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before,.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{display:flex;opacity:1}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:absolute}.___SColumn_1vo21_gg_._use_primary_1vo21_gg_._justifyContent_right_1vo21_gg_.__changeSortSize_1vo21_gg_.__isSorted_1vo21_gg_ .___SSortWrapper_1vo21_gg_{position:relative}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_ .___SSortWrapper_1vo21_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortWrapper_1vo21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1vo21_gg_._use_secondary_1vo21_gg_.__visibleSort_1vo21_gg_ .___SSortButton_1vo21_gg_{display:flex;opacity:1}.___SColumn_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroupTitle_1vo21_gg_.__gridArea_1vo21_gg_,.___SGroup_1vo21_gg_.__gridArea_1vo21_gg_{grid-area:var(--gridArea_1vo21)}.___SHead_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_ .___SGroup_1vo21_gg_.__fixed_1vo21_gg_,.___SHead_1vo21_gg_.__sticky_1vo21_gg_ .___SColumn_1vo21_gg_.__fixed_1vo21_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1vo21_gg_.__sortable_1vo21_gg_:hover{cursor:pointer}}.___SSortWrapper_1vo21_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1vo21_gg_,.___SSortWrapper_1vo21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1vo21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1vo21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1vo21_gg_._sideIndents_wide_1vo21_gg_ .___SColumn_1vo21_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1vo21_gg_{cursor:pointer}.___SColumn_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after,.___SGroup_1vo21_gg_.__fixed_1vo21_gg_.__shadowVertical_1vo21_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_primary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_._use_secondary_1vo21_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_left_1vo21_gg_._shadowVertical_start_1vo21_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_primary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_primary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_._use_secondary_1vo21_gg_,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_._use_secondary_1vo21_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SColumn_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_end_1vo21_gg_:after,.___SGroup_1vo21_gg_._fixed_right_1vo21_gg_._shadowVertical_median_1vo21_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1vo21_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_oh6cc_gg_",
-  "__SGroupContainer": "___SGroupContainer_oh6cc_gg_",
-  "_animationDuration": "__animationDuration_oh6cc_gg_",
-  "__SColumn": "___SColumn_oh6cc_gg_",
-  "--animationDuration": "--animationDuration_oh6cc",
-  "_sticky": "__sticky_oh6cc_gg_",
-  "__SGroup": "___SGroup_oh6cc_gg_",
-  "_compact": "__compact_oh6cc_gg_",
-  "_use_secondary": "_use_secondary_oh6cc_gg_",
-  "_borders_both": "_borders_both_oh6cc_gg_",
-  "_borders_left": "_borders_left_oh6cc_gg_",
-  "_borders_right": "_borders_right_oh6cc_gg_",
-  "_gridArea": "__gridArea_oh6cc_gg_",
-  "__SGroupTitle": "___SGroupTitle_oh6cc_gg_",
-  "--gridArea": "--gridArea_oh6cc",
-  "_fixed": "__fixed_oh6cc_gg_",
-  "_sortable": "__sortable_oh6cc_gg_",
-  "__SSortWrapper": "___SSortWrapper_oh6cc_gg_",
-  "__SSortButton": "___SSortButton_oh6cc_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_oh6cc_gg_",
-  "_use_primary": "_use_primary_oh6cc_gg_",
-  "_visibleSort": "__visibleSort_oh6cc_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_oh6cc_gg_",
-  "_shadowVertical": "__shadowVertical_oh6cc_gg_",
-  "_fixed_left": "_fixed_left_oh6cc_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_oh6cc_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_oh6cc_gg_",
-  "_fixed_right": "_fixed_right_oh6cc_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_oh6cc_gg_"
+  "__SHead": "___SHead_1vo21_gg_",
+  "__SGroupContainer": "___SGroupContainer_1vo21_gg_",
+  "_isDataEmpty": "__isDataEmpty_1vo21_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1vo21_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1vo21",
+  "_animationDuration": "__animationDuration_1vo21_gg_",
+  "__SColumn": "___SColumn_1vo21_gg_",
+  "--animationDuration": "--animationDuration_1vo21",
+  "_sticky": "__sticky_1vo21_gg_",
+  "__SGroup": "___SGroup_1vo21_gg_",
+  "_compact": "__compact_1vo21_gg_",
+  "_use_secondary": "_use_secondary_1vo21_gg_",
+  "_borders_both": "_borders_both_1vo21_gg_",
+  "_borders_left": "_borders_left_1vo21_gg_",
+  "_borders_right": "_borders_right_1vo21_gg_",
+  "_gridArea": "__gridArea_1vo21_gg_",
+  "__SGroupTitle": "___SGroupTitle_1vo21_gg_",
+  "--gridArea": "--gridArea_1vo21",
+  "_fixed": "__fixed_1vo21_gg_",
+  "_sortable": "__sortable_1vo21_gg_",
+  "__SSortWrapper": "___SSortWrapper_1vo21_gg_",
+  "__SSortButton": "___SSortButton_1vo21_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1vo21_gg_",
+  "_use_primary": "_use_primary_1vo21_gg_",
+  "_visibleSort": "__visibleSort_1vo21_gg_",
+  "_justifyContent_right": "_justifyContent_right_1vo21_gg_",
+  "_changeSortSize": "__changeSortSize_1vo21_gg_",
+  "_isSorted": "__isSorted_1vo21_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1vo21_gg_",
+  "_shadowVertical": "__shadowVertical_1vo21_gg_",
+  "_fixed_left": "_fixed_left_1vo21_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1vo21_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1vo21_gg_",
+  "_fixed_right": "_fixed_right_1vo21_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1vo21_gg_"
 });
 import { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 var HeadRoot = /*#__PURE__*/function (_Component) {
@@ -190,14 +196,19 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         treeColumns = _this$asProps7.treeColumns,
         selectedRows = _this$asProps7.selectedRows,
         sticky = _this$asProps7.sticky,
-        animationDuration = _this$asProps7.animationDuration;
+        animationDuration = _this$asProps7.animationDuration,
+        isDataEmpty = _this$asProps7.isDataEmpty,
+        gridTemplateColumns = _this$asProps7.gridTemplateColumns;
       var areAllRowsSelected = this.areAllRowsSelected;
       var indeterminate = this.isIndeterminate && !areAllRowsSelected;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, _assignProps({
         "role": 'row',
         "aria-rowindex": 1,
         "sticky": sticky,
-        "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined
+        "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined,
+        "isDataEmpty": isDataEmpty,
+        "use:gridTemplateColumns": gridTemplateColumns.join(' '),
+        "tabIndex": isDataEmpty ? 0 : undefined
       }, _ref))), selectedRows && /*#__PURE__*/React.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
         "name": SELECT_ALL.toString(),
         "onClick": this.handleClickSelectAll(!areAllRowsSelected)