@semcore/data-table 16.5.2 → 16.5.3-prerelease.1

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 (56) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +4 -4
  3. package/lib/cjs/components/AccordionRows/AccordionRows.js +51 -51
  4. package/lib/cjs/components/Body/Body.js +82 -58
  5. package/lib/cjs/components/Body/Body.js.map +1 -1
  6. package/lib/cjs/components/Body/Cell.js +51 -51
  7. package/lib/cjs/components/Body/LimitOverlay.js +51 -51
  8. package/lib/cjs/components/Body/Row.js +63 -56
  9. package/lib/cjs/components/Body/Row.js.map +1 -1
  10. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  11. package/lib/cjs/components/DataTable/DataTable.js +64 -52
  12. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  13. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  14. package/lib/cjs/components/Head/Column.js +36 -36
  15. package/lib/cjs/components/Head/Column.js.map +1 -1
  16. package/lib/cjs/components/Head/Column.types.js.map +1 -1
  17. package/lib/cjs/components/Head/Group.js +36 -36
  18. package/lib/cjs/components/Head/Head.js +107 -87
  19. package/lib/cjs/components/Head/Head.js.map +1 -1
  20. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  21. package/lib/cjs/index.js.map +1 -1
  22. package/lib/es6/components/AccordionRows/AccordionRows.js +51 -51
  23. package/lib/es6/components/Body/Body.js +84 -60
  24. package/lib/es6/components/Body/Body.js.map +1 -1
  25. package/lib/es6/components/Body/Cell.js +51 -51
  26. package/lib/es6/components/Body/LimitOverlay.js +51 -51
  27. package/lib/es6/components/Body/Row.js +63 -56
  28. package/lib/es6/components/Body/Row.js.map +1 -1
  29. package/lib/es6/components/Body/Row.types.js.map +1 -1
  30. package/lib/es6/components/DataTable/DataTable.js +64 -52
  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 +36 -36
  34. package/lib/es6/components/Head/Column.js.map +1 -1
  35. package/lib/es6/components/Head/Column.types.js.map +1 -1
  36. package/lib/es6/components/Head/Group.js +36 -36
  37. package/lib/es6/components/Head/Head.js +107 -87
  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/index.js.map +1 -1
  41. package/lib/esm/components/AccordionRows/AccordionRows.mjs +52 -52
  42. package/lib/esm/components/Body/Body.mjs +83 -61
  43. package/lib/esm/components/Body/Cell.mjs +52 -52
  44. package/lib/esm/components/Body/LimitOverlay.mjs +52 -52
  45. package/lib/esm/components/Body/Row.mjs +62 -57
  46. package/lib/esm/components/DataTable/DataTable.mjs +65 -54
  47. package/lib/esm/components/Head/Column.mjs +37 -37
  48. package/lib/esm/components/Head/Group.mjs +37 -37
  49. package/lib/esm/components/Head/Head.mjs +72 -51
  50. package/lib/types/components/Body/Row.types.d.ts +2 -1
  51. package/lib/types/components/DataTable/DataTable.types.d.ts +10 -2
  52. package/lib/types/components/Head/Column.d.ts +6 -1
  53. package/lib/types/components/Head/Column.types.d.ts +6 -1
  54. package/lib/types/components/Head/Head.types.d.ts +7 -2
  55. package/lib/types/index.d.ts +2 -1
  56. package/package.json +9 -9
@@ -15,44 +15,44 @@ import React from 'react';
15
15
  import { Column } from './Column';
16
16
  import { Group } from './Group';
17
17
  /*!__reshadow-styles__:"./style.shadow.css"*/
