@semcore/data-table 16.0.6 → 16.0.7-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 (55) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/lib/cjs/components/Body/Body.js +39 -37
  3. package/lib/cjs/components/Body/Body.js.map +1 -1
  4. package/lib/cjs/components/Body/Cell.js +37 -36
  5. package/lib/cjs/components/Body/Cell.js.map +1 -1
  6. package/lib/cjs/components/Body/Row.js +37 -36
  7. package/lib/cjs/components/Body/Row.js.map +1 -1
  8. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  9. package/lib/cjs/components/Body/style.shadow.css +33 -33
  10. package/lib/cjs/components/DataTable/DataTable.js +45 -42
  11. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  12. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  13. package/lib/cjs/components/Head/Column.js +24 -22
  14. package/lib/cjs/components/Head/Column.js.map +1 -1
  15. package/lib/cjs/components/Head/Group.js +24 -22
  16. package/lib/cjs/components/Head/Group.js.map +1 -1
  17. package/lib/cjs/components/Head/Head.js +60 -35
  18. package/lib/cjs/components/Head/Head.js.map +1 -1
  19. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  20. package/lib/cjs/components/Head/style.shadow.css +4 -0
  21. package/lib/cjs/style/scroll-shadows.shadow.css +12 -4
  22. package/lib/es6/components/Body/Body.js +39 -37
  23. package/lib/es6/components/Body/Body.js.map +1 -1
  24. package/lib/es6/components/Body/Cell.js +37 -36
  25. package/lib/es6/components/Body/Cell.js.map +1 -1
  26. package/lib/es6/components/Body/Row.js +37 -36
  27. package/lib/es6/components/Body/Row.js.map +1 -1
  28. package/lib/es6/components/Body/Row.types.js.map +1 -1
  29. package/lib/es6/components/Body/style.shadow.css +33 -33
  30. package/lib/es6/components/DataTable/DataTable.js +45 -42
  31. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  32. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  33. package/lib/es6/components/Head/Column.js +24 -22
  34. package/lib/es6/components/Head/Column.js.map +1 -1
  35. package/lib/es6/components/Head/Group.js +24 -22
  36. package/lib/es6/components/Head/Group.js.map +1 -1
  37. package/lib/es6/components/Head/Head.js +61 -36
  38. package/lib/es6/components/Head/Head.js.map +1 -1
  39. package/lib/es6/components/Head/Head.types.js.map +1 -1
  40. package/lib/es6/components/Head/style.shadow.css +4 -0
  41. package/lib/es6/style/scroll-shadows.shadow.css +12 -4
  42. package/lib/esm/components/Body/Body.mjs +40 -38
  43. package/lib/esm/components/Body/Cell.mjs +38 -37
  44. package/lib/esm/components/Body/Row.mjs +38 -37
  45. package/lib/esm/components/Body/style.shadow.css +33 -33
  46. package/lib/esm/components/DataTable/DataTable.mjs +46 -43
  47. package/lib/esm/components/Head/Column.mjs +25 -23
  48. package/lib/esm/components/Head/Group.mjs +25 -23
  49. package/lib/esm/components/Head/Head.mjs +50 -30
  50. package/lib/esm/components/Head/style.shadow.css +4 -0
  51. package/lib/esm/style/scroll-shadows.shadow.css +12 -4
  52. package/lib/types/components/Body/Row.types.d.ts +1 -0
  53. package/lib/types/components/DataTable/DataTable.types.d.ts +2 -17
  54. package/lib/types/components/Head/Head.types.d.ts +4 -1
  55. package/package.json +22 -22
package/lib/es6/components/Body/Row.js CHANGED
@@ -17,44 +17,45 @@ import * as React from 'react';
17
17
  import { Body } from './Body';
18
18
  import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
19
19
  /*!__reshadow-styles__:"./style.shadow.css"*/
