@semcore/data-table 16.5.3-prerelease.4 → 16.6.0-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 (82) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/cjs/components/AccordionRows/AccordionRows.js +51 -51
  3. package/lib/cjs/components/Body/Body.js +71 -88
  4. package/lib/cjs/components/Body/Body.js.map +1 -1
  5. package/lib/cjs/components/Body/Body.types.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/LimitOverlay.js.map +1 -1
  9. package/lib/cjs/components/Body/Row.js +130 -157
  10. package/lib/cjs/components/Body/Row.js.map +1 -1
  11. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  12. package/lib/cjs/components/Body/RowGroup.js +147 -0
  13. package/lib/cjs/components/Body/RowGroup.js.map +1 -0
  14. package/lib/cjs/components/Body/style.shadow.css +13 -4
  15. package/lib/cjs/components/DataTable/DataTable.js +122 -102
  16. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  17. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  18. package/lib/cjs/components/Head/Column.js +50 -47
  19. package/lib/cjs/components/Head/Column.js.map +1 -1
  20. package/lib/cjs/components/Head/Group.js +36 -36
  21. package/lib/cjs/components/Head/Head.js +90 -57
  22. package/lib/cjs/components/Head/Head.js.map +1 -1
  23. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  24. package/lib/cjs/components/RowSelector/RowsSelector.js +124 -0
  25. package/lib/cjs/components/RowSelector/RowsSelector.js.map +1 -0
  26. package/lib/cjs/index.js +7 -0
  27. package/lib/cjs/index.js.map +1 -1
  28. package/lib/cjs/store/SelectableRows.js +210 -0
  29. package/lib/cjs/store/SelectableRows.js.map +1 -0
  30. package/lib/es6/components/AccordionRows/AccordionRows.js +51 -51
  31. package/lib/es6/components/Body/Body.js +73 -90
  32. package/lib/es6/components/Body/Body.js.map +1 -1
  33. package/lib/es6/components/Body/Body.types.js.map +1 -1
  34. package/lib/es6/components/Body/Cell.js +51 -51
  35. package/lib/es6/components/Body/LimitOverlay.js +51 -51
  36. package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
  37. package/lib/es6/components/Body/Row.js +131 -158
  38. package/lib/es6/components/Body/Row.js.map +1 -1
  39. package/lib/es6/components/Body/Row.types.js.map +1 -1
  40. package/lib/es6/components/Body/RowGroup.js +140 -0
  41. package/lib/es6/components/Body/RowGroup.js.map +1 -0
  42. package/lib/es6/components/Body/style.shadow.css +13 -4
  43. package/lib/es6/components/DataTable/DataTable.js +122 -102
  44. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  45. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  46. package/lib/es6/components/Head/Column.js +50 -47
  47. package/lib/es6/components/Head/Column.js.map +1 -1
  48. package/lib/es6/components/Head/Group.js +36 -36
  49. package/lib/es6/components/Head/Head.js +90 -57
  50. package/lib/es6/components/Head/Head.js.map +1 -1
  51. package/lib/es6/components/Head/Head.types.js.map +1 -1
  52. package/lib/es6/components/RowSelector/RowsSelector.js +117 -0
  53. package/lib/es6/components/RowSelector/RowsSelector.js.map +1 -0
  54. package/lib/es6/index.js +2 -1
  55. package/lib/es6/index.js.map +1 -1
  56. package/lib/es6/store/SelectableRows.js +203 -0
  57. package/lib/es6/store/SelectableRows.js.map +1 -0
  58. package/lib/esm/components/AccordionRows/AccordionRows.mjs +52 -52
  59. package/lib/esm/components/Body/Body.mjs +74 -90
  60. package/lib/esm/components/Body/Cell.mjs +52 -52
  61. package/lib/esm/components/Body/LimitOverlay.mjs +52 -52
  62. package/lib/esm/components/Body/Row.mjs +71 -91
  63. package/lib/esm/components/Body/RowGroup.mjs +133 -0
  64. package/lib/esm/components/Body/style.shadow.css +13 -4
  65. package/lib/esm/components/DataTable/DataTable.mjs +68 -47
  66. package/lib/esm/components/Head/Column.mjs +51 -48
  67. package/lib/esm/components/Head/Group.mjs +37 -37
  68. package/lib/esm/components/Head/Head.mjs +91 -56
  69. package/lib/esm/components/RowSelector/RowsSelector.mjs +98 -0
  70. package/lib/esm/index.mjs +2 -0
  71. package/lib/esm/store/SelectableRows.mjs +200 -0
  72. package/lib/types/components/Body/Body.types.d.ts +2 -1
  73. package/lib/types/components/Body/Row.d.ts +0 -2
  74. package/lib/types/components/Body/Row.types.d.ts +2 -1
  75. package/lib/types/components/Body/RowGroup.d.ts +19 -0
  76. package/lib/types/components/DataTable/DataTable.types.d.ts +21 -12
  77. package/lib/types/components/Head/Column.d.ts +1 -0
  78. package/lib/types/components/Head/Head.types.d.ts +2 -1
  79. package/lib/types/components/RowSelector/RowsSelector.d.ts +31 -0
  80. package/lib/types/index.d.ts +2 -1
  81. package/lib/types/store/SelectableRows.d.ts +51 -0
  82. package/package.json +8 -8
