npm - @semcore/data-table - Versions diffs - 16.0.0 → 16.0.1-prerelease.0 - Mend

@semcore/data-table 16.0.0 → 16.0.1-prerelease.0

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 (69) hide show

package/CHANGELOG.md +7 -1
package/lib/cjs/components/Body/Body.js +40 -37
package/lib/cjs/components/Body/Body.js.map +1 -1
package/lib/cjs/components/Body/Body.types.js.map +1 -1
package/lib/cjs/components/Body/Cell.js +34 -33
package/lib/cjs/components/Body/Cell.js.map +1 -1
package/lib/cjs/components/Body/Row.js +81 -73
package/lib/cjs/components/Body/Row.js.map +1 -1
package/lib/cjs/components/Body/Row.types.js.map +1 -1
package/lib/cjs/components/Body/style.shadow.css +7 -1
package/lib/cjs/components/DataTable/DataTable.js +204 -160
package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
package/lib/cjs/components/Head/Column.js +22 -27
package/lib/cjs/components/Head/Column.js.map +1 -1
package/lib/cjs/components/Head/Column.types.js.map +1 -1
package/lib/cjs/components/Head/Group.js +23 -22
package/lib/cjs/components/Head/Group.js.map +1 -1
package/lib/cjs/components/Head/Head.js +67 -65
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 +5 -1
package/lib/cjs/style/scroll-shadows.shadow.css +6 -0
package/lib/es6/components/Body/Body.js +40 -37
package/lib/es6/components/Body/Body.js.map +1 -1
package/lib/es6/components/Body/Body.types.js.map +1 -1
package/lib/es6/components/Body/Cell.js +34 -33
package/lib/es6/components/Body/Cell.js.map +1 -1
package/lib/es6/components/Body/Row.js +81 -73
package/lib/es6/components/Body/Row.js.map +1 -1
package/lib/es6/components/Body/Row.types.js.map +1 -1
package/lib/es6/components/Body/style.shadow.css +7 -1
package/lib/es6/components/DataTable/DataTable.js +202 -159
package/lib/es6/components/DataTable/DataTable.js.map +1 -1
package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
package/lib/es6/components/Head/Column.js +22 -27
package/lib/es6/components/Head/Column.js.map +1 -1
package/lib/es6/components/Head/Column.types.js.map +1 -1
package/lib/es6/components/Head/Group.js +24 -23
package/lib/es6/components/Head/Group.js.map +1 -1
package/lib/es6/components/Head/Head.js +68 -66
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 +5 -1
package/lib/es6/style/scroll-shadows.shadow.css +6 -0
package/lib/esm/components/Body/Body.mjs +40 -38
package/lib/esm/components/Body/Cell.mjs +35 -34
package/lib/esm/components/Body/Row.mjs +63 -57
package/lib/esm/components/Body/style.shadow.css +7 -1
package/lib/esm/components/DataTable/DataTable.mjs +157 -117
package/lib/esm/components/Head/Column.mjs +23 -26
package/lib/esm/components/Head/Group.mjs +25 -24
package/lib/esm/components/Head/Head.mjs +47 -46
package/lib/esm/components/Head/style.shadow.css +5 -1
package/lib/esm/style/scroll-shadows.shadow.css +6 -0
package/lib/types/components/Body/Body.types.d.ts +2 -1
package/lib/types/components/Body/Row.types.d.ts +2 -1
package/lib/types/components/DataTable/DataTable.d.ts +3 -2
package/lib/types/components/DataTable/DataTable.types.d.ts +10 -3
package/lib/types/components/Head/Column.types.d.ts +4 -15
package/lib/types/components/Head/Head.d.ts +3 -3
package/lib/types/components/Head/Head.types.d.ts +6 -1
package/package.json +10 -10
package/lib/cjs/utils.js +0 -66
package/lib/cjs/utils.js.map +0 -1
package/lib/es6/utils.js +0 -56
package/lib/es6/utils.js.map +0 -1
package/lib/esm/utils.mjs +0 -43
package/lib/types/utils.d.ts +0 -8