20
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1hhtt_gg_,.___SBody_1hhtt_gg_,.___SRowGroup_1hhtt_gg_,.___SRow_1hhtt_gg_{display:contents}.___SBody_1hhtt_gg_.__compact_1hhtt_gg_ .___SCell_1hhtt_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1hhtt_gg_.__compact_1hhtt_gg_ .___SCell_1hhtt_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1hhtt) - 1)))}.___SCellWrapper_1hhtt_gg_.__gridArea_1hhtt_gg_,.___SCollapseRow_1hhtt_gg_.__gridArea_1hhtt_gg_,.___SRow_1hhtt_gg_.__gridArea_1hhtt_gg_{grid-area:var(--gridArea_1hhtt)}.___SCellWrapper_1hhtt_gg_{height:100%}.___SAccordionRows_1hhtt_gg_>.___SRow_1hhtt_gg_.__isAccordionRow_1hhtt_gg_:last-child>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_,.___SCollapseRow_1hhtt_gg_.__gridArea_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1hhtt_gg_ .___SCell_1hhtt_gg_{display:block}.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_).__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_,.___SRow_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_._accordionType_row_1hhtt_gg_.__expanded_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_.__isAccordionRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_muted_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_),.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_,.___SRow_1hhtt_gg_:not(._accordionType_row_1hhtt_gg_.__expanded_1hhtt_gg_):hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_info_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_success_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_warning_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_danger_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1hhtt_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_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_.__expanded_1hhtt_gg_ svg{transform:rotate(90deg)}.___SCell_1hhtt_gg_.__withAccordion_1hhtt_gg_,.___SCheckboxCell_1hhtt_gg_,.___SRow_1hhtt_gg_._accordionType_row_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_{cursor:pointer}.___SCell_1hhtt_gg_._use_primary_1hhtt_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hhtt_gg_._use_primary_1hhtt_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_1hhtt) - 1)))}.___SCell_1hhtt_gg_._use_secondary_1hhtt_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hhtt_gg_._use_secondary_1hhtt_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_1hhtt) - 1)))}.___SCell_1hhtt_gg_._borders_both_1hhtt_gg_,.___SCell_1hhtt_gg_._borders_left_1hhtt_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1hhtt_gg_._borders_both_1hhtt_gg_,.___SCell_1hhtt_gg_._borders_right_1hhtt_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1hhtt_gg_.__fixed_1hhtt_gg_{position:sticky;z-index:2}.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1hhtt_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_1hhtt_gg_.__headerHeight_1hhtt_gg_{top:var(--headerHeight_1hhtt)}.___SEmptyData_1hhtt_gg_{grid-column:1/-1}.___SRow_1hhtt_gg_._sideIndents_wide_1hhtt_gg_ .___SCellWrapper_1hhtt_gg_:first-child .___SCell_1hhtt_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1hhtt_gg_._sideIndents_wide_1hhtt_gg_ .___SCellWrapper_1hhtt_gg_:last-child .___SCell_1hhtt_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1hhtt_gg_"),
20
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1qpr0_gg_,.___SBody_1qpr0_gg_,.___SRowGroup_1qpr0_gg_,.___SRow_1qpr0_gg_{display:contents}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1qpr0) - 1)))}.___SCellWrapper_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SRow_1qpr0_gg_.__gridArea_1qpr0_gg_{grid-area:var(--gridArea_1qpr0)}.___SCellWrapper_1qpr0_gg_{height:100%}.___SAccordionRows_1qpr0_gg_>.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_:last-child>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1qpr0_gg_ .___SCell_1qpr0_gg_{display:block}.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_).__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SRow_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRow_1qpr0_gg_:not(._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_):hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_info_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_success_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_warning_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_danger_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1qpr0_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_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_.__expanded_1qpr0_gg_ svg{transform:rotate(90deg)}.___SCell_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SCheckboxCell_1qpr0_gg_,.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{cursor:pointer}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_primary_1qpr0_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_1qpr0) - 1)))}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_secondary_1qpr0_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_1qpr0) - 1)))}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_left_1qpr0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_right_1qpr0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1qpr0_gg_.__fixed_1qpr0_gg_{position:sticky;z-index:2}.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1qpr0_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_1qpr0_gg_.__headerHeight_1qpr0_gg_{top:var(--headerHeight_1qpr0)}.___SEmptyData_1qpr0_gg_{grid-column:1/-1}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:first-child .___SCell_1qpr0_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:last-child .___SCell_1qpr0_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1qpr0_gg_"),
21
21
  /*__reshadow_css_end__*/