@@ -15,45 +15,46 @@ 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_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_"),
18
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_3t5eh_gg_,.___SHead_3t5eh_gg_{display:contents}.___SHead_3t5eh_gg_.__isDataEmpty_3t5eh_gg_.__gridTemplateColumns_3t5eh_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_3t5eh);overflow:auto;scrollbar-width:thin}.___SHead_3t5eh_gg_.__animationDuration_3t5eh_gg_>.___SColumn_3t5eh_gg_{transition:top var(--animationDuration_3t5eh) ease-out}.___SHead_3t5eh_gg_.__sticky_3t5eh_gg_ .___SColumn_3t5eh_gg_,.___SHead_3t5eh_gg_.__sticky_3t5eh_gg_ .___SGroup_3t5eh_gg_{position:sticky;top:0;z-index:18}.___SHead_3t5eh_gg_.__sticky_3t5eh_gg_ .___SGroupContainer_3t5eh_gg_>.___SColumn_3t5eh_gg_{position:sticky;z-index:18}.___SHead_3t5eh_gg_.__compact_3t5eh_gg_ .___SColumn_3t5eh_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_3t5eh_gg_,.___SGroup_3t5eh_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_3t5eh_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_3t5eh_gg_._use_primary_3t5eh_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_3t5eh_gg_._use_primary_3t5eh_gg_:has(~.___SColumn_3t5eh_gg_.__visibleSort_3t5eh_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_3t5eh_gg_._use_secondary_3t5eh_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_3t5eh_gg_._borders_both_3t5eh_gg_,.___SColumn_3t5eh_gg_._borders_left_3t5eh_gg_,.___SGroup_3t5eh_gg_._borders_both_3t5eh_gg_,.___SGroup_3t5eh_gg_._borders_left_3t5eh_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3t5eh_gg_._borders_both_3t5eh_gg_,.___SColumn_3t5eh_gg_._borders_right_3t5eh_gg_,.___SGroup_3t5eh_gg_._borders_both_3t5eh_gg_,.___SGroup_3t5eh_gg_._borders_right_3t5eh_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3t5eh_gg_._use_primary_3t5eh_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_3t5eh_gg_._use_primary_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_.__visibleSort_3t5eh_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortButton_3t5eh_gg_,.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_::before,.___SColumn_3t5eh_gg_._use_secondary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_::before{display:flex;opacity:1}.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_._justifyContent_right_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_{position:absolute}.___SColumn_3t5eh_gg_._use_primary_3t5eh_gg_._justifyContent_right_3t5eh_gg_.__changeSortSize_3t5eh_gg_.__isSorted_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_,.___SColumn_3t5eh_gg_._use_secondary_3t5eh_gg_._justifyContent_right_3t5eh_gg_.__changeSortSize_3t5eh_gg_.__isSorted_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_{position:relative}.___SColumn_3t5eh_gg_._use_secondary_3t5eh_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_3t5eh_gg_._use_secondary_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_3t5eh_gg_._use_secondary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3t5eh_gg_._use_secondary_3t5eh_gg_.__visibleSort_3t5eh_gg_ .___SSortButton_3t5eh_gg_{display:flex;opacity:1}.___SColumn_3t5eh_gg_._use_secondary_3t5eh_gg_._justifyContent_right_3t5eh_gg_ .___SSortWrapper_3t5eh_gg_{position:absolute}.___SColumn_3t5eh_gg_.__gridArea_3t5eh_gg_,.___SGroupTitle_3t5eh_gg_.__gridArea_3t5eh_gg_,.___SGroup_3t5eh_gg_.__gridArea_3t5eh_gg_{grid-area:var(--gridArea_3t5eh)}.___SHead_3t5eh_gg_ .___SColumn_3t5eh_gg_.__fixed_3t5eh_gg_,.___SHead_3t5eh_gg_ .___SGroup_3t5eh_gg_.__fixed_3t5eh_gg_,.___SHead_3t5eh_gg_.__sticky_3t5eh_gg_ .___SColumn_3t5eh_gg_.__fixed_3t5eh_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_3t5eh_gg_.__sortable_3t5eh_gg_:hover{cursor:pointer}}.___SSortWrapper_3t5eh_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_3t5eh_gg_,.___SSortWrapper_3t5eh_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_3t5eh_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_3t5eh_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_3t5eh_gg_._sideIndents_wide_3t5eh_gg_ .___SColumn_3t5eh_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_3t5eh_gg_._sideIndents_wide_3t5eh_gg_ .___SColumn_3t5eh_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_3t5eh_gg_{cursor:pointer}.___SColumn_3t5eh_gg_.__fixed_3t5eh_gg_.__shadowVertical_3t5eh_gg_:after,.___SGroup_3t5eh_gg_.__fixed_3t5eh_gg_.__shadowVertical_3t5eh_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_primary_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_._use_primary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_primary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_._use_primary_3t5eh_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_._use_secondary_3t5eh_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_:after,.___SColumn_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_gg_:after,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_median_3t5eh_gg_:after,.___SGroup_3t5eh_gg_._fixed_left_3t5eh_gg_._shadowVertical_start_3t5eh_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_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_._use_primary_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_primary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_._use_primary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_primary_3t5eh_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_._use_secondary_3t5eh_gg_,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_._use_secondary_3t5eh_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_:after,.___SColumn_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_gg_:after,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_end_3t5eh_gg_:after,.___SGroup_3t5eh_gg_._fixed_right_3t5eh_gg_._shadowVertical_median_3t5eh_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__*/"3t5eh_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
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_"
21
+ "__SHead": "___SHead_3t5eh_gg_",
22
+ "__SGroupContainer": "___SGroupContainer_3t5eh_gg_",
23
+ "_isDataEmpty": "__isDataEmpty_3t5eh_gg_",
24
+ "_gridTemplateColumns": "__gridTemplateColumns_3t5eh_gg_",
25
+ "--gridTemplateColumns": "--gridTemplateColumns_3t5eh",
26
+ "_animationDuration": "__animationDuration_3t5eh_gg_",
27
+ "__SColumn": "___SColumn_3t5eh_gg_",
28
+ "--animationDuration": "--animationDuration_3t5eh",
29
+ "_sticky": "__sticky_3t5eh_gg_",
30
+ "__SGroup": "___SGroup_3t5eh_gg_",
31
+ "_compact": "__compact_3t5eh_gg_",
32
+ "_use_secondary": "_use_secondary_3t5eh_gg_",
33
+ "_borders_both": "_borders_both_3t5eh_gg_",
34
+ "_borders_left": "_borders_left_3t5eh_gg_",
35
+ "_borders_right": "_borders_right_3t5eh_gg_",
36
+ "_gridArea": "__gridArea_3t5eh_gg_",
37
+ "__SGroupTitle": "___SGroupTitle_3t5eh_gg_",
38
+ "--gridArea": "--gridArea_3t5eh",
39
+ "_fixed": "__fixed_3t5eh_gg_",
40
+ "_sortable": "__sortable_3t5eh_gg_",
41
+ "__SSortWrapper": "___SSortWrapper_3t5eh_gg_",
42
+ "__SSortButton": "___SSortButton_3t5eh_gg_",
43
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_3t5eh_gg_",
44
+ "_use_primary": "_use_primary_3t5eh_gg_",
45
+ "_visibleSort": "__visibleSort_3t5eh_gg_",
46
+ "_justifyContent_right": "_justifyContent_right_3t5eh_gg_",
47
+ "_changeSortSize": "__changeSortSize_3t5eh_gg_",
48
+ "_isSorted": "__isSorted_3t5eh_gg_",
49
+ "_sideIndents_wide": "_sideIndents_wide_3t5eh_gg_",
50
+ "_shadowVertical": "__shadowVertical_3t5eh_gg_",
51
+ "_fixed_left": "_fixed_left_3t5eh_gg_",
52
+ "_shadowVertical_median": "_shadowVertical_median_3t5eh_gg_",
53
+ "_shadowVertical_start": "_shadowVertical_start_3t5eh_gg_",
54
+ "_fixed_right": "_fixed_right_3t5eh_gg_",
55
+ "_shadowVertical_end": "_shadowVertical_end_3t5eh_gg_"
56
56
  });
