@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
@@ -10,9 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
- var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
15
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
16
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
18
16
  var _core = require("@semcore/core");
@@ -20,51 +18,50 @@ var _baseComponents = require("@semcore/base-components");
20
18
  var _button = require("@semcore/button");
21
19
  var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
22
20
  var _cssToIntDefault = _interopRequireDefault(require("@semcore/core/lib/utils/cssToIntDefault"));
23
- var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
24
21
  var _isFocusInside = require("@semcore/core/lib/utils/focus-lock/isFocusInside");
25
22
  var _m = _interopRequireDefault(require("@semcore/icon/SortAsc/m"));
26
23
  var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
27
24
  var React = _interopRequireWildcard(require("react"));
28
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
25
+ var _focusableCell = require("../../enhancers/focusableCell");
29
26
  /*!__reshadow-styles__:"./style.shadow.css"*/
30
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_3r3g8_gg_,.___SHead_3r3g8_gg_{display:contents}.___SHead_3r3g8_gg_.__isDataEmpty_3r3g8_gg_.__gridTemplateColumns_3r3g8_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_3r3g8);overflow:auto;scrollbar-width:thin}.___SHead_3r3g8_gg_.__animationDuration_3r3g8_gg_>.___SColumn_3r3g8_gg_{transition:top var(--animationDuration_3r3g8) ease-out}.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SColumn_3r3g8_gg_,.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SGroup_3r3g8_gg_{position:sticky;top:0;z-index:18}.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SGroupContainer_3r3g8_gg_>.___SColumn_3r3g8_gg_{position:sticky;z-index:18}.___SHead_3r3g8_gg_.__compact_3r3g8_gg_ .___SColumn_3r3g8_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_3r3g8_gg_,.___SGroup_3r3g8_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_3r3g8_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_3r3g8_gg_._use_primary_3r3g8_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_3r3g8_gg_._use_primary_3r3g8_gg_:has(~.___SColumn_3r3g8_gg_.__visibleSort_3r3g8_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_3r3g8_gg_._use_secondary_3r3g8_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_3r3g8_gg_._borders_both_3r3g8_gg_,.___SColumn_3r3g8_gg_._borders_left_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_both_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_left_3r3g8_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3r3g8_gg_._borders_both_3r3g8_gg_,.___SColumn_3r3g8_gg_._borders_right_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_both_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_right_3r3g8_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_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_3r3g8_gg_._use_primary_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortButton_3r3g8_gg_,.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before,.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{display:flex;opacity:1}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_._justifyContent_right_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:absolute}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_._justifyContent_right_3r3g8_gg_.__changeSortSize_3r3g8_gg_.__isSorted_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_,.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_._justifyContent_right_3r3g8_gg_.__changeSortSize_3r3g8_gg_.__isSorted_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:relative}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_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_3r3g8_gg_._use_secondary_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortButton_3r3g8_gg_{display:flex;opacity:1}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_._justifyContent_right_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:absolute}.___SColumn_3r3g8_gg_.__gridArea_3r3g8_gg_,.___SGroupTitle_3r3g8_gg_.__gridArea_3r3g8_gg_,.___SGroup_3r3g8_gg_.__gridArea_3r3g8_gg_{grid-area:var(--gridArea_3r3g8)}.___SHead_3r3g8_gg_ .___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_,.___SHead_3r3g8_gg_ .___SGroup_3r3g8_gg_.__fixed_3r3g8_gg_,.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_3r3g8_gg_.__sortable_3r3g8_gg_:hover{cursor:pointer}}.___SSortWrapper_3r3g8_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_3r3g8_gg_,.___SSortWrapper_3r3g8_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_3r3g8_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_3r3g8_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_3r3g8_gg_._sideIndents_wide_3r3g8_gg_ .___SColumn_3r3g8_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_3r3g8_gg_._sideIndents_wide_3r3g8_gg_ .___SColumn_3r3g8_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_3r3g8_gg_{cursor:pointer}.___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_.__shadowVertical_3r3g8_gg_:after,.___SGroup_3r3g8_gg_.__fixed_3r3g8_gg_.__shadowVertical_3r3g8_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_primary_3r3g8_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_secondary_3r3g8_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_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_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_primary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_:after,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_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__*/"3r3g8_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_85a0v_gg_,.___SHead_85a0v_gg_{display:contents}.___SHead_85a0v_gg_.__isDataEmpty_85a0v_gg_.__gridTemplateColumns_85a0v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_85a0v);overflow:auto;scrollbar-width:thin}.___SHead_85a0v_gg_.__animationDuration_85a0v_gg_>.___SColumn_85a0v_gg_{transition:top var(--animationDuration_85a0v) ease-out}.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SColumn_85a0v_gg_,.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SGroup_85a0v_gg_{position:sticky;top:0;z-index:18}.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SGroupContainer_85a0v_gg_>.___SColumn_85a0v_gg_{position:sticky;z-index:18}.___SHead_85a0v_gg_.__compact_85a0v_gg_ .___SColumn_85a0v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_85a0v_gg_,.___SGroup_85a0v_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_85a0v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_85a0v_gg_._use_primary_85a0v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_85a0v_gg_._use_primary_85a0v_gg_:has(~.___SColumn_85a0v_gg_.__visibleSort_85a0v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_85a0v_gg_._use_secondary_85a0v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_85a0v_gg_._borders_both_85a0v_gg_,.___SColumn_85a0v_gg_._borders_left_85a0v_gg_,.___SGroup_85a0v_gg_._borders_both_85a0v_gg_,.___SGroup_85a0v_gg_._borders_left_85a0v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_85a0v_gg_._borders_both_85a0v_gg_,.___SColumn_85a0v_gg_._borders_right_85a0v_gg_,.___SGroup_85a0v_gg_._borders_both_85a0v_gg_,.___SGroup_85a0v_gg_._borders_right_85a0v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_85a0v_gg_._use_primary_85a0v_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_85a0v_gg_._use_primary_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortButton_85a0v_gg_,.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before,.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{display:flex;opacity:1}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_._justifyContent_right_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:absolute}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_._justifyContent_right_85a0v_gg_.__changeSortSize_85a0v_gg_.__isSorted_85a0v_gg_ .___SSortWrapper_85a0v_gg_,.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_._justifyContent_right_85a0v_gg_.__changeSortSize_85a0v_gg_.__isSorted_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:relative}.___SColumn_85a0v_gg_._use_secondary_85a0v_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_85a0v_gg_._use_secondary_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortButton_85a0v_gg_{display:flex;opacity:1}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_._justifyContent_right_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:absolute}.___SColumn_85a0v_gg_.__gridArea_85a0v_gg_,.___SGroupTitle_85a0v_gg_.__gridArea_85a0v_gg_,.___SGroup_85a0v_gg_.__gridArea_85a0v_gg_{grid-area:var(--gridArea_85a0v)}.___SHead_85a0v_gg_ .___SColumn_85a0v_gg_.__fixed_85a0v_gg_,.___SHead_85a0v_gg_ .___SGroup_85a0v_gg_.__fixed_85a0v_gg_,.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SColumn_85a0v_gg_.__fixed_85a0v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_85a0v_gg_.__sortable_85a0v_gg_:hover{cursor:pointer}}.___SSortWrapper_85a0v_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_85a0v_gg_,.___SSortWrapper_85a0v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_85a0v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_85a0v_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_85a0v_gg_._sideIndents_wide_85a0v_gg_ .___SColumn_85a0v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_85a0v_gg_._sideIndents_wide_85a0v_gg_ .___SColumn_85a0v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_85a0v_gg_{cursor:pointer}.___SColumn_85a0v_gg_.__fixed_85a0v_gg_.__shadowVertical_85a0v_gg_:after,.___SGroup_85a0v_gg_.__fixed_85a0v_gg_.__shadowVertical_85a0v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_primary_85a0v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_secondary_85a0v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_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_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_primary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_secondary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_:after,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_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__*/"85a0v_gg_"),
31
28
  /*__reshadow_css_end__*/