22
22
  {
23
- "__SBody": "___SBody_1hhtt_gg_",
24
- "__SRow": "___SRow_1hhtt_gg_",
25
- "__SRowGroup": "___SRowGroup_1hhtt_gg_",
26
- "__SAccordionRows": "___SAccordionRows_1hhtt_gg_",
27
- "_gridArea": "__gridArea_1hhtt_gg_",
28
- "__SCellWrapper": "___SCellWrapper_1hhtt_gg_",
29
- "__SCollapseRow": "___SCollapseRow_1hhtt_gg_",
30
- "--gridArea": "--gridArea_1hhtt",
31
- "__SCell": "___SCell_1hhtt_gg_",
32
- "_isAccordionRow": "__isAccordionRow_1hhtt_gg_",
33
- "_active": "__active_1hhtt_gg_",
34
- "_theme": "__theme_1hhtt_gg_",
35
- "_accordionType_row": "_accordionType_row_1hhtt_gg_",
36
- "_expanded": "__expanded_1hhtt_gg_",
37
- "_withAccordion": "__withAccordion_1hhtt_gg_",
38
- "_theme_muted": "_theme_muted_1hhtt_gg_",
39
- "_theme_info": "_theme_info_1hhtt_gg_",
40
- "_theme_success": "_theme_success_1hhtt_gg_",
41
- "_theme_warning": "_theme_warning_1hhtt_gg_",
42
- "_theme_danger": "_theme_danger_1hhtt_gg_",
43
- "__SCheckboxCell": "___SCheckboxCell_1hhtt_gg_",
44
- "_borders_both": "_borders_both_1hhtt_gg_",
45
- "_borders_left": "_borders_left_1hhtt_gg_",
46
- "_borders_right": "_borders_right_1hhtt_gg_",
47
- "_fixed": "__fixed_1hhtt_gg_",
48
- "__SSpinContainer": "___SSpinContainer_1hhtt_gg_",
49
- "_headerHeight": "__headerHeight_1hhtt_gg_",
50
- "--headerHeight": "--headerHeight_1hhtt",
51
- "__SEmptyData": "___SEmptyData_1hhtt_gg_",
52
- "_compact": "__compact_1hhtt_gg_",
53
- "--data-aria-level": "--data-aria-level_1hhtt",
54
- "__SAccordionToggle": "___SAccordionToggle_1hhtt_gg_",
55
- "_use_primary": "_use_primary_1hhtt_gg_",
56
- "_use_secondary": "_use_secondary_1hhtt_gg_",
57
- "_sideIndents_wide": "_sideIndents_wide_1hhtt_gg_"
23
+ "__SBody": "___SBody_1qpr0_gg_",
24
+ "__SRow": "___SRow_1qpr0_gg_",
25
+ "__SRowGroup": "___SRowGroup_1qpr0_gg_",
26
+ "__SAccordionRows": "___SAccordionRows_1qpr0_gg_",
27
+ "_gridArea": "__gridArea_1qpr0_gg_",
28
+ "__SCellWrapper": "___SCellWrapper_1qpr0_gg_",
29
+ "__SCollapseRow": "___SCollapseRow_1qpr0_gg_",
30
+ "--gridArea": "--gridArea_1qpr0",
31
+ "__SCell": "___SCell_1qpr0_gg_",
32
+ "_isAccordionRow": "__isAccordionRow_1qpr0_gg_",
33
+ "_active": "__active_1qpr0_gg_",
34
+ "_theme": "__theme_1qpr0_gg_",
35
+ "_accordionType_row": "_accordionType_row_1qpr0_gg_",
36
+ "_expanded": "__expanded_1qpr0_gg_",
37
+ "_withAccordion": "__withAccordion_1qpr0_gg_",
38
+ "_isNonInteractive": "__isNonInteractive_1qpr0_gg_",
39
+ "_theme_muted": "_theme_muted_1qpr0_gg_",
40
+ "_theme_info": "_theme_info_1qpr0_gg_",
41
+ "_theme_success": "_theme_success_1qpr0_gg_",
42
+ "_theme_warning": "_theme_warning_1qpr0_gg_",
43
+ "_theme_danger": "_theme_danger_1qpr0_gg_",
44
+ "__SCheckboxCell": "___SCheckboxCell_1qpr0_gg_",
45
+ "_borders_both": "_borders_both_1qpr0_gg_",
46
+ "_borders_left": "_borders_left_1qpr0_gg_",
47
+ "_borders_right": "_borders_right_1qpr0_gg_",
48
+ "_fixed": "__fixed_1qpr0_gg_",
49
+ "__SSpinContainer": "___SSpinContainer_1qpr0_gg_",
50
+ "_headerHeight": "__headerHeight_1qpr0_gg_",
51
+ "--headerHeight": "--headerHeight_1qpr0",
52
+ "__SEmptyData": "___SEmptyData_1qpr0_gg_",
53
+ "_compact": "__compact_1qpr0_gg_",
54
+ "--data-aria-level": "--data-aria-level_1qpr0",
55
+ "__SAccordionToggle": "___SAccordionToggle_1qpr0_gg_",
56
+ "_use_primary": "_use_primary_1qpr0_gg_",
57
+ "_use_secondary": "_use_secondary_1qpr0_gg_",
58
+ "_sideIndents_wide": "_sideIndents_wide_1qpr0_gg_"
58
59
  });