package/lib/cjs/components/Body/Row.js CHANGED Viewed

@@ -18,46 +18,46 @@ var _core = require("@semcore/core");
 var React = _interopRequireWildcard(require("react"));
 var _baseComponents = require("@semcore/base-components");
 var _Body = require("./Body");
-var _utils = require("../../utils");
 var _DataTable = require("../DataTable/DataTable");
 var _MergedCells = require("./MergedCells");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_49gvg_gg_,.___SRowGroup_49gvg_gg_,.___SRow_49gvg_gg_{display:contents}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_.__gridArea_49gvg_gg_,.___SCollapseRow_49gvg_gg_.__gridArea_49gvg_gg_,.___SRow_49gvg_gg_.__gridArea_49gvg_gg_{grid-area:var(--gridArea_49gvg)}.___SCollapseRow_49gvg_gg_ .___SCell_49gvg_gg_{display:block}.___SRow_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_cell_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_).__withAccordion_49gvg_gg_,.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_row_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_._theme_muted_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_info_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_info_49gvg_gg_,.___SRow_49gvg_gg_._theme_info_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_success_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_success_49gvg_gg_,.___SRow_49gvg_gg_._theme_success_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_warning_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_,.___SRow_49gvg_gg_._theme_warning_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_danger_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_,.___SRow_49gvg_gg_._theme_danger_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_49gvg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_.__expanded_49gvg_gg_ svg{transform:rotate(90deg)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_left_49gvg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_right_49gvg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_.__fixed_49gvg_gg_{position:sticky;z-index:2}.___SCell_49gvg_gg_._theme_muted_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_49gvg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_49gvg_gg_.__headerHeight_49gvg_gg_{top:var(--headerHeight_49gvg)}.___SEmptyData_49gvg_gg_{grid-column:1/-1}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"49gvg_gg_"),
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_sdxd5_gg_,.___SRowGroup_sdxd5_gg_,.___SRow_sdxd5_gg_{display:contents}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_sdxd5) - 1)))}.___SCell_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SCollapseRow_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SRow_sdxd5_gg_.__gridArea_sdxd5_gg_{grid-area:var(--gridArea_sdxd5)}.___SCollapseRow_sdxd5_gg_ .___SCell_sdxd5_gg_{display:block}.___SRow_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_).__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_info_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_success_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_warning_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_danger_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_sdxd5_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_.__expanded_sdxd5_gg_ svg{transform:rotate(90deg)}.___SCheckboxCell_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_.__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_{cursor:pointer}.___SCell_sdxd5_gg_._use_primary_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_primary_sdxd5_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_sdxd5) - 1)))}.___SCell_sdxd5_gg_._use_secondary_sdxd5_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_secondary_sdxd5_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_sdxd5) - 1)))}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_left_sdxd5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_right_sdxd5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_.__fixed_sdxd5_gg_{position:sticky;z-index:2}.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_sdxd5_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_sdxd5_gg_.__headerHeight_sdxd5_gg_{top:var(--headerHeight_sdxd5)}.___SEmptyData_sdxd5_gg_{grid-column:1/-1}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"sdxd5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_49gvg_gg_",
-  "__SRow": "___SRow_49gvg_gg_",
-  "__SRowGroup": "___SRowGroup_49gvg_gg_",
-  "_gridArea": "__gridArea_49gvg_gg_",
-  "__SCell": "___SCell_49gvg_gg_",
-  "__SCollapseRow": "___SCollapseRow_49gvg_gg_",
-  "--gridArea": "--gridArea_49gvg",
-  "_active": "__active_49gvg_gg_",
-  "_theme": "__theme_49gvg_gg_",
-  "_expanded": "__expanded_49gvg_gg_",
-  "_accordionType_row": "_accordionType_row_49gvg_gg_",
-  "_accordionType_cell": "_accordionType_cell_49gvg_gg_",
-  "_withAccordion": "__withAccordion_49gvg_gg_",
-  "_theme_muted": "_theme_muted_49gvg_gg_",
-  "_theme_info": "_theme_info_49gvg_gg_",
-  "_theme_success": "_theme_success_49gvg_gg_",
-  "_theme_warning": "_theme_warning_49gvg_gg_",
-  "_theme_danger": "_theme_danger_49gvg_gg_",
-  "_borders_both": "_borders_both_49gvg_gg_",
-  "_borders_left": "_borders_left_49gvg_gg_",
-  "_borders_right": "_borders_right_49gvg_gg_",
-  "_fixed": "__fixed_49gvg_gg_",
-  "__SSpinContainer": "___SSpinContainer_49gvg_gg_",
-  "_headerHeight": "__headerHeight_49gvg_gg_",
-  "--headerHeight": "--headerHeight_49gvg",
-  "__SEmptyData": "___SEmptyData_49gvg_gg_",
-  "_compact": "__compact_49gvg_gg_",
-  "--data-aria-level": "--data-aria-level_49gvg",
-  "__SAccordionToggle": "___SAccordionToggle_49gvg_gg_",
-  "_use_primary": "_use_primary_49gvg_gg_",
-  "_use_secondary": "_use_secondary_49gvg_gg_",
-  "_sideIndents_l": "_sideIndents_l_49gvg_gg_"
+  "__SBody": "___SBody_sdxd5_gg_",
+  "__SRow": "___SRow_sdxd5_gg_",
+  "__SRowGroup": "___SRowGroup_sdxd5_gg_",
+  "_gridArea": "__gridArea_sdxd5_gg_",
+  "__SCell": "___SCell_sdxd5_gg_",
+  "__SCollapseRow": "___SCollapseRow_sdxd5_gg_",
+  "--gridArea": "--gridArea_sdxd5",
+  "_active": "__active_sdxd5_gg_",
+  "_theme": "__theme_sdxd5_gg_",
+  "_expanded": "__expanded_sdxd5_gg_",
+  "_accordionType_row": "_accordionType_row_sdxd5_gg_",
+  "_accordionType_cell": "_accordionType_cell_sdxd5_gg_",
+  "_withAccordion": "__withAccordion_sdxd5_gg_",
+  "_theme_muted": "_theme_muted_sdxd5_gg_",
+  "_theme_info": "_theme_info_sdxd5_gg_",
+  "_theme_success": "_theme_success_sdxd5_gg_",
+  "_theme_warning": "_theme_warning_sdxd5_gg_",
+  "_theme_danger": "_theme_danger_sdxd5_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_sdxd5_gg_",
+  "_borders_both": "_borders_both_sdxd5_gg_",
+  "_borders_left": "_borders_left_sdxd5_gg_",
+  "_borders_right": "_borders_right_sdxd5_gg_",
+  "_fixed": "__fixed_sdxd5_gg_",
+  "__SSpinContainer": "___SSpinContainer_sdxd5_gg_",
+  "_headerHeight": "__headerHeight_sdxd5_gg_",
+  "--headerHeight": "--headerHeight_sdxd5",
+  "__SEmptyData": "___SEmptyData_sdxd5_gg_",
+  "_compact": "__compact_sdxd5_gg_",
+  "--data-aria-level": "--data-aria-level_sdxd5",
+  "__SAccordionToggle": "___SAccordionToggle_sdxd5_gg_",
+  "_use_primary": "_use_primary_sdxd5_gg_",
+  "_use_secondary": "_use_secondary_sdxd5_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_sdxd5_gg_"
 });
 var RowRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RowRoot, _Component);
