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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/cjs/components/Body/Body.js +58 -53
  3. package/lib/cjs/components/Body/Body.js.map +1 -1
  4. package/lib/cjs/components/Body/Body.types.js.map +1 -1
  5. package/lib/cjs/components/Body/Cell.js +62 -107
  6. package/lib/cjs/components/Body/Cell.js.map +1 -1
  7. package/lib/cjs/components/Body/LimitOverlay.js +190 -0
  8. package/lib/cjs/components/Body/LimitOverlay.js.map +1 -0
  9. package/lib/cjs/components/Body/Row.js +161 -109
  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/style.shadow.css +94 -42
  13. package/lib/cjs/components/DataTable/DataTable.js +61 -41
  14. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  15. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  16. package/lib/cjs/components/DataTable/dataTable.shadow.css +1 -0
  17. package/lib/cjs/components/Head/Column.js +45 -92
  18. package/lib/cjs/components/Head/Column.js.map +1 -1
  19. package/lib/cjs/components/Head/Group.js +38 -41
  20. package/lib/cjs/components/Head/Group.js.map +1 -1
  21. package/lib/cjs/components/Head/Head.js +38 -41
  22. package/lib/cjs/components/Head/Head.js.map +1 -1
  23. package/lib/cjs/enhancers/focusableCell.js +63 -0
  24. package/lib/cjs/enhancers/focusableCell.js.map +1 -0
  25. package/lib/es6/components/Body/Body.js +57 -52
  26. package/lib/es6/components/Body/Body.js.map +1 -1
  27. package/lib/es6/components/Body/Body.types.js.map +1 -1
  28. package/lib/es6/components/Body/Cell.js +61 -106
  29. package/lib/es6/components/Body/Cell.js.map +1 -1
  30. package/lib/es6/components/Body/LimitOverlay.js +183 -0
  31. package/lib/es6/components/Body/LimitOverlay.js.map +1 -0
  32. package/lib/es6/components/Body/Row.js +160 -108
  33. package/lib/es6/components/Body/Row.js.map +1 -1
  34. package/lib/es6/components/Body/Row.types.js.map +1 -1
  35. package/lib/es6/components/Body/style.shadow.css +94 -42
  36. package/lib/es6/components/DataTable/DataTable.js +60 -40
  37. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  38. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  39. package/lib/es6/components/DataTable/dataTable.shadow.css +1 -0
  40. package/lib/es6/components/Head/Column.js +44 -91
  41. package/lib/es6/components/Head/Column.js.map +1 -1
  42. package/lib/es6/components/Head/Group.js +37 -40
  43. package/lib/es6/components/Head/Group.js.map +1 -1
  44. package/lib/es6/components/Head/Head.js +37 -40
  45. package/lib/es6/components/Head/Head.js.map +1 -1
  46. package/lib/es6/enhancers/focusableCell.js +56 -0
  47. package/lib/es6/enhancers/focusableCell.js.map +1 -0
  48. package/lib/esm/components/Body/Body.mjs +58 -56
  49. package/lib/esm/components/Body/Cell.mjs +62 -109
  50. package/lib/esm/components/Body/LimitOverlay.mjs +178 -0
  51. package/lib/esm/components/Body/Row.mjs +125 -85
  52. package/lib/esm/components/Body/style.shadow.css +94 -42
  53. package/lib/esm/components/DataTable/DataTable.mjs +59 -42
  54. package/lib/esm/components/DataTable/dataTable.shadow.css +1 -0
  55. package/lib/esm/components/Head/Column.mjs +45 -94
  56. package/lib/esm/components/Head/Group.mjs +38 -43
  57. package/lib/esm/components/Head/Head.mjs +38 -43
  58. package/lib/esm/enhancers/focusableCell.mjs +59 -0
  59. package/lib/types/components/Body/Body.types.d.ts +2 -1
  60. package/lib/types/components/Body/LimitOverlay.d.ts +17 -0
  61. package/lib/types/components/Body/Row.d.ts +1 -0
  62. package/lib/types/components/Body/Row.types.d.ts +3 -0
  63. package/lib/types/components/DataTable/DataTable.types.d.ts +19 -0
  64. package/lib/types/components/Head/Column.d.ts +5 -4
  65. package/lib/types/enhancers/focusableCell.d.ts +9 -0
  66. package/package.json +22 -22