32
29
  {
33
- "__SHead": "___SHead_3r3g8_gg_",
34
- "__SGroupContainer": "___SGroupContainer_3r3g8_gg_",
35
- "_isDataEmpty": "__isDataEmpty_3r3g8_gg_",
36
- "_gridTemplateColumns": "__gridTemplateColumns_3r3g8_gg_",
37
- "--gridTemplateColumns": "--gridTemplateColumns_3r3g8",
38
- "_animationDuration": "__animationDuration_3r3g8_gg_",
39
- "__SColumn": "___SColumn_3r3g8_gg_",
40
- "--animationDuration": "--animationDuration_3r3g8",
41
- "_sticky": "__sticky_3r3g8_gg_",
42
- "__SGroup": "___SGroup_3r3g8_gg_",
43
- "_compact": "__compact_3r3g8_gg_",
44
- "_use_secondary": "_use_secondary_3r3g8_gg_",
45
- "_borders_both": "_borders_both_3r3g8_gg_",
46
- "_borders_left": "_borders_left_3r3g8_gg_",
47
- "_borders_right": "_borders_right_3r3g8_gg_",
48
- "_gridArea": "__gridArea_3r3g8_gg_",
49
- "__SGroupTitle": "___SGroupTitle_3r3g8_gg_",
50
- "--gridArea": "--gridArea_3r3g8",
51
- "_fixed": "__fixed_3r3g8_gg_",
52
- "_sortable": "__sortable_3r3g8_gg_",
53
- "__SSortWrapper": "___SSortWrapper_3r3g8_gg_",
54
- "__SSortButton": "___SSortButton_3r3g8_gg_",
55
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_3r3g8_gg_",
56
- "_use_primary": "_use_primary_3r3g8_gg_",
57
- "_visibleSort": "__visibleSort_3r3g8_gg_",
58
- "_justifyContent_right": "_justifyContent_right_3r3g8_gg_",
59
- "_changeSortSize": "__changeSortSize_3r3g8_gg_",
60
- "_isSorted": "__isSorted_3r3g8_gg_",
61
- "_sideIndents_wide": "_sideIndents_wide_3r3g8_gg_",
62
- "_shadowVertical": "__shadowVertical_3r3g8_gg_",
63
- "_fixed_left": "_fixed_left_3r3g8_gg_",
64
- "_shadowVertical_median": "_shadowVertical_median_3r3g8_gg_",
65
- "_shadowVertical_start": "_shadowVertical_start_3r3g8_gg_",
66
- "_fixed_right": "_fixed_right_3r3g8_gg_",
67
- "_shadowVertical_end": "_shadowVertical_end_3r3g8_gg_"
30
+ "__SHead": "___SHead_85a0v_gg_",
31
+ "__SGroupContainer": "___SGroupContainer_85a0v_gg_",
32
+ "_isDataEmpty": "__isDataEmpty_85a0v_gg_",
33
+ "_gridTemplateColumns": "__gridTemplateColumns_85a0v_gg_",
34
+ "--gridTemplateColumns": "--gridTemplateColumns_85a0v",
35
+ "_animationDuration": "__animationDuration_85a0v_gg_",
36
+ "__SColumn": "___SColumn_85a0v_gg_",
37
+ "--animationDuration": "--animationDuration_85a0v",
38
+ "_sticky": "__sticky_85a0v_gg_",
39
+ "__SGroup": "___SGroup_85a0v_gg_",
40
+ "_compact": "__compact_85a0v_gg_",
41
+ "_use_secondary": "_use_secondary_85a0v_gg_",
42
+ "_borders_both": "_borders_both_85a0v_gg_",
43
+ "_borders_left": "_borders_left_85a0v_gg_",
44
+ "_borders_right": "_borders_right_85a0v_gg_",
45
+ "_gridArea": "__gridArea_85a0v_gg_",
46
+ "__SGroupTitle": "___SGroupTitle_85a0v_gg_",
47
+ "--gridArea": "--gridArea_85a0v",
48
+ "_fixed": "__fixed_85a0v_gg_",
49
+ "_sortable": "__sortable_85a0v_gg_",
50
+ "__SSortWrapper": "___SSortWrapper_85a0v_gg_",
51
+ "__SSortButton": "___SSortButton_85a0v_gg_",
52
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_85a0v_gg_",
53
+ "_use_primary": "_use_primary_85a0v_gg_",
54
+ "_visibleSort": "__visibleSort_85a0v_gg_",
55
+ "_justifyContent_right": "_justifyContent_right_85a0v_gg_",
56
+ "_changeSortSize": "__changeSortSize_85a0v_gg_",
57
+ "_isSorted": "__isSorted_85a0v_gg_",
58
+ "_sideIndents_wide": "_sideIndents_wide_85a0v_gg_",
59
+ "_shadowVertical": "__shadowVertical_85a0v_gg_",
60
+ "_fixed_left": "_fixed_left_85a0v_gg_",
61
+ "_shadowVertical_median": "_shadowVertical_median_85a0v_gg_",
62
+ "_shadowVertical_start": "_shadowVertical_start_85a0v_gg_",
63
+ "_fixed_right": "_fixed_right_85a0v_gg_",
64
+ "_shadowVertical_end": "_shadowVertical_end_85a0v_gg_"
68
65
  });