@@ -70,13 +70,21 @@ var RowRoot = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "cellIndex", -1);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelectRow", function (value) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelectRow", function (value, event) {
+      var _this$asProps = _this.asProps,
+        row = _this$asProps.row,
+        rowIndex = _this$asProps.rowIndex,
+        onSelectRow = _this$asProps.onSelectRow;
+      onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(value, rowIndex, row, event);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickCheckbox", function (value) {
       return function (event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
-        var _this$asProps = _this.asProps,
-          row = _this$asProps.row,
-          rowIndex = _this$asProps.rowIndex,
-          onSelectRow = _this$asProps.onSelectRow;
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
+        var _this$asProps2 = _this.asProps,
+          row = _this$asProps2.row,
+          rowIndex = _this$asProps2.rowIndex,
+          onSelectRow = _this$asProps2.onSelectRow;
         onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(value, rowIndex, row, event);
       };
     });
@@ -103,22 +111,24 @@ var RowRoot = /*#__PURE__*/function (_Component) {
       var SRow = _baseComponents.Box;
       var SCollapseRow = _baseComponents.Collapse;
       var SCell = _Body.Body.Cell;
-      var _this$asProps2 = this.asProps,
-        columns = _this$asProps2.columns,
-        row = _this$asProps2.row,
-        styles = _this$asProps2.styles,
-        rowIndex = _this$asProps2.rowIndex,
-        ariaRowIndex = _this$asProps2.ariaRowIndex,
-        gridRowIndex = _this$asProps2.gridRowIndex,
-        expanded = _this$asProps2.expanded,
-        accordionDataGridArea = _this$asProps2.accordionDataGridArea,
-        expandedRows = _this$asProps2.expandedRows,
-        onExpandRow = _this$asProps2.onExpandRow,
-        _this$asProps2$ariaL = _this$asProps2['aria-level'],
-        ariaLevel = _this$asProps2$ariaL === void 0 ? 1 : _this$asProps2$ariaL,
-        scrollAreaRef = _this$asProps2.scrollAreaRef,
-        selectedRows = _this$asProps2.selectedRows,
-        uid = _this$asProps2.uid;
+      var SCheckboxCell = _Body.Body.Cell;
+      var _this$asProps3 = this.asProps,
+        columns = _this$asProps3.columns,
+        row = _this$asProps3.row,
+        styles = _this$asProps3.styles,
+        rowIndex = _this$asProps3.rowIndex,
+        ariaRowIndex = _this$asProps3.ariaRowIndex,
+        gridRowIndex = _this$asProps3.gridRowIndex,
+        expanded = _this$asProps3.expanded,
+        accordionDataGridArea = _this$asProps3.accordionDataGridArea,
+        expandedRows = _this$asProps3.expandedRows,
+        onExpandRow = _this$asProps3.onExpandRow,
+        _this$asProps3$ariaL = _this$asProps3['aria-level'],
+        ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL,
+        scrollAreaRef = _this$asProps3.scrollAreaRef,
+        selectedRows = _this$asProps3.selectedRows,
+        uid = _this$asProps3.uid,
+        getFixedStyle = _this$asProps3.getFixedStyle;
       var accordion = row[_DataTable.ACCORDION];
       var accordionType = accordion ? 'row' : undefined;
       if (!accordion) {
@@ -138,26 +148,23 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? 'info' : undefined
       }, _ref))), columns.map(function (column, i) {
         if (selectedRows && i === 0) {
+          var _ref3;
           var checked = selectedRows.includes(rowIndex);
-          return /*#__PURE__*/React.createElement(_Body.Body.Cell, {
-            key: i,
-            row: row,
-            rowIndex: rowIndex
-            // @ts-ignore
-            ,
-            column: {
+          return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCheckboxCell, _ref3.cn("SCheckboxCell", {
+            "key": i,
+            "row": row,
+            "rowIndex": rowIndex,
+            "column": {
               name: _DataTable.SELECT_ALL.toString()
             },
-            columnIndex: 0,
-            gridRowIndex: gridRowIndex,
-            onClick: _this2.handleSelectRow(!checked)
-          }, /*#__PURE__*/React.createElement(_checkbox["default"], {
-            checked: checked,
+            "columnIndex": 0,
+            "gridRowIndex": gridRowIndex,
+            "onClick": _this2.handleClickCheckbox(!checked)
+          }), /*#__PURE__*/React.createElement(_checkbox["default"], _ref3.cn("Checkbox", {
+            "checked": checked,
             "aria-labelledby": "".concat(uid, "_").concat(ariaRowIndex, "_1"),
-            onChange: function onChange(value, e) {
-              return _this2.handleSelectRow(value)(e);
-            }
-          }));
+            "onChange": _this2.handleSelectRow
+          })));
         }
         var index = i;
         var cellValue = row[column.name];
@@ -166,7 +173,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         }
         var style = {};
         if (column.fixed) {
-          var _getFixedStyle = (0, _utils.getFixedStyle)(column, columns),
+          var _getFixedStyle = getFixedStyle(column),
             _getFixedStyle2 = (0, _slicedToArray2["default"])(_getFixedStyle, 2),
             name = _getFixedStyle2[0],
             value = _getFixedStyle2[1];
@@ -225,7 +232,8 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
-          expanded: true
+          expanded: true,
+          getFixedStyle: getFixedStyle
         });
       })));
     }