57
+ import { SelectableRows } from '../../store/SelectableRows';
57
58
  import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
58
59
  var HeadRoot = /*#__PURE__*/function (_Component) {
59
60
  function HeadRoot() {
@@ -63,21 +64,29 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
63
64
  args[_key] = arguments[_key];
64
65
  }
65
66
  _this = _callSuper(this, HeadRoot, [].concat(args));
67
+ _defineProperty(_this, "unsubscribeSelectAll", undefined);
66
68
  _defineProperty(_this, "handleSelectAll", function (value, event) {
67
- var _this$asProps$onChang, _this$asProps;
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
- });
69
+ var selectedRows = _this.asProps.selectedRows;
70
+ if (Array.isArray(selectedRows)) {
71
+ var _this$asProps$onChang, _this$asProps;
72
+ var idsSet = new Set(selectedRows);
73
+ if (value) {
74
+ _this.selectableRows.forEach(function (row) {
75
+ idsSet.add(row[UNIQ_ROW_KEY]);
76
+ });
77
+ } else {
78
+ _this.selectableRows.forEach(function (row) {
79
+ idsSet["delete"](row[UNIQ_ROW_KEY]);
80
+ });
81
+ }
82
+ (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, Array.from(idsSet), event);
83
+ } else if (selectedRows) {
84
+ if (value) {
85
+ selectedRows.selectAll();
86
+ } else {
87
+ selectedRows.clearAllAvailable();
88
+ }
79
89
  }
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);
81
90
  });