18
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1gxw0_gg_,.___SHead_1gxw0_gg_{display:contents}.___SHead_1gxw0_gg_.__isDataEmpty_1gxw0_gg_.__gridTemplateColumns_1gxw0_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1gxw0);overflow:auto;scrollbar-width:thin}.___SHead_1gxw0_gg_.__animationDuration_1gxw0_gg_>.___SColumn_1gxw0_gg_{transition:top var(--animationDuration_1gxw0) ease-out}.___SHead_1gxw0_gg_.__sticky_1gxw0_gg_ .___SColumn_1gxw0_gg_,.___SHead_1gxw0_gg_.__sticky_1gxw0_gg_ .___SGroup_1gxw0_gg_{position:sticky;top:0;z-index:18}.___SHead_1gxw0_gg_.__sticky_1gxw0_gg_ .___SGroupContainer_1gxw0_gg_>.___SColumn_1gxw0_gg_{position:sticky;z-index:18}.___SHead_1gxw0_gg_.__compact_1gxw0_gg_ .___SColumn_1gxw0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1gxw0_gg_,.___SGroup_1gxw0_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1gxw0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1gxw0_gg_._use_primary_1gxw0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1gxw0_gg_._use_primary_1gxw0_gg_:has(~.___SColumn_1gxw0_gg_.__visibleSort_1gxw0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1gxw0_gg_._use_secondary_1gxw0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1gxw0_gg_._borders_both_1gxw0_gg_,.___SColumn_1gxw0_gg_._borders_left_1gxw0_gg_,.___SGroup_1gxw0_gg_._borders_both_1gxw0_gg_,.___SGroup_1gxw0_gg_._borders_left_1gxw0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1gxw0_gg_._borders_both_1gxw0_gg_,.___SColumn_1gxw0_gg_._borders_right_1gxw0_gg_,.___SGroup_1gxw0_gg_._borders_both_1gxw0_gg_,.___SGroup_1gxw0_gg_._borders_right_1gxw0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_.__visibleSort_1gxw0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortButton_1gxw0_gg_,.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_::before,.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_::before{display:flex;opacity:1}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_._justifyContent_right_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_{position:absolute}.___SColumn_1gxw0_gg_._use_primary_1gxw0_gg_._justifyContent_right_1gxw0_gg_.__changeSortSize_1gxw0_gg_.__isSorted_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_,.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_._justifyContent_right_1gxw0_gg_.__changeSortSize_1gxw0_gg_.__isSorted_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_{position:relative}.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_.__visibleSort_1gxw0_gg_ .___SSortButton_1gxw0_gg_{display:flex;opacity:1}.___SColumn_1gxw0_gg_._use_secondary_1gxw0_gg_._justifyContent_right_1gxw0_gg_ .___SSortWrapper_1gxw0_gg_{position:absolute}.___SColumn_1gxw0_gg_.__gridArea_1gxw0_gg_,.___SGroupTitle_1gxw0_gg_.__gridArea_1gxw0_gg_,.___SGroup_1gxw0_gg_.__gridArea_1gxw0_gg_{grid-area:var(--gridArea_1gxw0)}.___SHead_1gxw0_gg_ .___SColumn_1gxw0_gg_.__fixed_1gxw0_gg_,.___SHead_1gxw0_gg_ .___SGroup_1gxw0_gg_.__fixed_1gxw0_gg_,.___SHead_1gxw0_gg_.__sticky_1gxw0_gg_ .___SColumn_1gxw0_gg_.__fixed_1gxw0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1gxw0_gg_.__sortable_1gxw0_gg_:hover{cursor:pointer}}.___SSortWrapper_1gxw0_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1gxw0_gg_,.___SSortWrapper_1gxw0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1gxw0_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1gxw0_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1gxw0_gg_._sideIndents_wide_1gxw0_gg_ .___SColumn_1gxw0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1gxw0_gg_._sideIndents_wide_1gxw0_gg_ .___SColumn_1gxw0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1gxw0_gg_{cursor:pointer}.___SColumn_1gxw0_gg_.__fixed_1gxw0_gg_.__shadowVertical_1gxw0_gg_:after,.___SGroup_1gxw0_gg_.__fixed_1gxw0_gg_.__shadowVertical_1gxw0_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_primary_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_._use_primary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_primary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_._use_primary_1gxw0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_._use_secondary_1gxw0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_:after,.___SColumn_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_:after,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_median_1gxw0_gg_:after,.___SGroup_1gxw0_gg_._fixed_left_1gxw0_gg_._shadowVertical_start_1gxw0_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_._use_primary_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_primary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_._use_primary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_primary_1gxw0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_._use_secondary_1gxw0_gg_,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_._use_secondary_1gxw0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_:after,.___SColumn_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_:after,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_end_1gxw0_gg_:after,.___SGroup_1gxw0_gg_._fixed_right_1gxw0_gg_._shadowVertical_median_1gxw0_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1gxw0_gg_"),
18
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1141v_gg_,.___SHead_1141v_gg_{display:contents}.___SHead_1141v_gg_.__isDataEmpty_1141v_gg_.__gridTemplateColumns_1141v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1141v);overflow:auto;scrollbar-width:thin}.___SHead_1141v_gg_.__animationDuration_1141v_gg_>.___SColumn_1141v_gg_{transition:top var(--animationDuration_1141v) ease-out}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroup_1141v_gg_{position:sticky;top:0;z-index:18}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroupContainer_1141v_gg_>.___SColumn_1141v_gg_{position:sticky;z-index:18}.___SHead_1141v_gg_.__compact_1141v_gg_ .___SColumn_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_,.___SGroup_1141v_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1141v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1141v_gg_._use_primary_1141v_gg_:has(~.___SColumn_1141v_gg_.__visibleSort_1141v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_left_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_left_1141v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_right_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_right_1141v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_,.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before,.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before{display:flex;opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_,.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_{position:relative}.___SColumn_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_{display:flex;opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_.__gridArea_1141v_gg_,.___SGroupTitle_1141v_gg_.__gridArea_1141v_gg_,.___SGroup_1141v_gg_.__gridArea_1141v_gg_{grid-area:var(--gridArea_1141v)}.___SHead_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_ .___SGroup_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1141v_gg_.__sortable_1141v_gg_:hover{cursor:pointer}}.___SSortWrapper_1141v_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1141v_gg_,.___SSortWrapper_1141v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1141v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1141v_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1141v_gg_{cursor:pointer}.___SColumn_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after,.___SGroup_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}", /*__inner_css_end__*/"1141v_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__SHead": "___SHead_1gxw0_gg_",
22
- "__SGroupContainer": "___SGroupContainer_1gxw0_gg_",
23
- "_isDataEmpty": "__isDataEmpty_1gxw0_gg_",
24
- "_gridTemplateColumns": "__gridTemplateColumns_1gxw0_gg_",
25
- "--gridTemplateColumns": "--gridTemplateColumns_1gxw0",
26
- "_animationDuration": "__animationDuration_1gxw0_gg_",
27
- "__SColumn": "___SColumn_1gxw0_gg_",
28
- "--animationDuration": "--animationDuration_1gxw0",
29
- "_sticky": "__sticky_1gxw0_gg_",
30
- "__SGroup": "___SGroup_1gxw0_gg_",
31
- "_compact": "__compact_1gxw0_gg_",
32
- "_use_secondary": "_use_secondary_1gxw0_gg_",
33
- "_borders_both": "_borders_both_1gxw0_gg_",
34
- "_borders_left": "_borders_left_1gxw0_gg_",
35
- "_borders_right": "_borders_right_1gxw0_gg_",
36
- "_gridArea": "__gridArea_1gxw0_gg_",
37
- "__SGroupTitle": "___SGroupTitle_1gxw0_gg_",
38
- "--gridArea": "--gridArea_1gxw0",
39
- "_fixed": "__fixed_1gxw0_gg_",
40
- "_sortable": "__sortable_1gxw0_gg_",
41
- "__SSortWrapper": "___SSortWrapper_1gxw0_gg_",
42
- "__SSortButton": "___SSortButton_1gxw0_gg_",
43
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_1gxw0_gg_",
44
- "_use_primary": "_use_primary_1gxw0_gg_",
45
- "_visibleSort": "__visibleSort_1gxw0_gg_",
46
- "_justifyContent_right": "_justifyContent_right_1gxw0_gg_",
47
- "_changeSortSize": "__changeSortSize_1gxw0_gg_",
48
- "_isSorted": "__isSorted_1gxw0_gg_",
49
- "_sideIndents_wide": "_sideIndents_wide_1gxw0_gg_",
50
- "_shadowVertical": "__shadowVertical_1gxw0_gg_",
51
- "_fixed_left": "_fixed_left_1gxw0_gg_",
52
- "_shadowVertical_median": "_shadowVertical_median_1gxw0_gg_",
53
- "_shadowVertical_start": "_shadowVertical_start_1gxw0_gg_",
54
- "_fixed_right": "_fixed_right_1gxw0_gg_",
55
- "_shadowVertical_end": "_shadowVertical_end_1gxw0_gg_"
21
+ "__SHead": "___SHead_1141v_gg_",
22
+ "__SGroupContainer": "___SGroupContainer_1141v_gg_",
23
+ "_isDataEmpty": "__isDataEmpty_1141v_gg_",
24
+ "_gridTemplateColumns": "__gridTemplateColumns_1141v_gg_",
25
+ "--gridTemplateColumns": "--gridTemplateColumns_1141v",
26
+ "_animationDuration": "__animationDuration_1141v_gg_",
27
+ "__SColumn": "___SColumn_1141v_gg_",
28
+ "--animationDuration": "--animationDuration_1141v",
29
+ "_sticky": "__sticky_1141v_gg_",
30
+ "__SGroup": "___SGroup_1141v_gg_",
31
+ "_compact": "__compact_1141v_gg_",
32
+ "_use_secondary": "_use_secondary_1141v_gg_",
33
+ "_borders_both": "_borders_both_1141v_gg_",
34
+ "_borders_left": "_borders_left_1141v_gg_",
35
+ "_borders_right": "_borders_right_1141v_gg_",
36
+ "_gridArea": "__gridArea_1141v_gg_",
37
+ "__SGroupTitle": "___SGroupTitle_1141v_gg_",
38
+ "--gridArea": "--gridArea_1141v",
39
+ "_fixed": "__fixed_1141v_gg_",
40
+ "_sortable": "__sortable_1141v_gg_",
41
+ "__SSortWrapper": "___SSortWrapper_1141v_gg_",
42
+ "__SSortButton": "___SSortButton_1141v_gg_",
43
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1141v_gg_",
44
+ "_use_primary": "_use_primary_1141v_gg_",
45
+ "_visibleSort": "__visibleSort_1141v_gg_",
46
+ "_justifyContent_right": "_justifyContent_right_1141v_gg_",
47
+ "_changeSortSize": "__changeSortSize_1141v_gg_",
48
+ "_isSorted": "__isSorted_1141v_gg_",
49
+ "_sideIndents_wide": "_sideIndents_wide_1141v_gg_",
50
+ "_shadowVertical": "__shadowVertical_1141v_gg_",
51
+ "_fixed_left": "_fixed_left_1141v_gg_",
52
+ "_shadowVertical_median": "_shadowVertical_median_1141v_gg_",
53
+ "_shadowVertical_start": "_shadowVertical_start_1141v_gg_",
54
+ "_fixed_right": "_fixed_right_1141v_gg_",
55
+ "_shadowVertical_end": "_shadowVertical_end_1141v_gg_"
56
56
  });