@@ -0,0 +1,183 @@
1
+ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/createClass";
3
+ import _callSuper from "@babel/runtime/helpers/callSuper";
4
+ import _inherits from "@babel/runtime/helpers/inherits";
5
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
+ import { sstyled as _sstyled } from "@semcore/core";
7
+ import { Box, Flex } from '@semcore/base-components';
8
+ import { Component, createComponent, sstyled } from '@semcore/core';
9
+ import { hasParent } from '@semcore/core/lib/utils/hasParent';
10
+ import * as React from 'react';
11
+ /*!__reshadow-styles__:"./style.shadow.css"*/
12
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_lezzg_gg_,.___SBody_lezzg_gg_,.___SRowGroup_lezzg_gg_,.___SRow_lezzg_gg_{display:contents}.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SCell_lezzg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SCell_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SRow_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SCollapseRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_[data-aria-level],.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SBody_lezzg_gg_.__compact_lezzg_gg_ .___SCell_lezzg_gg_ .___SAccordionToggle_lezzg_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_lezzg_gg_.__gridArea_lezzg_gg_,.___SCollapseRow_lezzg_gg_.__gridArea_lezzg_gg_,.___SRow_lezzg_gg_.__gridArea_lezzg_gg_{grid-area:var(--gridArea_lezzg)}.___SCellWrapper_lezzg_gg_{height:100%;overflow:hidden}.___SCollapseRow_lezzg_gg_.__gridArea_lezzg_gg_>.___SCellWrapper_lezzg_gg_,.___SRow_lezzg_gg_.__isAccordionRow_lezzg_gg_>.___SCellWrapper_lezzg_gg_{height:auto;overflow:auto}.___SAccordionRows_lezzg_gg_>.___SRow_lezzg_gg_.__isAccordionRow_lezzg_gg_:last-child>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__withoutBorder_lezzg_gg_),.___SCollapseRow_lezzg_gg_.__gridArea_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__withoutBorder_lezzg_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_{display:block}.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_).__expanded_lezzg_gg_.__withAccordion_lezzg_gg_,.___SRow_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._accordionType_row_lezzg_gg_.__expanded_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_.__isAccordionRow_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:not(._accordionType_row_lezzg_gg_.__expanded_lezzg_gg_):hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_._theme_muted_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]._theme_muted_lezzg_gg_:not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_._theme_muted_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_muted_lezzg_gg_:not([aria-hidden]),.___SRow_lezzg_gg_._theme_muted_lezzg_gg_:hover:not(.__expanded_lezzg_gg_.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_muted_lezzg_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_._theme_info_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]._theme_info_lezzg_gg_:not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_._theme_info_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_info_lezzg_gg_:not([aria-hidden]),.___SRow_lezzg_gg_._theme_info_lezzg_gg_:hover:not(.__expanded_lezzg_gg_.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_info_lezzg_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_._theme_success_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]._theme_success_lezzg_gg_:not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_._theme_success_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_success_lezzg_gg_:not([aria-hidden]),.___SRow_lezzg_gg_._theme_success_lezzg_gg_:hover:not(.__expanded_lezzg_gg_.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_success_lezzg_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_._theme_warning_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]._theme_warning_lezzg_gg_:not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_._theme_warning_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_warning_lezzg_gg_:not([aria-hidden]),.___SRow_lezzg_gg_._theme_warning_lezzg_gg_:hover:not(.__expanded_lezzg_gg_.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_warning_lezzg_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_._theme_danger_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_[data-grouped-by=rowgroup]._theme_danger_lezzg_gg_:not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_._theme_danger_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not([aria-hidden]),.___SRowGroup_lezzg_gg_:has(.___SCell_lezzg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_lezzg_gg_:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden])>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_danger_lezzg_gg_:not([aria-hidden]),.___SRow_lezzg_gg_._theme_danger_lezzg_gg_:hover:not(.__expanded_lezzg_gg_.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_):not([aria-hidden]),.___SRow_lezzg_gg_:hover:not(.__isNonInteractive_lezzg_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_lezzg_gg_:hover))>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_._theme_danger_lezzg_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_lezzg_gg_._theme_muted_lezzg_gg_ .___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_lezzg_gg_._theme_muted_lezzg_gg_ .___SCell_lezzg_gg_.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._theme_muted_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_lezzg_gg_._theme_info_lezzg_gg_ .___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_lezzg_gg_._theme_info_lezzg_gg_ .___SCell_lezzg_gg_.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._theme_info_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_lezzg_gg_._theme_success_lezzg_gg_ .___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_lezzg_gg_._theme_success_lezzg_gg_ .___SCell_lezzg_gg_.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._theme_success_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_lezzg_gg_._theme_warning_lezzg_gg_ .___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_lezzg_gg_._theme_warning_lezzg_gg_ .___SCell_lezzg_gg_.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._theme_warning_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_lezzg_gg_._theme_danger_lezzg_gg_ .___SCell_lezzg_gg_:not(.__theme_lezzg_gg_):not(.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_lezzg_gg_._theme_danger_lezzg_gg_ .___SCell_lezzg_gg_.__expanded_lezzg_gg_.__withAccordion_lezzg_gg_:not(.__theme_lezzg_gg_),.___SRow_lezzg_gg_._theme_danger_lezzg_gg_.__active_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_:not(.__theme_lezzg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_lezzg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_lezzg_gg_ .___SAccordionToggle_lezzg_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_lezzg_gg_ .___SAccordionToggle_lezzg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_lezzg_gg_ .___SAccordionToggle_lezzg_gg_.__expanded_lezzg_gg_ svg{transform:rotate(90deg)}.___SCell_lezzg_gg_.__withoutBorder_lezzg_gg_{border-bottom:none}.___SCell_lezzg_gg_.__withAccordion_lezzg_gg_,.___SCell_lezzg_gg_._name_Symbol\\(SELECT_ALL\\)_lezzg_gg_,.___SRow_lezzg_gg_._accordionType_row_lezzg_gg_>.___SCellWrapper_lezzg_gg_>.___SCell_lezzg_gg_{cursor:pointer}.___SCheckboxCell_lezzg_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_lezzg_gg_._use_primary_lezzg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_lezzg_gg_._use_primary_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SCell_lezzg_gg_._use_secondary_lezzg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_lezzg_gg_._use_secondary_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SCell_lezzg_gg_._borders_both_lezzg_gg_,.___SCell_lezzg_gg_._borders_left_lezzg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_lezzg_gg_._borders_both_lezzg_gg_,.___SCell_lezzg_gg_._borders_right_lezzg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_lezzg_gg_.__fixed_lezzg_gg_{position:sticky;z-index:2}.___SCell_lezzg_gg_._theme_muted_lezzg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_lezzg_gg_._theme_info_lezzg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_lezzg_gg_._theme_success_lezzg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_lezzg_gg_._theme_warning_lezzg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_lezzg_gg_._theme_danger_lezzg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_lezzg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_lezzg_gg_:focus-visible{z-index:15}.___SSpinContainer_lezzg_gg_.__headerHeight_lezzg_gg_{top:var(--headerHeight_lezzg)}.___SEmptyData_lezzg_gg_{grid-column:1/-1}.___SCollapseRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_,.___SRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_[data-aria-level],.___SRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:first-child .___SCell_lezzg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_lezzg) - 1)))}.___SCollapseRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:last-child .___SCell_lezzg_gg_,.___SRow_lezzg_gg_._sideIndents_wide_lezzg_gg_ .___SCellWrapper_lezzg_gg_:last-child .___SCell_lezzg_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SRow_lezzg_gg_.__isAccordionRow_lezzg_gg_.__withAnimation_lezzg_gg_>.___SCellWrapper_lezzg_gg_{transition-property:height;transition-delay:var(--delay_lezzg);transition-duration:var(--duration_lezzg);transition-timing-function:linear;overflow:clip}.___SCellWrapper_lezzg_gg_.__fixed_lezzg_gg_.__shadowVertical_lezzg_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_median_lezzg_gg_,.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_start_lezzg_gg_{margin-right:-5px}.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_median_lezzg_gg_:after,.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_start_lezzg_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_median_lezzg_gg_ .___SCell_lezzg_gg_,.___SCellWrapper_lezzg_gg_._fixed_left_lezzg_gg_._shadowVertical_start_lezzg_gg_ .___SCell_lezzg_gg_{margin-right:5px}.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_end_lezzg_gg_,.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_median_lezzg_gg_{margin-left:-5px}.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_end_lezzg_gg_:after,.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_median_lezzg_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_end_lezzg_gg_ .___SCell_lezzg_gg_,.___SCellWrapper_lezzg_gg_._fixed_right_lezzg_gg_._shadowVertical_median_lezzg_gg_ .___SCell_lezzg_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_lezzg_gg_.__gridArea_lezzg_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_lezzg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_lezzg_gg_.__left_lezzg_gg_{position:sticky;left:var(---left_lezzg)}.___SCell_lezzg_gg_.__innerOutline_lezzg_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"lezzg_gg_"),
13
+ /*__reshadow_css_end__*/
14
+ {
15
+ "__SBody": "___SBody_lezzg_gg_",
16
+ "__SRow": "___SRow_lezzg_gg_",
17
+ "__SRowGroup": "___SRowGroup_lezzg_gg_",
18
+ "__SAccordionRows": "___SAccordionRows_lezzg_gg_",
19
+ "_gridArea": "__gridArea_lezzg_gg_",
20
+ "__SCellWrapper": "___SCellWrapper_lezzg_gg_",
21
+ "__SCollapseRow": "___SCollapseRow_lezzg_gg_",
22
+ "--gridArea": "--gridArea_lezzg",
23
+ "_isAccordionRow": "__isAccordionRow_lezzg_gg_",
24
+ "__SCell": "___SCell_lezzg_gg_",
25
+ "_withoutBorder": "__withoutBorder_lezzg_gg_",
26
+ "_active": "__active_lezzg_gg_",
27
+ "_theme": "__theme_lezzg_gg_",
28
+ "_accordionType_row": "_accordionType_row_lezzg_gg_",
29
+ "_expanded": "__expanded_lezzg_gg_",
30
+ "_withAccordion": "__withAccordion_lezzg_gg_",
31
+ "_isNonInteractive": "__isNonInteractive_lezzg_gg_",
32
+ "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_lezzg_gg_",
33
+ "_theme_muted": "_theme_muted_lezzg_gg_",
34
+ "_theme_info": "_theme_info_lezzg_gg_",
35
+ "_theme_success": "_theme_success_lezzg_gg_",
36
+ "_theme_warning": "_theme_warning_lezzg_gg_",
37
+ "_theme_danger": "_theme_danger_lezzg_gg_",
38
+ "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_lezzg_gg_",
39
+ "__SCheckboxCell": "___SCheckboxCell_lezzg_gg_",
40
+ "_borders_both": "_borders_both_lezzg_gg_",
41
+ "_borders_left": "_borders_left_lezzg_gg_",
42
+ "_borders_right": "_borders_right_lezzg_gg_",
43
+ "_fixed": "__fixed_lezzg_gg_",
44
+ "__SSpinContainer": "___SSpinContainer_lezzg_gg_",
45
+ "_headerHeight": "__headerHeight_lezzg_gg_",
46
+ "--headerHeight": "--headerHeight_lezzg",
47
+ "__SEmptyData": "___SEmptyData_lezzg_gg_",
48
+ "_withAnimation": "__withAnimation_lezzg_gg_",
49
+ "--delay": "--delay_lezzg",
50
+ "--duration": "--duration_lezzg",
51
+ "_left": "__left_lezzg_gg_",
52
+ "---left": "---left_lezzg",
53
+ "_innerOutline": "__innerOutline_lezzg_gg_",
54
+ "_compact": "__compact_lezzg_gg_",
55
+ "--data-aria-level": "--data-aria-level_lezzg",
56
+ "_sideIndents_wide": "_sideIndents_wide_lezzg_gg_",
57
+ "__SAccordionToggle": "___SAccordionToggle_lezzg_gg_",
58
+ "_use_primary": "_use_primary_lezzg_gg_",
59
+ "_use_secondary": "_use_secondary_lezzg_gg_",
60
+ "_shadowVertical": "__shadowVertical_lezzg_gg_",
61
+ "_fixed_left": "_fixed_left_lezzg_gg_",
62
+ "_shadowVertical_median": "_shadowVertical_median_lezzg_gg_",
63
+ "_shadowVertical_start": "_shadowVertical_start_lezzg_gg_",
64
+ "_fixed_right": "_fixed_right_lezzg_gg_",
65
+ "_shadowVertical_end": "_shadowVertical_end_lezzg_gg_"
66
+ });
67
+ import { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';
68
+ import { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';
69
+ var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
70
+ function LimitOverlayRoot() {
71
+ var _this;
72
+ _classCallCheck(this, LimitOverlayRoot);
73
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
74
+ args[_key] = arguments[_key];
75
+ }
76
+ _this = _callSuper(this, LimitOverlayRoot, [].concat(args));
77
+ _defineProperty(_this, "lockedCell", [null, false]);
78
+ _defineProperty(_this, "limitWrapperRef", /*#__PURE__*/React.createRef());
79
+ _defineProperty(_this, "handleFocusableCellKeyDown", function (e) {
80
+ handleKeydownFocusCell(_this.lockedCell, e);
81
+ });
82
+ _defineProperty(_this, "handleFocusableCellFocus", function (e) {
83
+ var tableElement = _this.asProps.tableRef.current;
84
+ if (tableElement && !hasParent(e.relatedTarget, tableElement)) {
85
+ if (e.target instanceof HTMLElement) {
86
+ e.target.dataset.skipTargetFocus = 'true';
87
+ }
88
+ } else {
89
+ if (e.target instanceof HTMLElement) {
90
+ e.target.dataset.skipTargetFocus = undefined;
91
+ }
92
+ handleFocusCell(_this.lockedCell, e.target, e.currentTarget);
93
+ }
94
+ });
95
+ return _this;
96
+ }
97
+ _inherits(LimitOverlayRoot, _Component);
98
+ return _createClass(LimitOverlayRoot, [{
99
+ key: "limitOverlayGridArea",
100
+ get: function get() {
101
+ var _this$asProps = this.asProps,
102
+ columns = _this$asProps.columns,
103
+ hasGroups = _this$asProps.hasGroups,
104
+ flatRows = _this$asProps.flatRows,
105
+ limit = _this$asProps.limit;
106
+ var fromRow = limit.fromRow,
107
+ fromColumn = limit.fromColumn;
108
+ var rowOffset = hasGroups ? 3 : 2;
109
+ var rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX] : rowOffset;
110
+ var rowEnd = rowOffset;
111
+ var lastRow = flatRows[flatRows.length - 1];
112
+ if (lastRow[ACCORDION]) {
113
+ rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);
114
+ } else {
115
+ rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;
116
+ }
117
+ var columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
118
+ var columnEnd = columns.length + 1;
119
+ return "".concat(rowStart, " / ").concat(columnStart, " / ").concat(rowEnd, " / ").concat(columnEnd);
120
+ }
121
+ }, {
122
+ key: "sizes",
123
+ get: function get() {
124
+ var _this$asProps2 = this.asProps,
125
+ scrollAreaRef = _this$asProps2.scrollAreaRef,
126
+ columns = _this$asProps2.columns;
127
+ if (columns.some(function (c) {
128
+ return c.fixed;
129
+ }) && this.limitWrapperRef.current && scrollAreaRef.current) {
130
+ var scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
131
+ var limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
132
+ var left = limitWrapperRect.x - scrollAreaRect.x;
133
+ var width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
134
+ return {
135
+ left: left,
136
+ width: width
137
+ };
138
+ }
139
+ return {
140
+ left: 0,
141
+ width: 0
142
+ };
143
+ }
144
+ }, {
145
+ key: "render",
146
+ value: function render() {
147
+ var _ref;
148
+ var SLimitOverlayCellWrapper = Flex;
149
+ var _this$asProps3 = this.asProps,
150
+ columns = _this$asProps3.columns,
151
+ rows = _this$asProps3.rows,
152
+ styles = _this$asProps3.styles,
153
+ limit = _this$asProps3.limit;
154
+ var rowsLimit = limit.fromRow;
155
+ var columnsLimit = limit.fromColumn;
156
+ var renderOverlay = limit.renderOverlay;
157
+ var colIndex = columnsLimit ? columnsLimit + 1 : 1;
158
+ var colSpan = columns.length - (columnsLimit !== null && columnsLimit !== void 0 ? columnsLimit : 0);
159
+ var rowsSpan = rows.length - (rowsLimit !== null && rowsLimit !== void 0 ? rowsLimit : 0);
160
+ var _this$sizes = this.sizes,
161
+ width = _this$sizes.width,
162
+ left = _this$sizes.left;
163
+ return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
164
+ "ref": this.limitWrapperRef,
165
+ "gridArea": this.limitOverlayGridArea,
166
+ "w": width ? width : undefined,
167
+ "left": left ? left : undefined
168
+ }), /*#__PURE__*/React.createElement(Box, _ref.cn("Box", {
169
+ "role": 'gridcell',
170
+ "aria-colindex": colIndex,
171
+ "aria-colspan": colSpan,
172
+ "aria-rowspan": rowsSpan,
173
+ "tabIndex": -1,
174
+ "onFocus": this.handleFocusableCellFocus,
175
+ "onKeyDown": this.handleFocusableCellKeyDown
176
+ }), renderOverlay === null || renderOverlay === void 0 ? void 0 : renderOverlay()));
177
+ }
178
+ }]);
179
+ }(Component);
180
+ _defineProperty(LimitOverlayRoot, "displayName", 'LimitOverlay');
181
+ _defineProperty(LimitOverlayRoot, "style", style);
182
+ export var LimitOverlay = createComponent(LimitOverlayRoot);
183
+ //# sourceMappingURL=LimitOverlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LimitOverlay.js","names":["Box","Flex","Component","createComponent","sstyled","hasParent","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","ACCORDION","GRID_ROW_INDEX","LimitOverlayRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","lockedCell","tableElement","asProps","tableRef","current","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","currentTarget","_inherits","_createClass","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","rowEnd","lastRow","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n columns: DTColumn[];\n rows: DTRows<UniqKeyType>;\n limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n flatRows: DTRow<UniqKeyType>[];\n hasGroups: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n limitWrapperRef = React.createRef<HTMLDivElement>();\n\n static displayName = 'LimitOverlay';\n static style = style;\n\n get limitOverlayGridArea() {\n const {\n columns,\n hasGroups,\n flatRows,\n limit,\n } = this.asProps;\n\n const { fromRow, fromColumn } = limit;\n\n const rowOffset = hasGroups ? 3 : 2;\n\n const rowStart = fromRow !== undefined\n ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n : rowOffset;\n let rowEnd = rowOffset;\n\n const lastRow = flatRows[flatRows.length - 1];\n if (lastRow[ACCORDION]) {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n } else {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n }\n\n const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n const columnEnd = columns.length + 1;\n\n return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n }\n\n get sizes() {\n const { scrollAreaRef, columns } = this.asProps;\n\n if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n const left = limitWrapperRect.x - scrollAreaRect.x;\n const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n return {\n left,\n width,\n };\n }\n\n return {\n left: 0,\n width: 0,\n };\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n const tableElement = this.asProps.tableRef.current;\n if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = 'true';\n }\n } else {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = undefined;\n }\n\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n }\n };\n\n render() {\n const SLimitOverlayCellWrapper = Flex;\n const { columns, rows, styles, limit } = this.asProps;\n\n const rowsLimit = limit.fromRow;\n const columnsLimit = limit.fromColumn;\n const renderOverlay = limit.renderOverlay;\n\n const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n const colSpan = columns.length - (columnsLimit ?? 0);\n const rowsSpan = rows.length - (rowsLimit ?? 0);\n const { width, left } = this.sizes;\n\n return sstyled(styles)(\n <SLimitOverlayCellWrapper\n ref={this.limitWrapperRef}\n // @ts-ignore\n gridArea={this.limitOverlayGridArea}\n w={width ? width : undefined}\n left={left ? left : undefined}\n >\n <Box\n role='gridcell'\n aria-colindex={colIndex}\n aria-colspan={colSpan}\n aria-rowspan={rowsSpan}\n tabIndex={-1}\n onFocus={this.handleFocusableCellFocus}\n onKeyDown={this.handleFocusableCellKeyDown}\n >\n {renderOverlay?.()}\n </Box>\n </SLimitOverlayCellWrapper>,\n );\n }\n}\n\ntype LimitOverlayType = (<\n UniqKeyType,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":"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","ignoreList":[]}