69
66
  var SORTING_ICON = {
70
67
  desc: _m2["default"],
@@ -87,7 +84,7 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
87
84
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
88
85
  args[_key] = arguments[_key];
89
86
  }
90
- _this = _callSuper(this, Column, [].concat(args));
87
+ _this = (0, _callSuper2["default"])(this, Column, [].concat(args));
91
88
  (0, _defineProperty2["default"])(_this, "lockedCell", [null, false]);
92
89
  (0, _defineProperty2["default"])(_this, "columnRef", /*#__PURE__*/React.createRef());
93
90
  (0, _defineProperty2["default"])(_this, "sortWrapperRef", /*#__PURE__*/React.createRef());
@@ -158,61 +155,17 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
158
155
  }
159
156
  }
160
157
  });
161
- (0, _defineProperty2["default"])(_this, "handleKeyDown", function (e) {
162
- if (e.currentTarget === _this.lockedCell[0]) {
163
- var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
164
- return (0, _getFocusableIn.getFocusableIn)(node);
165
- });
166
- if (_this.lockedCell[1]) {
167
- if (e.key === 'Escape') {
168
- var _this$lockedCell$;
169
- (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 || _this$lockedCell$.focus();
170
- _this.lockedCell[1] = false;
171
- }
172
- if (e.key.startsWith('Arrow')) {
173
- e.stopPropagation();
174
- }
175
- if (e.key === 'Tab') {
176
- if (e.target === focusableChildren[0] && e.shiftKey) {
177
- var _focusableChildren;
178
- (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus();
179
- e.preventDefault();
180
- } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
181
- var _focusableChildren$;
182
- (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus();
183
- e.preventDefault();
184
- }
185
- e.stopPropagation();
186
- }
187
- } else if (e.key === 'Enter') {
188
- var _focusableChildren$2;
189
- _this.lockedCell[1] = true;
190
- (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus();
191
- e.preventDefault();
192
- e.stopPropagation();
193
- } else if (e.key === 'Tab') {
194
- var _this$lockedCell$2;
195
- (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 || _this$lockedCell$2.setAttribute('inert', '');
196
- }
197
- }
158
+ (0, _defineProperty2["default"])(_this, "handleFocusableCellKeyDown", function (e) {
159
+ (0, _focusableCell.handleKeydownFocusCell)(_this.lockedCell, e);
198
160
  });
199
- (0, _defineProperty2["default"])(_this, "handleFocusCell", function (e) {
161
+ (0, _defineProperty2["default"])(_this, "handleFocusableCellFocus", function (e) {
200
162
  var cellElement = e.currentTarget;
201
163
  var target = e.target;
202
164
  if (_core.lastInteraction.isKeyboard()) {
203
165
  _this.setState({
204
166
  sortVisible: true
205
167
  }, function () {
206
- if (target === cellElement) {
207
- var focusableChildren = Array.from(cellElement.children).flatMap(function (node) {
208
- return (0, _getFocusableIn.getFocusableIn)(node);
209
- });
210
- if (focusableChildren.length === 1) {
211
- focusableChildren[0].focus();
212
- } else if (focusableChildren.length > 1) {
213
- _this.lockedCell = [cellElement, false];
214
- }
215
- }
168
+ (0, _focusableCell.handleFocusCell)(_this.lockedCell, target, cellElement);
216
169
  });
217
170
  }
218
171
  });
@@ -346,9 +299,9 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
346
299
  "tabIndex": -1,
347
300
  "onMouseEnter": this.handleMouseEnter,
348
301
  "onMouseLeave": this.handleMouseLeave,
349
- "onFocus": this.handleFocusCell,
302
+ "onFocus": this.handleFocusableCellFocus,
350
303
  "onBlur": this.handleBlur,
351
- "onKeyDown": this.handleKeyDown,
304
+ "onKeyDown": this.handleFocusableCellKeyDown,
352
305
  "visibleSort": visibleSort,
353
306
  "isSorted": isSorted,
354
307
  "innerOutline": true,
@@ -1 +1 @@
1
- {"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_cssToIntDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","cssToIntDefault","top","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Column';\n static style = style;\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n e.preventDefault();\n e.stopPropagation();\n } else if (e.key === 'Tab') {\n this.lockedCell[0]?.setAttribute('inert', '');\n }\n }\n };\n\n handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n if (target === cellElement) {\n const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [cellElement, false];\n }\n }\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusCell}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_cssToIntDefault","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_focusableCell","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","handleKeydownFocusCell","lockedCell","cellElement","handleFocusCell","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","children","item","groupRectHeight","height","topOffset","HTMLElement","cssToIntDefault","top","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag","Component"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n desc: SortDesc,\n asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n desc: 'descending',\n asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n desc: 'asc',\n asc: 'desc',\n};\n\ntype State = {\n sortVisible: boolean;\n};\n\nexport class Column<\n Data extends DataTableData,\n UniqKey extends keyof Data[number],\n UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<Data, UniqKey, UniqKeyType>\n > implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Column';\n static style = style;\n\n columnRef = React.createRef<HTMLDivElement>();\n sortWrapperRef = React.createRef<HTMLDivElement>();\n\n state: State = {\n sortVisible: false,\n };\n\n componentDidMount() {\n const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n if (parent && sticky && scrollDirection !== 'horizontal') {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n if (\n this.asProps.changeSortSize &&\n canUseDOM() &&\n prevProps.sort?.[0] !== this.asProps.sort?.[0]\n ) {\n this.changeTemplateColumnBySort();\n }\n }\n\n changeTemplateColumnBySort() {\n const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n if (sort?.[0] === name) {\n const newWidth = this.calculateActiveColumnMinWidth();\n\n setTimeout(() => {\n if (tableRef.current && newWidth !== null) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return `${newWidth}px`;\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n });\n } else if (sort?.[0] !== name) {\n setTimeout(() => {\n if (tableRef.current) {\n const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n if (currentGridTemplateColumns) {\n tableRef.current.style.setProperty(\n 'grid-template-columns',\n currentGridTemplateColumns.split(' ')\n .map((gtcWidth, index) => {\n if (index === columnIndex) {\n return gridTemplateColumns[index];\n }\n return gtcWidth;\n })\n .join(' '),\n );\n }\n }\n });\n }\n }\n\n calculateActiveColumnMinWidth = (): number | null => {\n const node = this.columnRef.current;\n\n if (node) {\n const clonedColumn = document.createElement('div');\n const computedStyle = window.getComputedStyle(node);\n\n node.childNodes.forEach((node) => {\n if (this.sortWrapperRef.current !== node) {\n clonedColumn.append(node.cloneNode(true));\n }\n });\n\n clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n const styles = [\n 'display',\n 'flex',\n 'margin',\n 'padding',\n 'background',\n 'font-style',\n 'font-width',\n 'font-size',\n 'font-weight',\n ];\n\n styles.forEach((key) => {\n clonedColumn.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n });\n\n clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n document.body.appendChild(clonedColumn);\n\n const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n document.body.removeChild(clonedColumn);\n\n const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n if (computedWidth >= defaultNodeWidth) {\n return defaultNodeWidth + SORT_ICON_WIDTH;\n } else {\n const freeSpace = defaultNodeWidth - computedWidth;\n\n if (freeSpace < SORT_ICON_WIDTH) {\n return computedWidth + SORT_ICON_WIDTH;\n }\n }\n }\n\n return null;\n };\n\n get defaultDirection() {\n const { sortable } = this.asProps;\n\n if (typeof sortable === 'string') {\n return sortable;\n }\n\n return DEFAULT_DIRECTION;\n }\n\n handleMouseEnter = () => {\n this.setState({ sortVisible: true });\n };\n\n handleMouseLeave = () => {\n this.setState({ sortVisible: false });\n };\n\n handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: false });\n }\n };\n\n handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n e.stopPropagation();\n\n const { sort, onSortChange, name, sortable } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sortable && onSortChange) {\n const sortDirection =\n sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n onSortChange([name, sortDirection], e);\n }\n }\n };\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n const cellElement = e.currentTarget;\n const target = e.target;\n\n if (lastInteraction.isKeyboard()) {\n this.setState({ sortVisible: true }, () => {\n handleFocusCell(this.lockedCell, target, cellElement);\n });\n }\n };\n\n handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n const { sortable, onClick, columnIndex } = this.asProps;\n if (sortable) {\n this.handleSortClick(e);\n }\n\n onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n };\n\n render() {\n const SColumn = Root;\n const SSortWrapper = 'div';\n const SSortButton = ButtonLink;\n const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n this.asProps;\n\n const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n const isSorted = sortBy === name && !!sortDirection;\n\n const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (sortable) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n return sstyled(styles)(\n <SColumn\n render={Flex}\n ref={this.columnRef}\n role='columnheader'\n tabIndex={-1}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onFocus={this.handleFocusableCellFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleFocusableCellKeyDown}\n visibleSort={visibleSort}\n isSorted={isSorted}\n innerOutline\n aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n aria-sort={ariaSortValue}\n use:onClick={this.handleClick}\n >\n <Children />\n\n {sortable && (\n <SSortWrapper ref={this.sortWrapperRef}>\n <SSortButton\n onClick={this.handleSortClick}\n aria-label={ariaSortValue}\n color='--intergalactic-icon-primary-neutral'\n >\n <SSortButton.Addon tag={SSortIcon} />\n </SSortButton>\n </SSortWrapper>\n )}\n </SColumn>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -9,9 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
- var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
14
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
15
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
15
  var _core = require("@semcore/core");
@@ -19,51 +17,50 @@ var _baseComponents = require("@semcore/base-components");
19
17
  var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
20
18
  var _react = _interopRequireDefault(require("react"));
21
19
  var _DataTable = require("../DataTable/DataTable");
22
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
23
20
  /*!__reshadow-styles__:"./style.shadow.css"*/
24
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_3r3g8_gg_,.___SHead_3r3g8_gg_{display:contents}.___SHead_3r3g8_gg_.__isDataEmpty_3r3g8_gg_.__gridTemplateColumns_3r3g8_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_3r3g8);overflow:auto;scrollbar-width:thin}.___SHead_3r3g8_gg_.__animationDuration_3r3g8_gg_>.___SColumn_3r3g8_gg_{transition:top var(--animationDuration_3r3g8) ease-out}.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SColumn_3r3g8_gg_,.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SGroup_3r3g8_gg_{position:sticky;top:0;z-index:18}.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SGroupContainer_3r3g8_gg_>.___SColumn_3r3g8_gg_{position:sticky;z-index:18}.___SHead_3r3g8_gg_.__compact_3r3g8_gg_ .___SColumn_3r3g8_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_3r3g8_gg_,.___SGroup_3r3g8_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_3r3g8_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_3r3g8_gg_._use_primary_3r3g8_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_3r3g8_gg_._use_primary_3r3g8_gg_:has(~.___SColumn_3r3g8_gg_.__visibleSort_3r3g8_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_3r3g8_gg_._use_secondary_3r3g8_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_3r3g8_gg_._borders_both_3r3g8_gg_,.___SColumn_3r3g8_gg_._borders_left_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_both_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_left_3r3g8_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3r3g8_gg_._borders_both_3r3g8_gg_,.___SColumn_3r3g8_gg_._borders_right_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_both_3r3g8_gg_,.___SGroup_3r3g8_gg_._borders_right_3r3g8_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_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_3r3g8_gg_._use_primary_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortButton_3r3g8_gg_,.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before,.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{display:flex;opacity:1}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_._justifyContent_right_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:absolute}.___SColumn_3r3g8_gg_._use_primary_3r3g8_gg_._justifyContent_right_3r3g8_gg_.__changeSortSize_3r3g8_gg_.__isSorted_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_,.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_._justifyContent_right_3r3g8_gg_.__changeSortSize_3r3g8_gg_.__isSorted_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:relative}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_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_3r3g8_gg_._use_secondary_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_.__visibleSort_3r3g8_gg_ .___SSortButton_3r3g8_gg_{display:flex;opacity:1}.___SColumn_3r3g8_gg_._use_secondary_3r3g8_gg_._justifyContent_right_3r3g8_gg_ .___SSortWrapper_3r3g8_gg_{position:absolute}.___SColumn_3r3g8_gg_.__gridArea_3r3g8_gg_,.___SGroupTitle_3r3g8_gg_.__gridArea_3r3g8_gg_,.___SGroup_3r3g8_gg_.__gridArea_3r3g8_gg_{grid-area:var(--gridArea_3r3g8)}.___SHead_3r3g8_gg_ .___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_,.___SHead_3r3g8_gg_ .___SGroup_3r3g8_gg_.__fixed_3r3g8_gg_,.___SHead_3r3g8_gg_.__sticky_3r3g8_gg_ .___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_3r3g8_gg_.__sortable_3r3g8_gg_:hover{cursor:pointer}}.___SSortWrapper_3r3g8_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_3r3g8_gg_,.___SSortWrapper_3r3g8_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_3r3g8_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_3r3g8_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_3r3g8_gg_._sideIndents_wide_3r3g8_gg_ .___SColumn_3r3g8_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_3r3g8_gg_._sideIndents_wide_3r3g8_gg_ .___SColumn_3r3g8_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_3r3g8_gg_{cursor:pointer}.___SColumn_3r3g8_gg_.__fixed_3r3g8_gg_.__shadowVertical_3r3g8_gg_:after,.___SGroup_3r3g8_gg_.__fixed_3r3g8_gg_.__shadowVertical_3r3g8_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_primary_3r3g8_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_._use_secondary_3r3g8_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SColumn_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_left_3r3g8_gg_._shadowVertical_start_3r3g8_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_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_primary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_primary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_primary_3r3g8_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_._use_secondary_3r3g8_gg_,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_._use_secondary_3r3g8_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_:after,.___SColumn_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_end_3r3g8_gg_:after,.___SGroup_3r3g8_gg_._fixed_right_3r3g8_gg_._shadowVertical_median_3r3g8_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__*/"3r3g8_gg_"),
21
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_85a0v_gg_,.___SHead_85a0v_gg_{display:contents}.___SHead_85a0v_gg_.__isDataEmpty_85a0v_gg_.__gridTemplateColumns_85a0v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_85a0v);overflow:auto;scrollbar-width:thin}.___SHead_85a0v_gg_.__animationDuration_85a0v_gg_>.___SColumn_85a0v_gg_{transition:top var(--animationDuration_85a0v) ease-out}.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SColumn_85a0v_gg_,.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SGroup_85a0v_gg_{position:sticky;top:0;z-index:18}.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SGroupContainer_85a0v_gg_>.___SColumn_85a0v_gg_{position:sticky;z-index:18}.___SHead_85a0v_gg_.__compact_85a0v_gg_ .___SColumn_85a0v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_85a0v_gg_,.___SGroup_85a0v_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_85a0v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_85a0v_gg_._use_primary_85a0v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_85a0v_gg_._use_primary_85a0v_gg_:has(~.___SColumn_85a0v_gg_.__visibleSort_85a0v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_85a0v_gg_._use_secondary_85a0v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_85a0v_gg_._borders_both_85a0v_gg_,.___SColumn_85a0v_gg_._borders_left_85a0v_gg_,.___SGroup_85a0v_gg_._borders_both_85a0v_gg_,.___SGroup_85a0v_gg_._borders_left_85a0v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_85a0v_gg_._borders_both_85a0v_gg_,.___SColumn_85a0v_gg_._borders_right_85a0v_gg_,.___SGroup_85a0v_gg_._borders_both_85a0v_gg_,.___SGroup_85a0v_gg_._borders_right_85a0v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_85a0v_gg_._use_primary_85a0v_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_85a0v_gg_._use_primary_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortButton_85a0v_gg_,.___SColumn_85a0v_gg_._use_primary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before,.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{display:flex;opacity:1}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_._justifyContent_right_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:absolute}.___SColumn_85a0v_gg_._use_primary_85a0v_gg_._justifyContent_right_85a0v_gg_.__changeSortSize_85a0v_gg_.__isSorted_85a0v_gg_ .___SSortWrapper_85a0v_gg_,.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_._justifyContent_right_85a0v_gg_.__changeSortSize_85a0v_gg_.__isSorted_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:relative}.___SColumn_85a0v_gg_._use_secondary_85a0v_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_85a0v_gg_._use_secondary_85a0v_gg_ .___SSortWrapper_85a0v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortWrapper_85a0v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_.__visibleSort_85a0v_gg_ .___SSortButton_85a0v_gg_{display:flex;opacity:1}.___SColumn_85a0v_gg_._use_secondary_85a0v_gg_._justifyContent_right_85a0v_gg_ .___SSortWrapper_85a0v_gg_{position:absolute}.___SColumn_85a0v_gg_.__gridArea_85a0v_gg_,.___SGroupTitle_85a0v_gg_.__gridArea_85a0v_gg_,.___SGroup_85a0v_gg_.__gridArea_85a0v_gg_{grid-area:var(--gridArea_85a0v)}.___SHead_85a0v_gg_ .___SColumn_85a0v_gg_.__fixed_85a0v_gg_,.___SHead_85a0v_gg_ .___SGroup_85a0v_gg_.__fixed_85a0v_gg_,.___SHead_85a0v_gg_.__sticky_85a0v_gg_ .___SColumn_85a0v_gg_.__fixed_85a0v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_85a0v_gg_.__sortable_85a0v_gg_:hover{cursor:pointer}}.___SSortWrapper_85a0v_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_85a0v_gg_,.___SSortWrapper_85a0v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_85a0v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_85a0v_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_85a0v_gg_._sideIndents_wide_85a0v_gg_ .___SColumn_85a0v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_85a0v_gg_._sideIndents_wide_85a0v_gg_ .___SColumn_85a0v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_85a0v_gg_{cursor:pointer}.___SColumn_85a0v_gg_.__fixed_85a0v_gg_.__shadowVertical_85a0v_gg_:after,.___SGroup_85a0v_gg_.__fixed_85a0v_gg_.__shadowVertical_85a0v_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_primary_85a0v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_._use_secondary_85a0v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SColumn_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_left_85a0v_gg_._shadowVertical_start_85a0v_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_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_primary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_primary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_primary_85a0v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_secondary_85a0v_gg_,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_._use_secondary_85a0v_gg_,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_._use_secondary_85a0v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_:after,.___SColumn_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_end_85a0v_gg_:after,.___SGroup_85a0v_gg_._fixed_right_85a0v_gg_._shadowVertical_median_85a0v_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__*/"85a0v_gg_"),
25
22
  /*__reshadow_css_end__*/