59
60
  import { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
60
61
  var RowRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/components/Body/Row.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Row.js","names":["Box","Collapse","Checkbox","Component","Root","sstyled","createComponent","React","Body","MergedColumnsCell","MergedRowsCell","style","_sstyled","insert","ACCORDION","SELECT_ALL","UNIQ_ROW_KEY","RowRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_inherits","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","rowUniqKey","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\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 SAccordionRows = Box;\n const SCell = Body.Cell;\n const SCheckboxCell = Body.Cell;\n const {\n columns,\n row,\n rows,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n getFixedStyle,\n mergedRow,\n isAccordionRow,\n animationExpand,\n accordionRowIndex,\n accordionDuration,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n const accordionType = accordion && !mergedRow ? '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 }\n\n const accordionId = `${uid}_${ariaRowIndex + 1}`;\n const rowUniqKey = row[UNIQ_ROW_KEY];\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(rowUniqKey) ? 'info' : undefined}\n use:expanded={expanded && !mergedRow}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowUniqKey);\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: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n 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={accordionId}\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 withAccordion={\n Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n this.cellHasAccordion(cellValue)\n }\n isAccordionRow={isAccordionRow}\n animationExpand={animationExpand}\n accordionRowIndex={accordionRowIndex}\n rows={rows}\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={accordionId}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={accordionDuration ?? 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='100%'\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n <SAccordionRows id={accordionId} role='rowgroup'>\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-hidden={!expanded}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n ariaRowIndex={ariaRowIndex + 1 + i}\n gridRowIndex={gridRowIndex + 1 + i}\n isAccordionRow={true}\n getFixedStyle={getFixedStyle}\n animationExpand={expanded}\n accordionRowIndex={i}\n />\n );\n })}\n </SAccordionRows>\n )}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Row.js","names":["Box","Collapse","Checkbox","Component","Root","sstyled","createComponent","React","Body","MergedColumnsCell","MergedRowsCell","style","_sstyled","insert","ACCORDION","SELECT_ALL","UNIQ_ROW_KEY","RowRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_inherits","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","rowUniqKey","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\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 SAccordionRows = Box;\n const SCell = Body.Cell;\n const SCheckboxCell = Body.Cell;\n const {\n columns,\n row,\n rows,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n getFixedStyle,\n mergedRow,\n isAccordionRow,\n animationExpand,\n accordionRowIndex,\n accordionDuration,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n const accordionType = accordion && !mergedRow ? '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 }\n\n const accordionId = `${uid}_${ariaRowIndex + 1}`;\n const rowUniqKey = row[UNIQ_ROW_KEY];\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(rowUniqKey) ? 'info' : undefined}\n use:expanded={expanded && !mergedRow}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowUniqKey);\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: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n 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={accordionId}\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 withAccordion={\n Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n this.cellHasAccordion(cellValue)\n }\n isAccordionRow={isAccordionRow}\n animationExpand={animationExpand}\n accordionRowIndex={accordionRowIndex}\n rows={rows}\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={accordionId}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={accordionDuration ?? 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='100%'\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n <SAccordionRows id={accordionId} role='rowgroup'>\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-hidden={!expanded}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n ariaRowIndex={ariaRowIndex + 1 + i}\n gridRowIndex={gridRowIndex + 1 + i}\n isAccordionRow={true}\n getFixedStyle={getFixedStyle}\n animationExpand={expanded}\n accordionRowIndex={i}\n />\n );\n })}\n </SAccordionRows>\n )}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}