82
91
  _defineProperty(_this, "handleClickSelectAll", function (value) {
83
92
  return function (event) {
@@ -90,6 +99,23 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
90
99
  }
91
100
  _inherits(HeadRoot, _Component);
92
101
  return _createClass(HeadRoot, [{
102
+ key: "componentDidMount",
103
+ value: function componentDidMount() {
104
+ var _this2 = this;
105
+ var selectedRows = this.asProps.selectedRows;
106
+ if (selectedRows && !Array.isArray(selectedRows)) {
107
+ this.unsubscribeSelectAll = selectedRows.subscribe(SelectableRows.SELECT_ALL_EVENT, function () {
108
+ _this2.forceUpdate();
109
+ });
110
+ }
111
+ }
112
+ }, {
113
+ key: "componentWillUnmount",
114
+ value: function componentWillUnmount() {
115
+ var _this$unsubscribeSele;
116
+ (_this$unsubscribeSele = this.unsubscribeSelectAll) === null || _this$unsubscribeSele === void 0 || _this$unsubscribeSele.call(this);
117
+ }
118
+ }, {
93
119
  key: "sortableColumnDescribeId",
94
120
  value: function sortableColumnDescribeId() {
95
121
  var uid = this.asProps.uid;
@@ -208,19 +234,26 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
208
234
  }, {
209
235
  key: "areAllRowsSelected",
210
236
  get: function get() {
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) {
214
- return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
215
- });
237
+ var selectedRows = this.asProps.selectedRows;
238
+ if (Array.isArray(selectedRows)) {
239
+ return selectedRows.length > 0 && this.selectableRows.every(function (row) {
240
+ return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
241
+ });
242
+ } else if (selectedRows) {
243
+ return selectedRows.isAllSelected();
244
+ }
216
245
  }
217
246
  }, {
218
247
  key: "isIndeterminate",
219
248
  get: function get() {
220
249
  var selectedRows = this.asProps.selectedRows;
221
- return this.selectableRows.some(function (row) {
222
- return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
223
- });
250
+ if (Array.isArray(selectedRows)) {
251
+ return this.selectableRows.some(function (row) {
252
+ return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
253
+ });
254
+ } else if (selectedRows) {
255
+ return selectedRows.isIndeterminate();
256
+ }
224
257
  }
225
258
  }, {
226
259
  key: "selectableRows",
@@ -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","_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","_columns$","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
+ {"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","SelectableRows","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","undefined","value","event","selectedRows","asProps","isArray","_this$asProps$onChang","_this$asProps","idsSet","Set","selectableRows","forEach","row","add","onChangeSelectAll","call","from","selectAll","clearAllAvailable","preventDefault","stopPropagation","handleSelectAll","_inherits","_createClass","key","componentDidMount","_this2","unsubscribeSelectAll","subscribe","SELECT_ALL_EVENT","forceUpdate","componentWillUnmount","_this$unsubscribeSele","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","_this$asProps2","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","_getFixedStyle3","_getFixedStyle4","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","_this$asProps3","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","_getFixedStyle5","_getFixedStyle6","borders","parent","every","includes","isAllSelected","some","isIndeterminate","_this$asProps4","flatRows","mappedFlatRows","filter","r","_columns$","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps5","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","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 { SelectableRows } from '../../store/SelectableRows';\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 private unsubscribeSelectAll: undefined | (() => void) = undefined;\n\n componentDidMount() {\n const { selectedRows } = this.asProps;\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.unsubscribeSelectAll = selectedRows.subscribe(SelectableRows.SELECT_ALL_EVENT, () => {\n this.forceUpdate();\n });\n }\n }\n\n componentWillUnmount() {\n this.unsubscribeSelectAll?.();\n }\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\n if (Array.isArray(selectedRows)) {\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 } else if (selectedRows) {\n if (value) {\n selectedRows.selectAll();\n } else {\n selectedRows.clearAllAvailable();\n }\n }\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 if (Array.isArray(selectedRows)) {\n return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n } else if (selectedRows) {\n return selectedRows.isAllSelected();\n }\n }\n\n get isIndeterminate() {\n const { selectedRows } = this.asProps;\n\n if (Array.isArray(selectedRows)) {\n return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n } else if (selectedRows) {\n return selectedRows.isIndeterminate();\n }\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 { 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
+ {"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { ISelectedRows } from '../../store/SelectableRows';\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[] | ISelectedRows<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":[]}
@@ -0,0 +1,117 @@
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 Checkbox from '@semcore/checkbox';
7
+ import React from 'react';
8
+ import { SelectableRows } from '../../store/SelectableRows';
9
+ import { Row } from '../Body/Row';
10
+ import { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';
11
+ export var RowSelector = /*#__PURE__*/function (_React$PureComponent) {
12
+ function RowSelector(props) {
13
+ var _this;
14
+ _classCallCheck(this, RowSelector);
15
+ _this = _callSuper(this, RowSelector, [props]);
16
+ _defineProperty(_this, "state", {
17
+ checked: false
18
+ });
19
+ _defineProperty(_this, "unsubscribeToggle", undefined);
20
+ _defineProperty(_this, "handleSelectRow", function (value, event) {
21
+ var _this$props = _this.props,
22
+ row = _this$props.row,
23
+ rowIndex = _this$props.rowIndex,
24
+ onSelectRow = _this$props.onSelectRow,
25
+ selectedRows = _this$props.selectedRows;
26
+ onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
27
+ if (selectedRows && !Array.isArray(selectedRows)) {
28
+ selectedRows.toggle(value, row);
29
+ }
30
+ });
31
+ _defineProperty(_this, "handleClickCheckbox", function (value) {
32
+ return function (event) {
33
+ event === null || event === void 0 || event.preventDefault();
34
+ event === null || event === void 0 || event.stopPropagation();
35
+ var _this$props2 = _this.props,
36
+ row = _this$props2.row,
37
+ rowIndex = _this$props2.rowIndex,
38
+ onSelectRow = _this$props2.onSelectRow,
39
+ selectedRows = _this$props2.selectedRows;
40
+ onSelectRow === null || onSelectRow === void 0 || onSelectRow(value, rowIndex, row, event);
41
+ if (selectedRows && !Array.isArray(selectedRows)) {
42
+ selectedRows.toggle(value, row);
43
+ }
44
+ };
45
+ });
46
+ var _row = props.row,
47
+ _selectedRows = props.selectedRows;
48
+ if (_selectedRows && !Array.isArray(_selectedRows)) {
49
+ _this.state.checked = _selectedRows.has(_row[UNIQ_ROW_KEY]);
50
+ }
51
+ return _this;
52
+ }
53
+ _inherits(RowSelector, _React$PureComponent);
54
+ return _createClass(RowSelector, [{
55
+ key: "componentDidMount",
56
+ value: function componentDidMount() {
57
+ var _this2 = this;
58
+ var _this$props3 = this.props,
59
+ row = _this$props3.row,
60
+ selectedRows = _this$props3.selectedRows;
61
+ if (selectedRows && !Array.isArray(selectedRows)) {
62
+ this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, function (key) {
63
+ if (row[UNIQ_ROW_KEY] === key) {
64
+ _this2.setState({
65
+ checked: selectedRows.has(row[UNIQ_ROW_KEY])
66
+ });
67
+ }
68
+ });
69
+ }
70
+ }
71
+ }, {
72
+ key: "componentWillUnmount",
73
+ value: function componentWillUnmount() {
74
+ var _this$unsubscribeTogg;
75
+ (_this$unsubscribeTogg = this.unsubscribeToggle) === null || _this$unsubscribeTogg === void 0 || _this$unsubscribeTogg.call(this);
76
+ }
77
+ }, {
78
+ key: "render",
79
+ value: function render() {
80
+ var SCheckboxCell = Row.Cell;
81
+ var _this$props4 = this.props,
82
+ row = _this$props4.row,
83
+ rowIndex = _this$props4.rowIndex,
84
+ gridRowIndex = _this$props4.gridRowIndex,
85
+ expanded = _this$props4.expanded,
86
+ withAccordion = _this$props4.withAccordion,
87
+ isAccordionRow = _this$props4.isAccordionRow,
88
+ isCellHidden = _this$props4.isCellHidden,
89
+ theme = _this$props4.theme,
90
+ uid = _this$props4.uid,
91
+ selectedRows = _this$props4.selectedRows;
92
+ var rowUniqKey = row[UNIQ_ROW_KEY];
93
+ var checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;
94
+ return /*#__PURE__*/React.createElement(SCheckboxCell, {
95
+ row: row,
96
+ rowIndex: rowIndex,
97
+ column: {
98
+ name: SELECT_ALL.toString()
99
+ },
100
+ columnIndex: 0,
101
+ gridRowIndex: gridRowIndex,
102
+ onClick: this.handleClickCheckbox(!checked),
103
+ expanded: expanded,
104
+ isAccordionRow: isAccordionRow,
105
+ "aria-hidden": isCellHidden,
106
+ withAccordion: withAccordion,
107
+ theme: theme,
108
+ "data-row-selector": true
109
+ }, /*#__PURE__*/React.createElement(Checkbox, {
110
+ checked: checked,
111
+ "aria-labelledby": "".concat(uid, "_").concat(rowUniqKey, "_1"),
112
+ onChange: this.handleSelectRow
113
+ }, /*#__PURE__*/React.createElement(Checkbox.Value, null)));
114
+ }
115
+ }]);
116
+ }(React.PureComponent);
117
+ //# sourceMappingURL=RowsSelector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RowsSelector.js","names":["Checkbox","React","SelectableRows","Row","UNIQ_ROW_KEY","SELECT_ALL","RowSelector","_React$PureComponent","props","_this","_classCallCheck","_callSuper","_defineProperty","checked","undefined","value","event","_this$props","row","rowIndex","onSelectRow","selectedRows","Array","isArray","toggle","preventDefault","stopPropagation","_this$props2","state","has","_inherits","_createClass","key","componentDidMount","_this2","_this$props3","unsubscribeToggle","subscribe","TOGGLE_EVENT","setState","componentWillUnmount","_this$unsubscribeTogg","call","render","SCheckboxCell","Cell","_this$props4","gridRowIndex","expanded","withAccordion","isAccordionRow","isCellHidden","theme","uid","rowUniqKey","includes","createElement","column","name","toString","columnIndex","onClick","handleClickCheckbox","concat","onChange","handleSelectRow","Value","PureComponent"],"sources":["../../../../src/components/RowSelector/RowsSelector.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { Theme } from '../Body/Cell.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\n\ntype RowSelectorProps<UniqKeyType> = {\n row: DTRow<UniqKeyType>;\n rowIndex: number;\n gridRowIndex: number;\n expanded: boolean;\n withAccordion: boolean;\n\n uid: string;\n theme?: Theme;\n isCellHidden?: boolean;\n isAccordionRow?: boolean;\n selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow<UniqKeyType>,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n};\n\ntype State = {\n checked: boolean;\n};\n\nexport class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {\n state: State = {\n checked: false,\n };\n\n private unsubscribeToggle: undefined | (() => void) = undefined;\n\n constructor(props: RowSelectorProps<UniqKeyType>) {\n super(props);\n\n const { row, selectedRows } = props;\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.state.checked = selectedRows.has(row[UNIQ_ROW_KEY]);\n }\n }\n\n componentDidMount(): void {\n const { row, selectedRows } = this.props;\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n if (row[UNIQ_ROW_KEY] === key) {\n this.setState({ checked: selectedRows.has(row[UNIQ_ROW_KEY]) });\n }\n });\n }\n }\n\n componentWillUnmount(): void {\n this.unsubscribeToggle?.();\n }\n\n handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n onSelectRow?.(value, rowIndex, row, event);\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n selectedRows.toggle(value, row);\n }\n };\n\n handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n onSelectRow?.(value, rowIndex, row, event);\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n selectedRows.toggle(value, row);\n }\n };\n\n render() {\n const SCheckboxCell = Row.Cell;\n\n const { row, rowIndex, gridRowIndex, expanded, withAccordion, isAccordionRow, isCellHidden, theme, uid, selectedRows } = this.props;\n const rowUniqKey = row[UNIQ_ROW_KEY];\n\n const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;\n\n return (\n <SCheckboxCell\n row={row}\n rowIndex={rowIndex}\n column={{ name: SELECT_ALL.toString() }}\n columnIndex={0}\n gridRowIndex={gridRowIndex}\n onClick={this.handleClickCheckbox(!checked)}\n expanded={expanded}\n isAccordionRow={isAccordionRow}\n aria-hidden={isCellHidden}\n withAccordion={withAccordion}\n theme={theme}\n data-row-selector\n >\n <Checkbox\n checked={checked}\n aria-labelledby={`${uid}_${rowUniqKey}_1`}\n onChange={this.handleSelectRow}\n >\n <Checkbox.Value />\n </Checkbox>\n </SCheckboxCell>\n );\n }\n}\n"],"mappings":";;;;;AAAA,OAAOA,QAAQ,MAAM,mBAAmB;AACxC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,GAAG,QAAQ,aAAa;AAEjC,SAASC,YAAY,EAAEC,UAAU,QAAQ,wBAAwB;AA0BjE,WAAaC,WAAW,0BAAAC,oBAAA;EAOtB,SAAAD,YAAYE,KAAoC,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAJ,WAAA;IAChDG,KAAA,GAAAE,UAAA,OAAAL,WAAA,GAAME,KAAK;IAAEI,eAAA,CAAAH,KAAA,WAPA;MACbI,OAAO,EAAE;IACX,CAAC;IAAAD,eAAA,CAAAH,KAAA,uBAEqDK,SAAS;IAAAF,eAAA,CAAAH,KAAA,qBA0B7C,UAACM,KAAc,EAAEC,KAAyC,EAAK;MAC/E,IAAAC,WAAA,GAAqDR,KAAA,CAAKD,KAAK;QAAvDU,GAAG,GAAAD,WAAA,CAAHC,GAAG;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,YAAY,GAAAJ,WAAA,CAAZI,YAAY;MAEhDD,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGL,KAAK,EAAEI,QAAQ,EAAED,GAAG,EAAEF,KAAK,CAAC;MAE1C,IAAIK,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;QAChDA,YAAY,CAACG,MAAM,CAACT,KAAK,EAAEG,GAAG,CAAC;MACjC;IACF,CAAC;IAAAN,eAAA,CAAAH,KAAA,yBAEqB,UAACM,KAAc;MAAA,OAAK,UAACC,KAAyC,EAAK;QACvFA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAES,cAAc,CAAC,CAAC;QACvBT,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEU,eAAe,CAAC,CAAC;QACxB,IAAAC,YAAA,GAAqDlB,KAAA,CAAKD,KAAK;UAAvDU,GAAG,GAAAS,YAAA,CAAHT,GAAG;UAAEC,QAAQ,GAAAQ,YAAA,CAARR,QAAQ;UAAEC,WAAW,GAAAO,YAAA,CAAXP,WAAW;UAAEC,YAAY,GAAAM,YAAA,CAAZN,YAAY;QAEhDD,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGL,KAAK,EAAEI,QAAQ,EAAED,GAAG,EAAEF,KAAK,CAAC;QAE1C,IAAIK,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;UAChDA,YAAY,CAACG,MAAM,CAACT,KAAK,EAAEG,GAAG,CAAC;QACjC;MACF,CAAC;IAAA;IAzCC,IAAQA,IAAG,GAAmBV,KAAK,CAA3BU,GAAG;MAAEG,aAAY,GAAKb,KAAK,CAAtBa,YAAY;IACzB,IAAIA,aAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,aAAY,CAAC,EAAE;MAChDZ,KAAA,CAAKmB,KAAK,CAACf,OAAO,GAAGQ,aAAY,CAACQ,GAAG,CAACX,IAAG,CAACd,YAAY,CAAC,CAAC;IAC1D;IAAC,OAAAK,KAAA;EACH;EAACqB,SAAA,CAAAxB,WAAA,EAAAC,oBAAA;EAAA,OAAAwB,YAAA,CAAAzB,WAAA;IAAA0B,GAAA;IAAAjB,KAAA,EAED,SAAAkB,iBAAiBA,CAAA,EAAS;MAAA,IAAAC,MAAA;MACxB,IAAAC,YAAA,GAA8B,IAAI,CAAC3B,KAAK;QAAhCU,GAAG,GAAAiB,YAAA,CAAHjB,GAAG;QAAEG,YAAY,GAAAc,YAAA,CAAZd,YAAY;MACzB,IAAIA,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;QAChD,IAAI,CAACe,iBAAiB,GAAGf,YAAY,CAACgB,SAAS,CAACnC,cAAc,CAACoC,YAAY,EAAE,UAACN,GAAgB,EAAK;UACjG,IAAId,GAAG,CAACd,YAAY,CAAC,KAAK4B,GAAG,EAAE;YAC7BE,MAAI,CAACK,QAAQ,CAAC;cAAE1B,OAAO,EAAEQ,YAAY,CAACQ,GAAG,CAACX,GAAG,CAACd,YAAY,CAAC;YAAE,CAAC,CAAC;UACjE;QACF,CAAC,CAAC;MACJ;IACF;EAAC;IAAA4B,GAAA;IAAAjB,KAAA,EAED,SAAAyB,oBAAoBA,CAAA,EAAS;MAAA,IAAAC,qBAAA;MAC3B,CAAAA,qBAAA,OAAI,CAACL,iBAAiB,cAAAK,qBAAA,eAAtBA,qBAAA,CAAAC,IAAA,KAAyB,CAAC;IAC5B;EAAC;IAAAV,GAAA;IAAAjB,KAAA,EAwBD,SAAA4B,MAAMA,CAAA,EAAG;MACP,IAAMC,aAAa,GAAGzC,GAAG,CAAC0C,IAAI;MAE9B,IAAAC,YAAA,GAAyH,IAAI,CAACtC,KAAK;QAA3HU,GAAG,GAAA4B,YAAA,CAAH5B,GAAG;QAAEC,QAAQ,GAAA2B,YAAA,CAAR3B,QAAQ;QAAE4B,YAAY,GAAAD,YAAA,CAAZC,YAAY;QAAEC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;QAAEC,aAAa,GAAAH,YAAA,CAAbG,aAAa;QAAEC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;QAAEC,YAAY,GAAAL,YAAA,CAAZK,YAAY;QAAEC,KAAK,GAAAN,YAAA,CAALM,KAAK;QAAEC,GAAG,GAAAP,YAAA,CAAHO,GAAG;QAAEhC,YAAY,GAAAyB,YAAA,CAAZzB,YAAY;MACpH,IAAMiC,UAAU,GAAGpC,GAAG,CAACd,YAAY,CAAC;MAEpC,IAAMS,OAAO,GAAGS,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,GAAGA,YAAY,CAACkC,QAAQ,CAACD,UAAU,CAAC,GAAG,IAAI,CAAC1B,KAAK,CAACf,OAAO;MAEpG,oBACEZ,KAAA,CAAAuD,aAAA,CAACZ,aAAa;QACZ1B,GAAG,EAAEA,GAAI;QACTC,QAAQ,EAAEA,QAAS;QACnBsC,MAAM,EAAE;UAAEC,IAAI,EAAErD,UAAU,CAACsD,QAAQ,CAAC;QAAE,CAAE;QACxCC,WAAW,EAAE,CAAE;QACfb,YAAY,EAAEA,YAAa;QAC3Bc,OAAO,EAAE,IAAI,CAACC,mBAAmB,CAAC,CAACjD,OAAO,CAAE;QAC5CmC,QAAQ,EAAEA,QAAS;QACnBE,cAAc,EAAEA,cAAe;QAC/B,eAAaC,YAAa;QAC1BF,aAAa,EAAEA,aAAc;QAC7BG,KAAK,EAAEA,KAAM;QACb;MAAiB,gBAEjBnD,KAAA,CAAAuD,aAAA,CAACxD,QAAQ;QACPa,OAAO,EAAEA,OAAQ;QACjB,sBAAAkD,MAAA,CAAoBV,GAAG,OAAAU,MAAA,CAAIT,UAAU,OAAK;QAC1CU,QAAQ,EAAE,IAAI,CAACC;MAAgB,gBAE/BhE,KAAA,CAAAuD,aAAA,CAACxD,QAAQ,CAACkE,KAAK,MAAE,CACT,CACG,CAAC;IAEpB;EAAC;AAAA,EArF2CjE,KAAK,CAACkE,aAAa","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
2
2
  import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';
3
+ import { SelectableRows } from './store/SelectableRows';
3
4
  var wrapDataTable = function wrapDataTable(wrapper) {
4
5
  return wrapper;
5
6
  };
@@ -7,5 +8,5 @@ export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP,
7
8
  /**
8
9
  * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.
9
10
  */
10
- UNIQ_ROW_KEY, wrapDataTable };
11
+ UNIQ_ROW_KEY, wrapDataTable, SelectableRows };
11
12
  //# sourceMappingURL=index.js.map
@@ -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 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":[]}
1
+ {"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","SelectableRows","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';\nimport { SelectableRows } from './store/SelectableRows';\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 SelectableRows,\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;AAUhG,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACER,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS;AACT;AACF;AACA;AACEC,YAAY,EACZE,aAAa,EACbD,cAAc","ignoreList":[]}