@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.
- package/CHANGELOG.md +14 -0
- package/lib/cjs/components/Body/Body.js +58 -53
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Body.types.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +62 -107
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/LimitOverlay.js +190 -0
- package/lib/cjs/components/Body/LimitOverlay.js.map +1 -0
- package/lib/cjs/components/Body/Row.js +161 -109
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +94 -42
- package/lib/cjs/components/DataTable/DataTable.js +61 -41
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/DataTable/dataTable.shadow.css +1 -0
- package/lib/cjs/components/Head/Column.js +45 -92
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +38 -41
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +38 -41
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/enhancers/focusableCell.js +63 -0
- package/lib/cjs/enhancers/focusableCell.js.map +1 -0
- package/lib/es6/components/Body/Body.js +57 -52
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Body.types.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +61 -106
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/LimitOverlay.js +183 -0
- package/lib/es6/components/Body/LimitOverlay.js.map +1 -0
- package/lib/es6/components/Body/Row.js +160 -108
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +94 -42
- package/lib/es6/components/DataTable/DataTable.js +60 -40
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/DataTable/dataTable.shadow.css +1 -0
- package/lib/es6/components/Head/Column.js +44 -91
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Group.js +37 -40
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +37 -40
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/enhancers/focusableCell.js +56 -0
- package/lib/es6/enhancers/focusableCell.js.map +1 -0
- package/lib/esm/components/Body/Body.mjs +58 -56
- package/lib/esm/components/Body/Cell.mjs +62 -109
- package/lib/esm/components/Body/LimitOverlay.mjs +178 -0
- package/lib/esm/components/Body/Row.mjs +125 -85
- package/lib/esm/components/Body/style.shadow.css +94 -42
- package/lib/esm/components/DataTable/DataTable.mjs +59 -42
- package/lib/esm/components/DataTable/dataTable.shadow.css +1 -0
- package/lib/esm/components/Head/Column.mjs +45 -94
- package/lib/esm/components/Head/Group.mjs +38 -43
- package/lib/esm/components/Head/Head.mjs +38 -43
- package/lib/esm/enhancers/focusableCell.mjs +59 -0
- package/lib/types/components/Body/Body.types.d.ts +2 -1
- package/lib/types/components/Body/LimitOverlay.d.ts +17 -0
- package/lib/types/components/Body/Row.d.ts +1 -0
- package/lib/types/components/Body/Row.types.d.ts +3 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +19 -0
- package/lib/types/components/Head/Column.d.ts +5 -4
- package/lib/types/enhancers/focusableCell.d.ts +9 -0
- 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":[]}
|