package/lib/es6/components/Body/Row.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n [UNIQ_ROW_KEY]: UniqRowKey;\n [ROW_INDEX]: number;\n [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n row: DTRow;\n mergedRow?: boolean;\n\n isAccordionRow?: DataTableCellProps['isAccordionRow'];\n animationExpand?: DataTableCellProps['animationExpand'];\n accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\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 /**\n * Flag to show is row in a merged list or not.\n */\n mergedRow?: 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?: UniqRowKey[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n accordionDuration?: number | [number, number];\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":"","ignoreList":[]}
1
+ {"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n [UNIQ_ROW_KEY]: UniqRowKey;\n [ROW_INDEX]: number;\n [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n row: DTRow;\n mergedRow?: boolean;\n\n isAccordionRow?: DataTableCellProps['isAccordionRow'];\n animationExpand?: DataTableCellProps['animationExpand'];\n accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n isNonInteractive?: boolean;\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 /**\n * Flag to show is row in a merged list or not.\n */\n mergedRow?: 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?: UniqRowKey[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n accordionDuration?: number | [number, number];\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":"","ignoreList":[]}
package/lib/es6/components/Body/style.shadow.css CHANGED
@@ -47,61 +47,61 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
47
47
 
48
48
  /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
49
49
  @media (hover: hover) {
50
- SRow:not([accordionType='row'][expanded]):hover > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
51
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
52
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
50
+ SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
51
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
52
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
53
53
  background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
54
54
  }
55
55
 
56
56
  /* MUTED THEME */
57
- SRow:hover > SCellWrapper > SCell[theme='muted'],
58
- SRow[theme='muted']:hover > SCellWrapper > SCell:not([theme]),
59
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='muted'],
60
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted'] > SCellWrapper > SCell:not([theme]),
61
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
62
- SRowGroup:has(SCell:hover) > SRow[theme='muted'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
57
+ SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
58
+ SRow[theme='muted']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
59
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
60
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
61
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
62
+ SRowGroup:has(SCell:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
63
63
  /* The color is hardcoded because need hex(in figma rgba) */
64
64
  /* disable-tokens-validator */
65
65
  background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
66
66
  }
67
67
 
68
68
  /* INFO THEME */
69
- SRow:hover > SCellWrapper > SCell[theme='info'],
70
- SRow[theme='info']:hover > SCellWrapper > SCell:not([theme]),
71
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='info'],
72
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info'] > SCellWrapper > SCell:not([theme]),
73
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
74
- SRowGroup:has(SCell:hover) > SRow[theme='info'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
69
+ SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
70
+ SRow[theme='info']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
71
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
72
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
73
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
74
+ SRowGroup:has(SCell:hover) > SRow[theme='info']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
75
75
  background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
76
76
  }
77
77
 
78
78
  /* SUCCESS THEME */
79
- SRow:hover > SCellWrapper > SCell[theme='success'],
80
- SRow[theme='success']:hover > SCellWrapper > SCell:not([theme]),
81
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='success'],
82
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success'] > SCellWrapper > SCell:not([theme]),
83
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
84
- SRowGroup:has(SCell:hover) > SRow[theme='success'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
79
+ SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
80
+ SRow[theme='success']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
81
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
82
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
83
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
84
+ SRowGroup:has(SCell:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
85
85
  background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
86
86
  }
87
87
 
88
88
  /* WARNING THEME */
89
- SRow:hover > SCellWrapper > SCell[theme='warning'],
90
- SRow[theme='warning']:hover > SCellWrapper > SCell:not([theme]),
91
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='warning'],
92
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning'] > SCellWrapper > SCell:not([theme]),
93
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
94
- SRowGroup:has(SCell:hover) > SRow[theme='warning'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
89
+ SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
90
+ SRow[theme='warning']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
91
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
92
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
93
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
94
+ SRowGroup:has(SCell:hover) > SRow[theme='warning']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
95
95
  background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
96
96
  }