package/lib/cjs/components/Body/Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Row.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Body","_utils","_DataTable","_MergedCells","_checkbox","_interopRequireDefault","style","sstyled","insert","RowRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","preventDefault","_this$asProps","asProps","row","rowIndex","onSelectRow","e","key","onBackFromAccordion","cellIndex","_createClass2","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","_ref2","_this2","_scrollAreaRef$curren","_row$ACCORDION","SRow","Box","SCollapseRow","Collapse","SCell","Body","Cell","_this$asProps2","columns","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","expandedRows","onExpandRow","_this$asProps2$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","createElement","Fragment","cn","_objectSpread2","assignProps","includes","map","column","i","checked","name","SELECT_ALL","toString","columnIndex","onClick","handleSelectRow","onChange","index","fixed","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","id","accordionId","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","rows","Component","createComponent","parent","exports"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { DataTableRowProps, RowPropsInner } from './Row.types';\nimport { Box, Collapse } from '@semcore/base-components';\nimport style from './style.shadow.css';\nimport { Body } from './Body';\nimport { getFixedStyle } from '../../utils';\nimport { ACCORDION, UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Checkbox from '@semcore/checkbox';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n static displayName = 'Row';\n static style = style;\n\n static defaultProps = {\n 'aria-level': undefined,\n };\n\n private cellIndex = -1;\n\n cellHasAccordion(cellValue?: DTValue \| MergedColumnsCell \| MergedRowsCell): cellValue is DTValue {\n return (\n !(cellValue instanceof MergedRowsCell \|\| cellValue instanceof MergedColumnsCell) &&\n Boolean(cellValue?.[ACCORDION])\n );\n }\n\n handleSelectRow = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n const { row, rowIndex, onSelectRow } = this.asProps;\n\n onSelectRow?.(value, rowIndex, row, event);\n };\n\n handleBackFromAccordion = (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') {\n this.asProps.onBackFromAccordion(this.cellIndex);\n }\n };\n\n render() {\n const SRow = Root;\n const SCollapseRow = Collapse;\n const SCell = Body.Cell;\n const {\n columns,\n row,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n expandedRows,\n onExpandRow,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n let accordionType = accordion ? 'row' : undefined;\n\n if (!accordion) {\n const cells = Object.values(row);\n const cellWithAccordionIndex = cells.findIndex((value) => {\n return this.cellHasAccordion(value);\n });\n\n this.cellIndex = cellWithAccordionIndex;\n\n const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue \| undefined;\n\n accordion = cellWithAccordion?.[ACCORDION];\n accordionType = 'cell';\n }\n\n return sstyled(styles)(\n <>\n <SRow\n render={Box}\n role={'row'}\n aria-rowindex={ariaRowIndex}\n accordionType={accordionType}\n theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowIndex);\n return (\n <Body.Cell\n key={i}\n row={row}\n rowIndex={rowIndex}\n // @ts-ignore\n column={{ name: SELECT_ALL.toString() }}\n columnIndex={0}\n gridRowIndex={gridRowIndex}\n onClick={this.handleSelectRow(!checked)}\n >\n <Checkbox\n checked={checked}\n aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n onChange={(value, e) => this.handleSelectRow(value)(e)}\n />\n </Body.Cell>\n );\n }\n\n const index = i;\n const cellValue = row[column.name];\n\n if (cellValue === undefined) {\n return null;\n }\n\n const style: React.CSSProperties = {};\n\n if (column.fixed) {\n const [name, value] = getFixedStyle(column, columns);\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return (\n <Body.Cell\n key={index}\n id={`${uid}_${ariaRowIndex}_${index}`}\n accordionId={`${uid}_${ariaRowIndex + 1}`}\n data-aria-level={index === 0 ? ariaLevel : undefined}\n row={row}\n rowIndex={rowIndex}\n gridRowIndex={gridRowIndex}\n columnIndex={index}\n style={style}\n column={column}\n // @ts-ignore\n withAccordion={this.cellHasAccordion(cellValue)}\n />\n );\n })}\n </SRow>\n\n {React.isValidElement(accordion) && (\n <SCollapseRow\n key={rowIndex}\n role={'row'}\n aria-rowindex={ariaRowIndex + 1}\n id={`${uid}_${ariaRowIndex + 1}`}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={200}\n zIndex={5}\n >\n <SCell\n aria-colindex={1}\n aria-level={ariaLevel + 1}\n aria-setsize={1}\n aria-posinset={1}\n row={row}\n rowIndex={rowIndex + 1}\n columnIndex={1}\n // @ts-ignore\n column={{ name: ACCORDION }}\n position={'sticky'}\n left={0}\n w={scrollAreaRef.current?.clientWidth}\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] &&\n Array.isArray(row[ACCORDION]) &&\n expanded &&\n row[ACCORDION]?.map((subrow, i) => {\n return (\n <Row\n key={i}\n row={subrow}\n columns={columns}\n rows={row[ACCORDION]}\n rowIndex={rowIndex}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n ariaRowIndex={ariaRowIndex + 1 + i}\n gridRowIndex={gridRowIndex + 1 + i}\n expanded={true}\n />\n );\n })}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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"}
1	+ {"version":3,"file":"Row.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Body","_DataTable","_MergedCells","_checkbox","_interopRequireDefault","style","sstyled","insert","RowRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_createClass2","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","_ref2","_this2","_scrollAreaRef$curren","_row$ACCORDION","SRow","Box","SCollapseRow","Collapse","SCell","Body","Cell","SCheckboxCell","_this$asProps3","columns","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","expandedRows","onExpandRow","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","createElement","Fragment","cn","_objectSpread2","assignProps","includes","map","column","i","_ref3","checked","name","SELECT_ALL","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","id","accordionId","columnIndex","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","rows","Component","createComponent","parent","exports"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { DataTableRowProps, RowPropsInner } from './Row.types';\nimport { Box, Collapse } from '@semcore/base-components';\nimport style from './style.shadow.css';\nimport { Body } from './Body';\nimport { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Checkbox from '@semcore/checkbox';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n static displayName = 'Row';\n static style = style;\n\n static defaultProps = {\n 'aria-level': undefined,\n };\n\n private cellIndex = -1;\n\n cellHasAccordion(cellValue?: DTValue \| MergedColumnsCell \| MergedRowsCell): cellValue is DTValue {\n return (\n !(cellValue instanceof MergedRowsCell \|\| cellValue instanceof MergedColumnsCell) &&\n Boolean(cellValue?.[ACCORDION])\n );\n }\n\n handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { row, rowIndex, onSelectRow } = this.asProps;\n\n onSelectRow?.(value, rowIndex, row, event);\n };\n\n handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n const { row, rowIndex, onSelectRow } = this.asProps;\n\n onSelectRow?.(value, rowIndex, row, event);\n };\n\n handleBackFromAccordion = (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') {\n this.asProps.onBackFromAccordion(this.cellIndex);\n }\n };\n\n render() {\n const SRow = Root;\n const SCollapseRow = Collapse;\n const SCell = Body.Cell;\n const SCheckboxCell = Body.Cell;\n const {\n columns,\n row,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n expandedRows,\n onExpandRow,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n getFixedStyle,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n let accordionType = accordion ? 'row' : undefined;\n\n if (!accordion) {\n const cells = Object.values(row);\n const cellWithAccordionIndex = cells.findIndex((value) => {\n return this.cellHasAccordion(value);\n });\n\n this.cellIndex = cellWithAccordionIndex;\n\n const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue \| undefined;\n\n accordion = cellWithAccordion?.[ACCORDION];\n accordionType = 'cell';\n }\n\n return sstyled(styles)(\n <>\n <SRow\n render={Box}\n role={'row'}\n aria-rowindex={ariaRowIndex}\n accordionType={accordionType}\n theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowIndex);\n return sstyled(styles)(\n <SCheckboxCell\n key={i}\n row={row}\n rowIndex={rowIndex}\n // @ts-ignore\n column={{ name: SELECT_ALL.toString() }}\n columnIndex={0}\n gridRowIndex={gridRowIndex}\n onClick={this.handleClickCheckbox(!checked)}\n >\n <Checkbox\n checked={checked}\n aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n onChange={this.handleSelectRow}\n />\n </SCheckboxCell>,\n );\n }\n\n const index = i;\n const cellValue = row[column.name];\n\n if (cellValue === undefined) {\n return null;\n }\n\n const style: React.CSSProperties = {};\n\n if (column.fixed) {\n const [name, value] = getFixedStyle(column);\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n\n return (\n <Body.Cell\n key={index}\n id={`${uid}_${ariaRowIndex}_${index}`}\n accordionId={`${uid}_${ariaRowIndex + 1}`}\n data-aria-level={index === 0 ? ariaLevel : undefined}\n row={row}\n rowIndex={rowIndex}\n gridRowIndex={gridRowIndex}\n columnIndex={index}\n style={style}\n column={column}\n // @ts-ignore\n withAccordion={this.cellHasAccordion(cellValue)}\n />\n );\n })}\n </SRow>\n\n {React.isValidElement(accordion) && (\n <SCollapseRow\n key={rowIndex}\n role={'row'}\n aria-rowindex={ariaRowIndex + 1}\n id={`${uid}_${ariaRowIndex + 1}`}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={200}\n zIndex={5}\n >\n <SCell\n aria-colindex={1}\n aria-level={ariaLevel + 1}\n aria-setsize={1}\n aria-posinset={1}\n row={row}\n rowIndex={rowIndex + 1}\n columnIndex={1}\n // @ts-ignore\n column={{ name: ACCORDION }}\n position={'sticky'}\n left={0}\n w={scrollAreaRef.current?.clientWidth}\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] &&\n Array.isArray(row[ACCORDION]) &&\n expanded &&\n row[ACCORDION]?.map((subrow, i) => {\n return (\n <Row\n key={i}\n row={subrow}\n columns={columns}\n rows={row[ACCORDION]}\n rowIndex={rowIndex}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n ariaRowIndex={ariaRowIndex + 1 + i}\n gridRowIndex={gridRowIndex + 1 + i}\n expanded={true}\n getFixedStyle={getFixedStyle}\n />\n );\n })}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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"}

package/lib/cjs/components/Body/Row.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Row.types.js","names":["_DataTable","require"],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\n\nexport type DTRow = {\n [UNIQ_ROW_KEY]: string;\n [ROW_INDEX]: number;\n [key: string]: DTValue \| MergedRowsCell \| MergedColumnsCell;\n [ACCORDION]?: React.ReactNode \| DataTableData \| undefined;\n};\nexport type DTRows = Array<DTRow \| DTRow[]>;\n\nexport type DataTableRowProps = {\n row: DTRow;\n offset?: number;\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n use: DTUse;\n /*\n Expanded flag for rows with accordion\n * @default false\n */\n expanded?: boolean;\n\n columns: DTColumn[];\n row: DTRow \| DTRow[];\n rows: DTRows;\n rowIndex: number; // from 0\n ariaRowIndex: number; // from 1 + 1 header\n gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n expandedRows: Set<string>;\n onExpandRow: (expandedRow: DTRow) => void;\n\n gridTemplateAreas: string[];\n gridTemplateColumns: string[];\n accordionDataGridArea: string;\n\n selectedRows?: number[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n onBackFromAccordion: (colIndex: number) => void;\n\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n uid: string;\n sideIndents?: 'l';\n};\n"],"mappings":";;AAGA,IAAAA,UAAA,GAAAC,OAAA"}
1	+ {"version":3,"file":"Row.types.js","names":["_DataTable","require"],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\n\nexport type DTRow = {\n [UNIQ_ROW_KEY]: string;\n [ROW_INDEX]: number;\n [key: string]: DTValue \| MergedRowsCell \| MergedColumnsCell;\n [ACCORDION]?: React.ReactNode \| DataTableData \| undefined;\n};\nexport type DTRows = Array<DTRow \| DTRow[]>;\n\nexport type DataTableRowProps = {\n row: DTRow;\n offset?: number;\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n use: DTUse;\n /*\n Expanded flag for rows with accordion\n * @default false\n */\n expanded?: boolean;\n\n columns: DTColumn[];\n row: DTRow \| DTRow[];\n rows: DTRows;\n rowIndex: number; // from 0\n ariaRowIndex: number; // from 1 + 1 header\n gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n expandedRows: Set<string>;\n onExpandRow: (expandedRow: DTRow) => void;\n\n gridTemplateAreas: string[];\n gridTemplateColumns: string[];\n accordionDataGridArea: string;\n\n selectedRows?: number[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n onBackFromAccordion: (colIndex: number) => void;\n\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n uid: string;\n sideIndents?: 'wide';\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' \| 'fixed'>,\n ) => [side: 'left' \| 'right', style: string \| number] \| [side: undefined, style: undefined];\n};\n"],"mappings":";;AAGA,IAAAA,UAAA,GAAAC,OAAA"}

package/lib/cjs/components/Body/style.shadow.css CHANGED Viewed

@@ -164,6 +164,8 @@ SCell {
   SAccordionToggle {
     margin-right: var(--intergalactic-spacing-3x, 12px);
+    margin-top: var(--intergalactic-spacing-05x, 2px);
+    height: fit-content;
     svg {
       transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
@@ -175,6 +177,10 @@ SCell {
   }
 }
+SRow[accordionType='row'] > SCell, SRow[accordionType='cell'] > SCell[withAccordion], SCheckboxCell {
+  cursor: pointer;
+}
 SCell[use='primary'] {
   padding: var(--intergalactic-spacing-3x, 12px);
   min-height: 45px;
@@ -247,7 +253,7 @@ SEmptyData {
   grid-column: 1 / -1;
 }
-SRow[sideIndents='l'] {
+SRow[sideIndents='wide'] {
   SCell:first-child {
     padding-left: var(--intergalactic-spacing-5x, 20px);
   }