26
23
  {
27
- "__SHead": "___SHead_3r3g8_gg_",
28
- "__SGroupContainer": "___SGroupContainer_3r3g8_gg_",
29
- "_isDataEmpty": "__isDataEmpty_3r3g8_gg_",
30
- "_gridTemplateColumns": "__gridTemplateColumns_3r3g8_gg_",
31
- "--gridTemplateColumns": "--gridTemplateColumns_3r3g8",
32
- "_animationDuration": "__animationDuration_3r3g8_gg_",
33
- "__SColumn": "___SColumn_3r3g8_gg_",
34
- "--animationDuration": "--animationDuration_3r3g8",
35
- "_sticky": "__sticky_3r3g8_gg_",
36
- "__SGroup": "___SGroup_3r3g8_gg_",
37
- "_compact": "__compact_3r3g8_gg_",
38
- "_use_secondary": "_use_secondary_3r3g8_gg_",
39
- "_borders_both": "_borders_both_3r3g8_gg_",
40
- "_borders_left": "_borders_left_3r3g8_gg_",
41
- "_borders_right": "_borders_right_3r3g8_gg_",
42
- "_gridArea": "__gridArea_3r3g8_gg_",
43
- "__SGroupTitle": "___SGroupTitle_3r3g8_gg_",
44
- "--gridArea": "--gridArea_3r3g8",
45
- "_fixed": "__fixed_3r3g8_gg_",
46
- "_sortable": "__sortable_3r3g8_gg_",
47
- "__SSortWrapper": "___SSortWrapper_3r3g8_gg_",
48
- "__SSortButton": "___SSortButton_3r3g8_gg_",
49
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_3r3g8_gg_",
50
- "_use_primary": "_use_primary_3r3g8_gg_",
51
- "_visibleSort": "__visibleSort_3r3g8_gg_",
52
- "_justifyContent_right": "_justifyContent_right_3r3g8_gg_",
53
- "_changeSortSize": "__changeSortSize_3r3g8_gg_",
54
- "_isSorted": "__isSorted_3r3g8_gg_",
55
- "_sideIndents_wide": "_sideIndents_wide_3r3g8_gg_",
56
- "_shadowVertical": "__shadowVertical_3r3g8_gg_",
57
- "_fixed_left": "_fixed_left_3r3g8_gg_",
58
- "_shadowVertical_median": "_shadowVertical_median_3r3g8_gg_",
59
- "_shadowVertical_start": "_shadowVertical_start_3r3g8_gg_",
60
- "_fixed_right": "_fixed_right_3r3g8_gg_",
61
- "_shadowVertical_end": "_shadowVertical_end_3r3g8_gg_"
24
+ "__SHead": "___SHead_85a0v_gg_",
25
+ "__SGroupContainer": "___SGroupContainer_85a0v_gg_",
26
+ "_isDataEmpty": "__isDataEmpty_85a0v_gg_",
27
+ "_gridTemplateColumns": "__gridTemplateColumns_85a0v_gg_",
28
+ "--gridTemplateColumns": "--gridTemplateColumns_85a0v",
29
+ "_animationDuration": "__animationDuration_85a0v_gg_",
30
+ "__SColumn": "___SColumn_85a0v_gg_",
31
+ "--animationDuration": "--animationDuration_85a0v",
32
+ "_sticky": "__sticky_85a0v_gg_",
33
+ "__SGroup": "___SGroup_85a0v_gg_",
34
+ "_compact": "__compact_85a0v_gg_",
35
+ "_use_secondary": "_use_secondary_85a0v_gg_",
36
+ "_borders_both": "_borders_both_85a0v_gg_",
37
+ "_borders_left": "_borders_left_85a0v_gg_",
38
+ "_borders_right": "_borders_right_85a0v_gg_",
39
+ "_gridArea": "__gridArea_85a0v_gg_",
40
+ "__SGroupTitle": "___SGroupTitle_85a0v_gg_",
41
+ "--gridArea": "--gridArea_85a0v",
42
+ "_fixed": "__fixed_85a0v_gg_",
43
+ "_sortable": "__sortable_85a0v_gg_",
44
+ "__SSortWrapper": "___SSortWrapper_85a0v_gg_",
45
+ "__SSortButton": "___SSortButton_85a0v_gg_",
46
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_85a0v_gg_",
47
+ "_use_primary": "_use_primary_85a0v_gg_",
48
+ "_visibleSort": "__visibleSort_85a0v_gg_",
49
+ "_justifyContent_right": "_justifyContent_right_85a0v_gg_",
50
+ "_changeSortSize": "__changeSortSize_85a0v_gg_",
51
+ "_isSorted": "__isSorted_85a0v_gg_",
52
+ "_sideIndents_wide": "_sideIndents_wide_85a0v_gg_",
53
+ "_shadowVertical": "__shadowVertical_85a0v_gg_",
54
+ "_fixed_left": "_fixed_left_85a0v_gg_",
55
+ "_shadowVertical_median": "_shadowVertical_median_85a0v_gg_",
56
+ "_shadowVertical_start": "_shadowVertical_start_85a0v_gg_",
57
+ "_fixed_right": "_fixed_right_85a0v_gg_",
58
+ "_shadowVertical_end": "_shadowVertical_end_85a0v_gg_"
62
59
  });