97
97
 
98
98
  /* DANGER THEME */
99
- SRow:hover > SCellWrapper > SCell[theme='danger'],
100
- SRow[theme='danger']:hover > SCellWrapper > SCell:not([theme]),
101
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='danger'],
102
- SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger'] > SCellWrapper > SCell:not([theme]),
103
- SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
104
- SRowGroup:has(SCell:hover) > SRow[theme='danger'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
99
+ SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
100
+ SRow[theme='danger']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
101
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
102
+ SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
103
+ SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
104
+ SRowGroup:has(SCell:hover) > SRow[theme='danger']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
105
105
  background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
106
106
  }
107
107
  }
package/lib/es6/components/DataTable/DataTable.js CHANGED
@@ -24,35 +24,35 @@ import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFo
24
24
  import { NoData } from '@semcore/widget-empty';
25
25
  import * as React from 'react';
26
26
  /*!__reshadow-styles__:"./dataTable.shadow.css"*/
27
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_1ra98_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1ra98_gg_.__gridTemplateColumns_1ra98_gg_{grid-template-columns:var(--gridTemplateColumns_1ra98)}.___SDataTable_1ra98_gg_.__gridTemplateAreas_1ra98_gg_{grid-template-areas:var(--gridTemplateAreas_1ra98)}.___SDataTable_1ra98_gg_.__gridTemplateRows_1ra98_gg_{grid-template-rows:var(--gridTemplateRows_1ra98)}", /*__inner_css_end__*/"1ra98_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_f7mr6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_f7mr6_gg_.__gridTemplateColumns_f7mr6_gg_{grid-template-columns:var(--gridTemplateColumns_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateAreas_f7mr6_gg_{grid-template-areas:var(--gridTemplateAreas_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateRows_f7mr6_gg_{grid-template-rows:var(--gridTemplateRows_f7mr6)}", /*__inner_css_end__*/"f7mr6_gg_"),
28
28
  /*__reshadow_css_end__*/
29
29
  {
30
- "__SDataTable": "___SDataTable_1ra98_gg_",
31
- "_gridTemplateColumns": "__gridTemplateColumns_1ra98_gg_",
32
- "--gridTemplateColumns": "--gridTemplateColumns_1ra98",
33
- "_gridTemplateAreas": "__gridTemplateAreas_1ra98_gg_",
34
- "--gridTemplateAreas": "--gridTemplateAreas_1ra98",
35
- "_gridTemplateRows": "__gridTemplateRows_1ra98_gg_",
36
- "--gridTemplateRows": "--gridTemplateRows_1ra98"
30
+ "__SDataTable": "___SDataTable_f7mr6_gg_",
31
+ "_gridTemplateColumns": "__gridTemplateColumns_f7mr6_gg_",
32
+ "--gridTemplateColumns": "--gridTemplateColumns_f7mr6",
33
+ "_gridTemplateAreas": "__gridTemplateAreas_f7mr6_gg_",
34
+ "--gridTemplateAreas": "--gridTemplateAreas_f7mr6",
35
+ "_gridTemplateRows": "__gridTemplateRows_f7mr6_gg_",
36
+ "--gridTemplateRows": "--gridTemplateRows_f7mr6"
37
37
  });
38
38
  /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
39
- var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_s0isx_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_{overflow:visible;overflow:initial}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_both_s0isx_gg_{overflow:auto}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_horizontal_s0isx_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_._scrollDirection_vertical_s0isx_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__loading_s0isx_gg_{overflow:hidden}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__headerHeight_s0isx_gg_{scroll-padding-top:var(--headerHeight_s0isx)}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__leftScrollPadding_s0isx_gg_{scroll-padding-left:var(--leftScrollPadding_s0isx)}.___SScrollArea_s0isx_gg_ .___SContainer_s0isx_gg_.__rightScrollPadding_s0isx_gg_{scroll-padding-right:var(--rightScrollPadding_s0isx)}.___SScrollArea_s0isx_gg_ .___SShadowVertical_s0isx_gg_:before{display:none}.___SScrollArea_s0isx_gg_ .___SShadowHorizontal_s0isx_gg_:after,.___SScrollArea_s0isx_gg_ .___SShadowHorizontal_s0isx_gg_:before,.___SScrollArea_s0isx_gg_ .___SShadowVertical_s0isx_gg_:after{z-index:2}", /*__inner_css_end__*/"s0isx_gg_"),
39
+ var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_1ks92_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_{overflow:visible;overflow:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_{overflow:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_.__loading_1ks92_gg_{overflow:hidden}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__headerHeight_1ks92_gg_{scroll-padding-top:var(--headerHeight_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__leftScrollPadding_1ks92_gg_{scroll-padding-left:var(--leftScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__rightScrollPadding_1ks92_gg_{scroll-padding-right:var(--rightScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:before{display:none}.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:after,.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:before,.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:after{z-index:2}", /*__inner_css_end__*/"1ks92_gg_"),
40
40
  /*__reshadow_css_end__*/
41
41
  {
42
- "__SScrollArea": "___SScrollArea_s0isx_gg_",
43
- "__SContainer": "___SContainer_s0isx_gg_",
44
- "_scrollDirection_both": "_scrollDirection_both_s0isx_gg_",
45
- "_scrollDirection_horizontal": "_scrollDirection_horizontal_s0isx_gg_",
46
- "_scrollDirection_vertical": "_scrollDirection_vertical_s0isx_gg_",
47
- "_loading": "__loading_s0isx_gg_",
48
- "_headerHeight": "__headerHeight_s0isx_gg_",
49
- "--headerHeight": "--headerHeight_s0isx",
50
- "_leftScrollPadding": "__leftScrollPadding_s0isx_gg_",
51
- "--leftScrollPadding": "--leftScrollPadding_s0isx",
52
- "_rightScrollPadding": "__rightScrollPadding_s0isx_gg_",
53
- "--rightScrollPadding": "--rightScrollPadding_s0isx",
54
- "__SShadowVertical": "___SShadowVertical_s0isx_gg_",
55
- "__SShadowHorizontal": "___SShadowHorizontal_s0isx_gg_"
42
+ "__SScrollArea": "___SScrollArea_1ks92_gg_",
43
+ "__SContainer": "___SContainer_1ks92_gg_",
44
+ "_scrollDirection_both": "_scrollDirection_both_1ks92_gg_",
45
+ "_loading": "__loading_1ks92_gg_",
46
+ "_scrollDirection_horizontal": "_scrollDirection_horizontal_1ks92_gg_",
47
+ "_scrollDirection_vertical": "_scrollDirection_vertical_1ks92_gg_",
48
+ "_headerHeight": "__headerHeight_1ks92_gg_",
49
+ "--headerHeight": "--headerHeight_1ks92",
50
+ "_leftScrollPadding": "__leftScrollPadding_1ks92_gg_",
51
+ "--leftScrollPadding": "--leftScrollPadding_1ks92",
52
+ "_rightScrollPadding": "__rightScrollPadding_1ks92_gg_",
53
+ "--rightScrollPadding": "--rightScrollPadding_1ks92",
54
+ "__SShadowVertical": "___SShadowVertical_1ks92_gg_",
55
+ "__SShadowHorizontal": "___SShadowHorizontal_1ks92_gg_"
56
56
  });
57
57
  import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
58
58
  import { Body } from '../Body/Body';
@@ -99,19 +99,18 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
99
99
  var _this$asProps = _this.asProps,
100
100
  selectedRows = _this$asProps.selectedRows,
101
101
  onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
102
- if (selectedRows && onSelectedRowsChange) {
103
- var newSelectedRows = new Set(selectedRows);
104
- if (isSelected && !newSelectedRows.has(row[UNIQ_ROW_KEY])) {
105
- newSelectedRows.add(row[UNIQ_ROW_KEY]);
106
- } else if (!isSelected && newSelectedRows.has(row[UNIQ_ROW_KEY])) {
107
- newSelectedRows["delete"](row[UNIQ_ROW_KEY]);
108
- }
109
- onSelectedRowsChange(_toConsumableArray(newSelectedRows), event, {
110
- selectedRowIndex: selectedRowIndex,
111
- isSelected: isSelected,
112
- row: row
113
- });
102
+ if (!selectedRows || !onSelectedRowsChange) return;
103
+ var selectedRowsSet = new Set(selectedRows);
104
+ if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {
105
+ selectedRowsSet["delete"](row[UNIQ_ROW_KEY]);
106
+ } else {
107
+ selectedRowsSet.add(row[UNIQ_ROW_KEY]);
114
108
  }
109
+ onSelectedRowsChange(Array.from(selectedRowsSet), event, {
110
+ selectedRowIndex: selectedRowIndex,
111
+ isSelected: isSelected,
112
+ row: row
113
+ });
115
114
  });
116
115
  _defineProperty(_this, "setSelectAllMessage", function (selectedAll) {
117
116
  if (_this.selectAllMessageTimer) {
@@ -407,7 +406,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
407
406
  var _this2 = this;
408
407
  var _this$asProps2 = this.asProps,
409
408
  headerProps = _this$asProps2.headerProps,
410
- loading = _this$asProps2.loading;
409
+ loading = _this$asProps2.loading,
410
+ selectedRows = _this$asProps2.selectedRows;
411
411
  if (headerProps !== null && headerProps !== void 0 && headerProps.sticky && !headerProps.h || loading || this.columns.some(function (c) {
412
412
  return c.fixed;
413
413
  })) {
@@ -524,15 +524,18 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
524
524
  sideIndents: sideIndents,
525
525
  totalRows: this.totalRows,
526
526
  selectedRows: selectedRows,
527
+ flatRows: this.flatRows,
527
528
  onChangeSelectAll: function onChangeSelectAll(value, e) {
528
- if (value === false) {
529
- onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange([], e);
529
+ var mappedFlatRows = _this3.flatRows.map(function (r) {
530
+ return r[UNIQ_ROW_KEY];
531
+ });
532
+ var selectedRowsSet = new Set(selectedRows);
533
+ if (value) {
534
+ mappedFlatRows.forEach(selectedRowsSet.add, selectedRowsSet);
530
535
  } else {
531
- var _selectedRows = _this3.flatRows.map(function (row) {
532
- return row[UNIQ_ROW_KEY];
533
- });
534
- onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(_selectedRows, e);
536
+ mappedFlatRows.forEach(selectedRowsSet["delete"], selectedRowsSet);
535
537
  }
538
+ onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(Array.from(selectedRowsSet), e);
536
539
  },
537
540
  getFixedStyle: this.getFixedStyle,
538
541
  onCellClick: this.handleCellClick