57
57
  import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
58
58
  var HeadRoot = /*#__PURE__*/function (_Component) {
@@ -65,14 +65,25 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
65
65
  _this = _callSuper(this, HeadRoot, [].concat(args));
66
66
  _defineProperty(_this, "handleSelectAll", function (value, event) {
67
67
  var _this$asProps$onChang, _this$asProps;
68
- (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, value, event);
68
+ var _this$asProps$selecte = _this.asProps.selectedRows,
69
+ selectedRows = _this$asProps$selecte === void 0 ? [] : _this$asProps$selecte;
70
+ var idsSet = new Set(selectedRows);
71
+ if (value) {
72
+ _this.selectableRows.forEach(function (row) {
73
+ idsSet.add(row[UNIQ_ROW_KEY]);
74
+ });
75
+ } else {
76
+ _this.selectableRows.forEach(function (row) {
77
+ idsSet["delete"](row[UNIQ_ROW_KEY]);
78
+ });
79
+ }
80
+ (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, Array.from(idsSet), event);
69
81
  });
70
82
  _defineProperty(_this, "handleClickSelectAll", function (value) {
71
83
  return function (event) {
72
- var _this$asProps$onChang2, _this$asProps2;
73
84
  event === null || event === void 0 || event.preventDefault();
74
85
  event === null || event === void 0 || event.stopPropagation();
75
- (_this$asProps$onChang2 = (_this$asProps2 = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang2 === void 0 || _this$asProps$onChang2.call(_this$asProps2, value, event);
86
+ _this.handleSelectAll(value, event);
76
87
  };
77
88
  });
78
89
  return _this;
@@ -89,14 +100,14 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
89
100
  value: function getGroupProps(props, index) {
90
101
  var fixed = props.fixed,
91
102
  columns = props.columns;
92
- var _this$asProps3 = this.asProps,
93
- use = _this$asProps3.use,
94
- gridAreaGroupMap = _this$asProps3.gridAreaGroupMap,
95
- children = _this$asProps3.children,
96
- getFixedStyle = _this$asProps3.getFixedStyle,
97
- shadowVertical = _this$asProps3.shadowVertical,
98
- top = _this$asProps3.top,
99
- scrollDirection = _this$asProps3.scrollDirection;
103
+ var _this$asProps2 = this.asProps,
104
+ use = _this$asProps2.use,
105
+ gridAreaGroupMap = _this$asProps2.gridAreaGroupMap,
106
+ children = _this$asProps2.children,
107
+ getFixedStyle = _this$asProps2.getFixedStyle,
108
+ shadowVertical = _this$asProps2.shadowVertical,
109
+ top = _this$asProps2.top,
110
+ scrollDirection = _this$asProps2.scrollDirection;
100
111
  var groupColumns = columns !== null && columns !== void 0 ? columns : [];
101
112
  var firstColumn = groupColumns[0];
102
113
  var lastColumn = groupColumns[groupColumns.length - 1];
@@ -141,22 +152,22 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
141
152
  }, {
142
153
  key: "getColumnProps",
143
154
  value: function getColumnProps(_, index) {
144
- var _this$asProps4 = this.asProps,
145
- use = _this$asProps4.use,
146
- columns = _this$asProps4.columns,
147
- sort = _this$asProps4.sort,
148
- onSortChange = _this$asProps4.onSortChange,
149
- tableRef = _this$asProps4.tableRef,
150
- gridTemplateColumns = _this$asProps4.gridTemplateColumns,
151
- gridTemplateAreas = _this$asProps4.gridTemplateAreas,
152
- sticky = _this$asProps4.sticky,
153
- top = _this$asProps4.top,
154
- selectedRows = _this$asProps4.selectedRows,
155
- h = _this$asProps4.h,
156
- getFixedStyle = _this$asProps4.getFixedStyle,
157
- onCellClick = _this$asProps4.onCellClick,
158
- shadowVertical = _this$asProps4.shadowVertical,
159
- scrollDirection = _this$asProps4.scrollDirection;
155
+ var _this$asProps3 = this.asProps,
156
+ use = _this$asProps3.use,
157
+ columns = _this$asProps3.columns,
158
+ sort = _this$asProps3.sort,
159
+ onSortChange = _this$asProps3.onSortChange,
160
+ tableRef = _this$asProps3.tableRef,
161
+ gridTemplateColumns = _this$asProps3.gridTemplateColumns,
162
+ gridTemplateAreas = _this$asProps3.gridTemplateAreas,
163
+ sticky = _this$asProps3.sticky,
164
+ top = _this$asProps3.top,
165
+ selectedRows = _this$asProps3.selectedRows,
166
+ h = _this$asProps3.h,
167
+ getFixedStyle = _this$asProps3.getFixedStyle,
168
+ onCellClick = _this$asProps3.onCellClick,
169
+ shadowVertical = _this$asProps3.shadowVertical,
170
+ scrollDirection = _this$asProps3.scrollDirection;
160
171
  var column = columns[index];
161
172
  if (index === 0 && selectedRows && columns[index + 1].fixed) {
162
173
  column.fixed = 'left';
@@ -197,24 +208,32 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
197
208
  }, {
198
209
  key: "areAllRowsSelected",
199
210
  get: function get() {
200
- var _this$asProps5 = this.asProps,
201
- _this$asProps5$select = _this$asProps5.selectedRows,
202
- selectedRows = _this$asProps5$select === void 0 ? [] : _this$asProps5$select,
203
- flatRows = _this$asProps5.flatRows;
204
- return selectedRows.length > 0 && flatRows.every(function (row) {
211
+ var _this$asProps$selecte2 = this.asProps.selectedRows,
212
+ selectedRows = _this$asProps$selecte2 === void 0 ? [] : _this$asProps$selecte2;
213
+ return selectedRows.length > 0 && this.selectableRows.every(function (row) {
205
214
  return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
206
215
  });
207
216
  }
208
217
  }, {
209
218
  key: "isIndeterminate",
210
219
  get: function get() {
211
- var _this$asProps6 = this.asProps,
212
- flatRows = _this$asProps6.flatRows,
213
- selectedRows = _this$asProps6.selectedRows;
214
- return flatRows.some(function (row) {
220
+ var selectedRows = this.asProps.selectedRows;
221
+ return this.selectableRows.some(function (row) {
215
222
  return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
216
223
  });
217
224
  }
225
+ }, {
226
+ key: "selectableRows",
227
+ get: function get() {
228
+ var _this$asProps4 = this.asProps,
229
+ columns = _this$asProps4.columns,
230
+ flatRows = _this$asProps4.flatRows;
231
+ var mappedFlatRows = flatRows.filter(function (r) {
232
+ var nextColumnName = columns[1].name;
233
+ return r[nextColumnName] !== undefined;
234
+ });
235
+ return mappedFlatRows;
236
+ }
218
237
  }, {
219
238
  key: "render",
220
239
  value: function render() {
@@ -222,17 +241,17 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
222
241
  _ref2;
223
242
  var SHead = Box;
224
243
  var SHeadCheckboxCol = Head.Column;
225
- var _this$asProps7 = this.asProps,
226
- Children = _this$asProps7.Children,
227
- styles = _this$asProps7.styles,
228
- getI18nText = _this$asProps7.getI18nText,
229
- children = _this$asProps7.children,
230
- treeColumns = _this$asProps7.treeColumns,
231
- selectedRows = _this$asProps7.selectedRows,
232
- sticky = _this$asProps7.sticky,
233
- animationDuration = _this$asProps7.animationDuration,
234
- isDataEmpty = _this$asProps7.isDataEmpty,
235
- gridTemplateColumns = _this$asProps7.gridTemplateColumns;
244
+ var _this$asProps5 = this.asProps,
245
+ Children = _this$asProps5.Children,
246
+ styles = _this$asProps5.styles,
247
+ getI18nText = _this$asProps5.getI18nText,
248
+ children = _this$asProps5.children,
249
+ treeColumns = _this$asProps5.treeColumns,
250
+ selectedRows = _this$asProps5.selectedRows,
251
+ sticky = _this$asProps5.sticky,
252
+ animationDuration = _this$asProps5.animationDuration,
253
+ isDataEmpty = _this$asProps5.isDataEmpty,
254
+ gridTemplateColumns = _this$asProps5.gridTemplateColumns;
236
255
  var areAllRowsSelected = this.areAllRowsSelected;
237
256
  var indeterminate = this.isIndeterminate && !areAllRowsSelected;
238
257
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, _assignProps({
@@ -256,12 +275,13 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
256
275
  })))), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, treeColumns.map(function (column, _i) {
257
276
  if ('columns' in column) {
258
277
  var _column$columns;
278
+ var columnsName = (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function (c) {
279
+ return c.name;
280
+ }).join('/');
259
281
  return /*#__PURE__*/React.createElement(DataTable.Head.Group, _extends({
260
- key: column.name
282
+ key: columnsName
261
283
  }, column, {
262
- name: (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function (c) {
263
- return c.name;
264
- }).join('/'),
284
+ name: columnsName,
265
285
  title: ""
266
286
  }));
267
287
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","key","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","_this$asProps4","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","selectedRows","h","onCellClick","column","_getFixedStyle5","_getFixedStyle6","borders","parent","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","_this$asProps6","some","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(props: any, index: number) {\n const { fixed, columns } = props;\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n style,\n scrollDirection,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n this.asProps.onChangeSelectAll?.(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows = [], flatRows } = this.asProps;\n\n return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { flatRows, selectedRows } = this.asProps;\n\n return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n isDataEmpty={isDataEmpty}\n use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n tabIndex={isDataEmpty ? 0 : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n return (\n <DataTable.Head.Group\n key={column.name}\n {...column}\n name={column.columns?.map((c) => c.name).join('/')}\n title=''\n />\n );\n }\n\n return <DataTable.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","_this$asProps$selecte","asProps","selectedRows","idsSet","Set","selectableRows","forEach","row","add","onChangeSelectAll","call","from","preventDefault","stopPropagation","handleSelectAll","_inherits","_createClass","key","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","_this$asProps2","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","undefined","_getFixedStyle3","_getFixedStyle4","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","_this$asProps3","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","_getFixedStyle5","_getFixedStyle6","borders","parent","_this$asProps$selecte2","every","includes","some","_this$asProps4","flatRows","mappedFlatRows","filter","r","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps5","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","toString","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","columnsName","c","_extends","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableHeadProps,\n {},\n {},\n [],\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(props: any, index: number) {\n const { fixed, columns } = props;\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n style,\n scrollDirection,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { selectedRows = [] } = this.asProps;\n const idsSet = new Set<UniqKeyType>(selectedRows);\n\n if (value) {\n this.selectableRows.forEach((row) => {\n idsSet.add(row[UNIQ_ROW_KEY]);\n });\n } else {\n this.selectableRows.forEach((row) => {\n idsSet.delete(row[UNIQ_ROW_KEY]);\n });\n }\n\n this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.handleSelectAll(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows = [] } = this.asProps;\n\n return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { selectedRows } = this.asProps;\n\n return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get selectableRows(): DTRow<UniqKeyType>[] {\n const { columns, flatRows } = this.asProps;\n const mappedFlatRows = flatRows\n .filter((r) => {\n const nextColumnName = columns[1].name;\n return r[nextColumnName] !== undefined;\n });\n\n return mappedFlatRows;\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n isDataEmpty={isDataEmpty}\n use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n tabIndex={isDataEmpty ? 0 : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n const columnsName = column.columns?.map((c) => c.name).join('/');\n return (\n <DataTable.Head.Group\n key={columnsName}\n {...column}\n name={columnsName}\n title=''\n />\n );\n }\n\n return <DataTable.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n MergedRowsCell,\n MergedColumnsCell,\n DataTable,\n ACCORDION,\n ROW_GROUP,\n /**\n * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.\n */\n UNIQ_ROW_KEY,\n wrapDataTable,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n};\n"],"mappings":"AAGA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAWhG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACEP,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS;AACT;AACF;AACA;AACEC,YAAY,EACZC,aAAa","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { CellRenderProps } from './components/Body/Body.types';\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n MergedRowsCell,\n MergedColumnsCell,\n DataTable,\n ACCORDION,\n ROW_GROUP,\n /**\n * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.\n */\n UNIQ_ROW_KEY,\n wrapDataTable,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n CellRenderProps,\n};\n"],"mappings":"AAIA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAWhG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACEP,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS;AACT;AACF;AACA;AACEC,YAAY,EACZC,aAAa","ignoreList":[]}