63
60
  var Group = exports.Group = /*#__PURE__*/function (_Component) {
64
61
  function Group() {
65
62
  (0, _classCallCheck2["default"])(this, Group);
66
- return _callSuper(this, Group, arguments);
63
+ return (0, _callSuper2["default"])(this, Group, arguments);
67
64
  }
68
65
  (0, _inherits2["default"])(Group, _Component);
69
66
  return (0, _createClass2["default"])(Group, [{
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_uniqueID","_interopRequireDefault","_react","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","columns","withConfig","groupColumns","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTable","Head","Column","_extends2","name","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTable } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup\n render={Box}\n style={style}\n __excludeProps={['title']}\n id={this.groupId}\n >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTable.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_uniqueID","_interopRequireDefault","_react","_DataTable","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","columns","withConfig","groupColumns","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTable","Head","Column","_extends2","name","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTable } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n DataTableGroupProps,\n {},\n {},\n typeof Group.enhance,\n GroupPropsInner\n> {\n static displayName = 'Group';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\n\n componentDidMount() {\n setTimeout(() => {\n this.forceUpdate();\n }, 0);\n }\n\n get groupId() {\n const { uid } = this.asProps;\n\n return `${uid}_columns_group`;\n }\n\n render() {\n const SGroupContainer = Box;\n const SGroup = Root;\n const { styles, Children, title, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\n\n return sstyled(styles)(\n <SGroupContainer data-group-container>\n <SGroup\n render={Box}\n style={style}\n __excludeProps={['title']}\n id={this.groupId}\n >\n {withConfig ? <Children /> : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTable.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n )\n : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}