@semcore/data-table 16.4.0 → 16.4.2-prerelease.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/cjs/components/AccordionRows/AccordionRows.js +176 -0
  3. package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -0
  4. package/lib/cjs/components/Body/Body.js +128 -114
  5. package/lib/cjs/components/Body/Body.js.map +1 -1
  6. package/lib/cjs/components/Body/Body.types.js.map +1 -1
  7. package/lib/cjs/components/Body/Cell.js +63 -104
  8. package/lib/cjs/components/Body/Cell.js.map +1 -1
  9. package/lib/cjs/components/Body/Cell.types.js.map +1 -1
  10. package/lib/cjs/components/Body/LimitOverlay.js +55 -53
  11. package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
  12. package/lib/cjs/components/Body/Row.js +218 -236
  13. package/lib/cjs/components/Body/Row.js.map +1 -1
  14. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  15. package/lib/cjs/components/Body/style.shadow.css +32 -8
  16. package/lib/cjs/components/DataTable/DataTable.js +41 -31
  17. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  18. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  19. package/lib/cjs/components/Head/Column.js +36 -36
  20. package/lib/cjs/components/Head/Column.types.js.map +1 -1
  21. package/lib/cjs/components/Head/Group.js +36 -36
  22. package/lib/cjs/components/Head/Head.js +36 -36
  23. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  24. package/lib/cjs/enhancers/focusableCell.js +15 -5
  25. package/lib/cjs/enhancers/focusableCell.js.map +1 -1
  26. package/lib/es6/components/AccordionRows/AccordionRows.js +170 -0
  27. package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -0
  28. package/lib/es6/components/Body/Body.js +128 -114
  29. package/lib/es6/components/Body/Body.js.map +1 -1
  30. package/lib/es6/components/Body/Body.types.js.map +1 -1
  31. package/lib/es6/components/Body/Cell.js +64 -105
  32. package/lib/es6/components/Body/Cell.js.map +1 -1
  33. package/lib/es6/components/Body/Cell.types.js.map +1 -1
  34. package/lib/es6/components/Body/LimitOverlay.js +55 -53
  35. package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
  36. package/lib/es6/components/Body/Row.js +218 -236
  37. package/lib/es6/components/Body/Row.js.map +1 -1
  38. package/lib/es6/components/Body/Row.types.js.map +1 -1
  39. package/lib/es6/components/Body/style.shadow.css +32 -8
  40. package/lib/es6/components/DataTable/DataTable.js +41 -31
  41. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  42. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  43. package/lib/es6/components/Head/Column.js +36 -36
  44. package/lib/es6/components/Head/Column.types.js.map +1 -1
  45. package/lib/es6/components/Head/Group.js +36 -36
  46. package/lib/es6/components/Head/Head.js +36 -36
  47. package/lib/es6/components/Head/Head.types.js.map +1 -1
  48. package/lib/es6/enhancers/focusableCell.js +15 -5
  49. package/lib/es6/enhancers/focusableCell.js.map +1 -1
  50. package/lib/esm/components/AccordionRows/AccordionRows.mjs +155 -0
  51. package/lib/esm/components/Body/Body.mjs +84 -70
  52. package/lib/esm/components/Body/Cell.mjs +58 -88
  53. package/lib/esm/components/Body/LimitOverlay.mjs +56 -54
  54. package/lib/esm/components/Body/Row.mjs +171 -189
  55. package/lib/esm/components/Body/style.shadow.css +32 -8
  56. package/lib/esm/components/DataTable/DataTable.mjs +42 -33
  57. package/lib/esm/components/Head/Column.mjs +37 -37
  58. package/lib/esm/components/Head/Group.mjs +37 -37
  59. package/lib/esm/components/Head/Head.mjs +37 -37
  60. package/lib/esm/enhancers/focusableCell.mjs +15 -5
  61. package/lib/types/components/AccordionRows/AccordionRows.d.ts +39 -0
  62. package/lib/types/components/Body/Body.types.d.ts +5 -4
  63. package/lib/types/components/Body/Cell.types.d.ts +6 -11
  64. package/lib/types/components/Body/Row.d.ts +10 -10
  65. package/lib/types/components/Body/Row.types.d.ts +9 -9
  66. package/lib/types/components/DataTable/DataTable.types.d.ts +6 -1
  67. package/lib/types/components/Head/Column.types.d.ts +2 -2
  68. package/lib/types/components/Head/Head.types.d.ts +2 -2
  69. package/package.json +22 -22
@@ -0,0 +1,170 @@
1
+ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/createClass";
3
+ import _callSuper from "@babel/runtime/helpers/callSuper";
4
+ import _inherits from "@babel/runtime/helpers/inherits";
5
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
+ import { sstyled as _sstyled } from "@semcore/core";
7
+ import { Box } from '@semcore/base-components';
8
+ import { sstyled } from '@semcore/core';
9
+ import React from 'react';
10
+ import { Row } from '../Body/Row';
11
+ /*!__reshadow-styles__:"../Body/style.shadow.css"*/
12
+ var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBody_oaa9z_gg_,.___SRowGroup_oaa9z_gg_,.___SRow_oaa9z_gg_{display:contents}.___SAccordionRows_oaa9z_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_oaa9z);overflow:clip;transition-property:max-height;transition-duration:var(--duration_oaa9z);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SRow_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level],.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_oaa9z_gg_.__gridArea_oaa9z_gg_,.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_,.___SRow_oaa9z_gg_.__gridArea_oaa9z_gg_{grid-area:var(--gridArea_oaa9z)}.___SCellWrapper_oaa9z_gg_{height:100%;overflow:hidden}.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_,.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_{height:auto;overflow:auto}.___SAccordionRows_oaa9z_gg_>.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_:last-child>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__withoutBorder_oaa9z_gg_),.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__withoutBorder_oaa9z_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_{display:block}.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_).__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_,.___SRow_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._accordionType_row_oaa9z_gg_.__expanded_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:not(._accordionType_row_oaa9z_gg_.__expanded_oaa9z_gg_):hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_muted_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_info_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_success_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_warning_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_danger_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_oaa9z_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);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;overflow:hidden}.___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_.__expanded_oaa9z_gg_ svg{transform:rotate(90deg)}.___SCell_oaa9z_gg_.__withoutBorder_oaa9z_gg_{border-bottom:none}.___SCell_oaa9z_gg_.__withAccordion_oaa9z_gg_,.___SCell_oaa9z_gg_._name_Symbol\\(SELECT_ALL\\)_oaa9z_gg_,.___SRow_oaa9z_gg_._accordionType_row_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_{cursor:pointer}.___SCheckboxCell_oaa9z_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_oaa9z_gg_._use_primary_oaa9z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_oaa9z_gg_._use_primary_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCell_oaa9z_gg_._use_secondary_oaa9z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_oaa9z_gg_._use_secondary_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCell_oaa9z_gg_._borders_both_oaa9z_gg_,.___SCell_oaa9z_gg_._borders_left_oaa9z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_oaa9z_gg_._borders_both_oaa9z_gg_,.___SCell_oaa9z_gg_._borders_right_oaa9z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_oaa9z_gg_.__fixed_oaa9z_gg_{position:sticky;z-index:2}.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_oaa9z_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));z-index:15}.___SSpinContainer_oaa9z_gg_:focus-visible{z-index:15}.___SSpinContainer_oaa9z_gg_.__headerHeight_oaa9z_gg_{top:var(--headerHeight_oaa9z)}.___SEmptyData_oaa9z_gg_{grid-column:1/-1}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_,.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level],.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:last-child .___SCell_oaa9z_gg_,.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:last-child .___SCell_oaa9z_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_oaa9z_gg_.__fixed_oaa9z_gg_.__shadowVertical_oaa9z_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_gg_{margin-right:-5px}.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_:after,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_ .___SCell_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_gg_ .___SCell_oaa9z_gg_{margin-right:5px}.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_gg_{margin-left:-5px}.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_:after,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_ .___SCell_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_gg_ .___SCell_oaa9z_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_oaa9z_gg_.__gridArea_oaa9z_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_oaa9z);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_oaa9z_gg_.__left_oaa9z_gg_{position:sticky;left:var(---left_oaa9z)}.___SCell_oaa9z_gg_.__innerOutline_oaa9z_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"oaa9z_gg_"),
13
+ /*__reshadow_css_end__*/
14
+ {
15
+ "__SBody": "___SBody_oaa9z_gg_",
16
+ "__SRow": "___SRow_oaa9z_gg_",
17
+ "__SRowGroup": "___SRowGroup_oaa9z_gg_",
18
+ "__SAccordionRows": "___SAccordionRows_oaa9z_gg_",
19
+ "--gridRow": "--gridRow_oaa9z",
20
+ "--duration": "--duration_oaa9z",
21
+ "_gridArea": "__gridArea_oaa9z_gg_",
22
+ "__SCellWrapper": "___SCellWrapper_oaa9z_gg_",
23
+ "__SCollapseRow": "___SCollapseRow_oaa9z_gg_",
24
+ "--gridArea": "--gridArea_oaa9z",
25
+ "_isAccordionRow": "__isAccordionRow_oaa9z_gg_",
26
+ "__SCell": "___SCell_oaa9z_gg_",
27
+ "_withoutBorder": "__withoutBorder_oaa9z_gg_",
28
+ "_active": "__active_oaa9z_gg_",
29
+ "_theme": "__theme_oaa9z_gg_",
30
+ "_accordionType_row": "_accordionType_row_oaa9z_gg_",
31
+ "_expanded": "__expanded_oaa9z_gg_",
32
+ "_withAccordion": "__withAccordion_oaa9z_gg_",
33
+ "_theme_muted": "_theme_muted_oaa9z_gg_",
34
+ "_theme_info": "_theme_info_oaa9z_gg_",
35
+ "_theme_success": "_theme_success_oaa9z_gg_",
36
+ "_theme_warning": "_theme_warning_oaa9z_gg_",
37
+ "_theme_danger": "_theme_danger_oaa9z_gg_",
38
+ "_isNonInteractive": "__isNonInteractive_oaa9z_gg_",
39
+ "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_oaa9z_gg_",
40
+ "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_oaa9z_gg_",
41
+ "__SCheckboxCell": "___SCheckboxCell_oaa9z_gg_",
42
+ "_borders_both": "_borders_both_oaa9z_gg_",
43
+ "_borders_left": "_borders_left_oaa9z_gg_",
44
+ "_borders_right": "_borders_right_oaa9z_gg_",
45
+ "_fixed": "__fixed_oaa9z_gg_",
46
+ "__SSpinContainer": "___SSpinContainer_oaa9z_gg_",
47
+ "_headerHeight": "__headerHeight_oaa9z_gg_",
48
+ "--headerHeight": "--headerHeight_oaa9z",
49
+ "__SEmptyData": "___SEmptyData_oaa9z_gg_",
50
+ "_left": "__left_oaa9z_gg_",
51
+ "---left": "---left_oaa9z",
52
+ "_innerOutline": "__innerOutline_oaa9z_gg_",
53
+ "_compact": "__compact_oaa9z_gg_",
54
+ "--data-aria-level": "--data-aria-level_oaa9z",
55
+ "_sideIndents_wide": "_sideIndents_wide_oaa9z_gg_",
56
+ "__SAccordionToggle": "___SAccordionToggle_oaa9z_gg_",
57
+ "_use_primary": "_use_primary_oaa9z_gg_",
58
+ "_use_secondary": "_use_secondary_oaa9z_gg_",
59
+ "_shadowVertical": "__shadowVertical_oaa9z_gg_",
60
+ "_fixed_left": "_fixed_left_oaa9z_gg_",
61
+ "_shadowVertical_median": "_shadowVertical_median_oaa9z_gg_",
62
+ "_shadowVertical_start": "_shadowVertical_start_oaa9z_gg_",
63
+ "_fixed_right": "_fixed_right_oaa9z_gg_",
64
+ "_shadowVertical_end": "_shadowVertical_end_oaa9z_gg_"
65
+ });
66
+ export var AccordionRows = /*#__PURE__*/function (_React$PureComponent) {
67
+ function AccordionRows() {
68
+ var _this;
69
+ _classCallCheck(this, AccordionRows);
70
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
71
+ args[_key] = arguments[_key];
72
+ }
73
+ _this = _callSuper(this, AccordionRows, [].concat(args));
74
+ _defineProperty(_this, "accordionRowsRef", /*#__PURE__*/React.createRef());
75
+ _defineProperty(_this, "state", {
76
+ maxHeight: 0
77
+ });
78
+ return _this;
79
+ }
80
+ _inherits(AccordionRows, _React$PureComponent);
81
+ return _createClass(AccordionRows, [{
82
+ key: "componentDidUpdate",
83
+ value: function componentDidUpdate(prevProps) {
84
+ var _this$props = this.props,
85
+ expanded = _this$props.expanded,
86
+ rows = _this$props.rows,
87
+ expandedForAnimation = _this$props.expandedForAnimation;
88
+ if (prevProps.expanded !== expanded && expanded) {
89
+ this.setState({
90
+ maxHeight: 2000 // some value, more than real window height
91
+ });
92
+ }
93
+ if (prevProps.rows !== rows && this.accordionRowsRef.current) {
94
+ this.setState({
95
+ maxHeight: this.accordionRowsRef.current.scrollHeight
96
+ });
97
+ }
98
+ if (prevProps.expandedForAnimation !== expandedForAnimation && expandedForAnimation && !expanded) {
99
+ this.setState({
100
+ maxHeight: 0
101
+ });
102
+ }
103
+ }
104
+ }, {
105
+ key: "render",
106
+ value: function render() {
107
+ var _ref;
108
+ var SAccordionRows = Box;
109
+ var _this$props2 = this.props,
110
+ accordionId = _this$props2.accordionId,
111
+ rows = _this$props2.rows,
112
+ expanded = _this$props2.expanded,
113
+ expandedForAnimation = _this$props2.expandedForAnimation,
114
+ getFixedStyle = _this$props2.getFixedStyle,
115
+ columns = _this$props2.columns,
116
+ rowIndex = _this$props2.rowIndex,
117
+ ariaLevel = _this$props2['aria-level'],
118
+ gridRowIndex = _this$props2.gridRowIndex,
119
+ use = _this$props2.use,
120
+ shadowVertical = _this$props2.shadowVertical,
121
+ accordionDuration = _this$props2.accordionDuration,
122
+ accordionAnimationRows = _this$props2.accordionAnimationRows,
123
+ variant = _this$props2.variant,
124
+ flatRows = _this$props2.flatRows,
125
+ sideIndents = _this$props2.sideIndents,
126
+ renderCell = _this$props2.renderCell,
127
+ rawData = _this$props2.rawData,
128
+ limit = _this$props2.limit;
129
+ return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SAccordionRows, _ref.cn("SAccordionRows", {
130
+ "id": accordionId,
131
+ "role": 'rowgroup',
132
+ "aria-hidden": !expanded,
133
+ "ref": this.accordionRowsRef,
134
+ "hMax": "".concat(this.state.maxHeight, "px"),
135
+ "duration": "".concat(accordionDuration, "ms"),
136
+ "gridRow": "".concat(gridRowIndex + 1, " / ").concat(gridRowIndex + 1 + rows.length)
137
+ }), (expanded || expandedForAnimation) && rows.map(function (subrow, i) {
138
+ return /*#__PURE__*/React.createElement(Row, {
139
+ key: i
140
+ // @ts-ignore
141
+ ,
142
+ row: subrow,
143
+ columns: columns,
144
+ rows: rows,
145
+ rowIndex: rowIndex,
146
+ "aria-hidden": !expanded,
147
+ "aria-posinset": i + 1,
148
+ "aria-level": ariaLevel + 1,
149
+ gridRowIndex: gridRowIndex + 1 + i,
150
+ isAccordionRow: true,
151
+ accordionIndex: i,
152
+ getFixedStyle: getFixedStyle,
153
+ animationExpand: expanded,
154
+ accordionRowIndex: i,
155
+ use: use,
156
+ shadowVertical: shadowVertical,
157
+ accordionDuration: accordionDuration,
158
+ accordionAnimationRows: accordionAnimationRows,
159
+ variant: variant,
160
+ flatRows: flatRows,
161
+ sideIndents: sideIndents,
162
+ renderCell: renderCell,
163
+ rawData: rawData,
164
+ limit: limit
165
+ });
166
+ }));
167
+ }
168
+ }]);
169
+ }(React.PureComponent);
170
+ //# sourceMappingURL=AccordionRows.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionRows.js","names":["Box","sstyled","React","Row","styles","_sstyled","insert","AccordionRows","_React$PureComponent","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","maxHeight","_inherits","_createClass","key","value","componentDidUpdate","prevProps","_this$props","props","expanded","rows","expandedForAnimation","setState","accordionRowsRef","current","scrollHeight","render","_ref","SAccordionRows","_this$props2","accordionId","getFixedStyle","columns","rowIndex","ariaLevel","gridRowIndex","use","shadowVertical","accordionDuration","accordionAnimationRows","variant","flatRows","sideIndents","renderCell","rawData","limit","createElement","cn","state","map","subrow","i","row","isAccordionRow","accordionIndex","animationExpand","accordionRowIndex","PureComponent"],"sources":["../../../../src/components/AccordionRows/AccordionRows.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/core/lib/utils/rafTrottle';\nimport React from 'react';\n\nimport type { CellRenderProps } from '../Body/Body.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow, DTRows } from '../Body/Row.types';\nimport styles from '../Body/style.shadow.css';\nimport type { DataTableData, DataTableProps, DataRowItem, DTUse } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype AccordionRowsProps<Data extends DataTableData, UniqKeyType> = {\n accordionId: string;\n expanded: boolean;\n expandedForAnimation: boolean;\n\n tableRef: React.RefObject<HTMLDivElement>;\n\n use: DTUse;\n columns: DTColumn[];\n row: DTRow<UniqKeyType> | DTRow<UniqKeyType>[];\n rows: DTRows<UniqKeyType>;\n flatRows: DTRow<UniqKeyType>[];\n rowIndex: number; // from 0\n gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n accordionDuration: number | [number, number];\n accordionAnimationRows: number;\n sideIndents: 'wide' | undefined;\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n\n renderCell: ((props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>) | undefined;\n rawData: DataRowItem[];\n shadowVertical: '' | 'end' | 'start' | 'median' | undefined;\n variant: DataTableProps<any, any, any>['variant'];\n limit: DataTableProps<any, any, any>['limit'];\n} & {\n 'aria-level': number;\n};\n\ntype State = {\n maxHeight: number;\n};\n\nexport class AccordionRows<Data extends DataTableData, UniqKeyType> extends React.PureComponent<AccordionRowsProps<Data, UniqKeyType>, State> {\n accordionRowsRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n maxHeight: 0,\n };\n\n componentDidUpdate(prevProps: Readonly<AccordionRowsProps<Data, UniqKeyType>>): void {\n const { expanded, rows, expandedForAnimation } = this.props;\n\n if (prevProps.expanded !== expanded && expanded) {\n this.setState({\n maxHeight: 2000, // some value, more than real window height\n });\n }\n if (prevProps.rows !== rows && this.accordionRowsRef.current) {\n this.setState({\n maxHeight: this.accordionRowsRef.current.scrollHeight,\n });\n }\n if (prevProps.expandedForAnimation !== expandedForAnimation && expandedForAnimation && !expanded) {\n this.setState({ maxHeight: 0 });\n }\n }\n\n render(): React.ReactNode {\n const SAccordionRows = Box;\n\n const {\n accordionId,\n rows,\n expanded,\n expandedForAnimation,\n getFixedStyle,\n columns,\n rowIndex,\n 'aria-level': ariaLevel,\n gridRowIndex,\n use,\n shadowVertical,\n accordionDuration,\n accordionAnimationRows,\n variant,\n flatRows,\n sideIndents,\n renderCell,\n rawData,\n limit,\n } = this.props;\n\n return sstyled(styles)(\n <SAccordionRows\n id={accordionId}\n role='rowgroup'\n aria-hidden={!expanded}\n ref={this.accordionRowsRef}\n hMax={`${this.state.maxHeight}px`}\n // @ts-ignore\n duration={`${accordionDuration}ms`}\n gridRow={`${gridRowIndex + 1} / ${gridRowIndex + 1 + rows.length}`}\n >\n {(expanded || expandedForAnimation) && rows.map((subrow, i) => {\n return (\n <Row\n key={i}\n // @ts-ignore\n row={subrow}\n columns={columns}\n rows={rows}\n rowIndex={rowIndex}\n aria-hidden={!expanded}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n gridRowIndex={gridRowIndex + 1 + i}\n isAccordionRow={true}\n accordionIndex={i}\n getFixedStyle={getFixedStyle}\n animationExpand={expanded}\n accordionRowIndex={i}\n use={use}\n shadowVertical={shadowVertical}\n accordionDuration={accordionDuration}\n accordionAnimationRows={accordionAnimationRows}\n variant={variant}\n flatRows={flatRows}\n sideIndents={sideIndents}\n renderCell={renderCell}\n rawData={rawData}\n limit={limit}\n />\n );\n })}\n </SAccordionRows>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}