@semcore/data-table 16.0.2 → 16.0.3-prerelease.0

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 (81) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +1 -31
  3. package/lib/cjs/components/Body/Body.js +71 -73
  4. package/lib/cjs/components/Body/Body.js.map +1 -1
  5. package/lib/cjs/components/Body/Body.types.js.map +1 -1
  6. package/lib/cjs/components/Body/Cell.js +57 -58
  7. package/lib/cjs/components/Body/Cell.js.map +1 -1
  8. package/lib/cjs/components/Body/Cell.types.js.map +1 -1
  9. package/lib/cjs/components/Body/MergedCells.js +3 -5
  10. package/lib/cjs/components/Body/MergedCells.js.map +1 -1
  11. package/lib/cjs/components/Body/Row.js +57 -58
  12. package/lib/cjs/components/Body/Row.js.map +1 -1
  13. package/lib/cjs/components/Body/Row.types.js +0 -2
  14. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  15. package/lib/cjs/components/DataTable/DataTable.js +107 -123
  16. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  17. package/lib/cjs/components/DataTable/DataTable.types.js +0 -2
  18. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  19. package/lib/cjs/components/Head/Column.js +56 -57
  20. package/lib/cjs/components/Head/Column.js.map +1 -1
  21. package/lib/cjs/components/Head/Column.types.js.map +1 -1
  22. package/lib/cjs/components/Head/Group.js +37 -38
  23. package/lib/cjs/components/Head/Group.js.map +1 -1
  24. package/lib/cjs/components/Head/Group.type.js.map +1 -1
  25. package/lib/cjs/components/Head/Head.js +55 -57
  26. package/lib/cjs/components/Head/Head.js.map +1 -1
  27. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  28. package/lib/cjs/index.js +1 -2
  29. package/lib/cjs/index.js.map +1 -1
  30. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
  31. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  32. package/lib/es6/components/Body/Body.js +70 -71
  33. package/lib/es6/components/Body/Body.js.map +1 -1
  34. package/lib/es6/components/Body/Body.types.js.map +1 -1
  35. package/lib/es6/components/Body/Cell.js +57 -57
  36. package/lib/es6/components/Body/Cell.js.map +1 -1
  37. package/lib/es6/components/Body/Cell.types.js.map +1 -1
  38. package/lib/es6/components/Body/MergedCells.js.map +1 -1
  39. package/lib/es6/components/Body/Row.js +56 -56
  40. package/lib/es6/components/Body/Row.js.map +1 -1
  41. package/lib/es6/components/Body/Row.types.js +1 -1
  42. package/lib/es6/components/Body/Row.types.js.map +1 -1
  43. package/lib/es6/components/DataTable/DataTable.js +101 -110
  44. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  45. package/lib/es6/components/DataTable/DataTable.types.js +1 -1
  46. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  47. package/lib/es6/components/Head/Column.js +54 -54
  48. package/lib/es6/components/Head/Column.js.map +1 -1
  49. package/lib/es6/components/Head/Column.types.js.map +1 -1
  50. package/lib/es6/components/Head/Group.js +34 -33
  51. package/lib/es6/components/Head/Group.js.map +1 -1
  52. package/lib/es6/components/Head/Group.type.js.map +1 -1
  53. package/lib/es6/components/Head/Head.js +50 -51
  54. package/lib/es6/components/Head/Head.js.map +1 -1
  55. package/lib/es6/components/Head/Head.types.js.map +1 -1
  56. package/lib/es6/index.js.map +1 -1
  57. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  58. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  59. package/lib/esm/components/Body/Body.mjs +73 -72
  60. package/lib/esm/components/Body/Cell.mjs +59 -57
  61. package/lib/esm/components/Body/Row.mjs +58 -56
  62. package/lib/esm/components/DataTable/DataTable.mjs +99 -100
  63. package/lib/esm/components/Head/Column.mjs +55 -53
  64. package/lib/esm/components/Head/Group.mjs +38 -35
  65. package/lib/esm/components/Head/Head.mjs +57 -55
  66. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  67. package/lib/types/components/Body/Body.d.ts +7 -7
  68. package/lib/types/components/Body/Body.types.d.ts +4 -5
  69. package/lib/types/components/Body/Cell.types.d.ts +3 -4
  70. package/lib/types/components/Body/MergedCells.d.ts +1 -2
  71. package/lib/types/components/Body/Row.types.d.ts +5 -6
  72. package/lib/types/components/DataTable/DataTable.d.ts +3 -3
  73. package/lib/types/components/DataTable/DataTable.types.d.ts +8 -9
  74. package/lib/types/components/Head/Column.d.ts +2 -2
  75. package/lib/types/components/Head/Column.types.d.ts +1 -2
  76. package/lib/types/components/Head/Group.d.ts +3 -3
  77. package/lib/types/components/Head/Group.type.d.ts +3 -3
  78. package/lib/types/components/Head/Head.d.ts +7 -96
  79. package/lib/types/components/Head/Head.types.d.ts +2 -3
  80. package/lib/types/index.d.ts +3 -6
  81. package/package.json +16 -16
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
@@ -9,48 +9,50 @@ exports.Column = void 0;
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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
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"));
13
15
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
17
  var _core = require("@semcore/core");
17
- var React = _interopRequireWildcard(require("react"));
18
18
  var _baseComponents = require("@semcore/base-components");
19
- var _m = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
20
- var _m2 = _interopRequireDefault(require("@semcore/icon/SortAsc/m"));
21
19
  var _button = require("@semcore/button");
22
- var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
23
20
  var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
21
+ var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
24
22
  var _isFocusInside = require("@semcore/core/lib/utils/focus-lock/isFocusInside");
23
+ var _m = _interopRequireDefault(require("@semcore/icon/SortAsc/m"));
24
+ var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
25
+ var React = _interopRequireWildcard(require("react"));
26
+ 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
27
  /*!__reshadow-styles__:"./style.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_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}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_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_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_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_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_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_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_8ae7k_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_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}", /*__inner_css_end__*/"8ae7k_gg_"),
28
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1tx4g_gg_,.___SHead_1tx4g_gg_{display:contents}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_{position:sticky;top:0;z-index:2}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{top:0}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroupContainer_1tx4g_gg_>.___SColumn_1tx4g_gg_{position:sticky;z-index:2}.___SHead_1tx4g_gg_.__compact_1tx4g_gg_ .___SColumn_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_,.___SGroup_1tx4g_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}.___SGroup_1tx4g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_:has(~.___SColumn_1tx4g_gg_.__visibleSort_1tx4g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_left_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_left_1tx4g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_right_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_right_1tx4g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_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_1tx4g_gg_._use_primary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_,.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before,.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{display:flex;opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_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_1tx4g_gg_._use_secondary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_{display:flex;opacity:1}.___SColumn_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroupTitle_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroup_1tx4g_gg_.__gridArea_1tx4g_gg_{grid-area:var(--gridArea_1tx4g)}.___SHead_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_ .___SGroup_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1tx4g_gg_.__sortable_1tx4g_gg_:hover{cursor:pointer}}.___SSortWrapper_1tx4g_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_1tx4g_gg_,.___SSortWrapper_1tx4g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1tx4g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1tx4g_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_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1tx4g_gg_{cursor:pointer}", /*__inner_css_end__*/"1tx4g_gg_"),
27
29
  /*__reshadow_css_end__*/
28
30
  {
29
- "__SHead": "___SHead_8ae7k_gg_",
30
- "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
31
- "_sticky": "__sticky_8ae7k_gg_",
32
- "__SColumn": "___SColumn_8ae7k_gg_",
33
- "__SGroup": "___SGroup_8ae7k_gg_",
34
- "_compact": "__compact_8ae7k_gg_",
35
- "_use_secondary": "_use_secondary_8ae7k_gg_",
36
- "_borders_both": "_borders_both_8ae7k_gg_",
37
- "_borders_left": "_borders_left_8ae7k_gg_",
38
- "_borders_right": "_borders_right_8ae7k_gg_",
39
- "_gridArea": "__gridArea_8ae7k_gg_",
40
- "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
41
- "--gridArea": "--gridArea_8ae7k",
42
- "_fixed": "__fixed_8ae7k_gg_",
43
- "_sortable": "__sortable_8ae7k_gg_",
44
- "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
45
- "__SSortButton": "___SSortButton_8ae7k_gg_",
46
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
47
- "_use_primary": "_use_primary_8ae7k_gg_",
48
- "_visibleSort": "__visibleSort_8ae7k_gg_",
49
- "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
31
+ "__SHead": "___SHead_1tx4g_gg_",
32
+ "__SGroupContainer": "___SGroupContainer_1tx4g_gg_",
33
+ "_sticky": "__sticky_1tx4g_gg_",
34
+ "__SColumn": "___SColumn_1tx4g_gg_",
35
+ "__SGroup": "___SGroup_1tx4g_gg_",
36
+ "_compact": "__compact_1tx4g_gg_",
37
+ "_use_secondary": "_use_secondary_1tx4g_gg_",
38
+ "_borders_both": "_borders_both_1tx4g_gg_",
39
+ "_borders_left": "_borders_left_1tx4g_gg_",
40
+ "_borders_right": "_borders_right_1tx4g_gg_",
41
+ "_gridArea": "__gridArea_1tx4g_gg_",
42
+ "__SGroupTitle": "___SGroupTitle_1tx4g_gg_",
43
+ "--gridArea": "--gridArea_1tx4g",
44
+ "_fixed": "__fixed_1tx4g_gg_",
45
+ "_sortable": "__sortable_1tx4g_gg_",
46
+ "__SSortWrapper": "___SSortWrapper_1tx4g_gg_",
47
+ "__SSortButton": "___SSortButton_1tx4g_gg_",
48
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1tx4g_gg_",
49
+ "_use_primary": "_use_primary_1tx4g_gg_",
50
+ "_visibleSort": "__visibleSort_1tx4g_gg_",
51
+ "_sideIndents_wide": "_sideIndents_wide_1tx4g_gg_"
50
52
  });
51
53
  var SORTING_ICON = {
52
- desc: _m["default"],
53
- asc: _m2["default"]
54
+ desc: _m2["default"],
55
+ asc: _m["default"]
54
56
  };
55
57
  var ARIA_SORT = {
56
58
  desc: 'descending',
@@ -62,23 +64,21 @@ var reversedSortDirection = {
62
64
  desc: 'asc',
63
65
  asc: 'desc'
64
66
  };
65
- var Column = /*#__PURE__*/function (_Component) {
66
- (0, _inherits2["default"])(Column, _Component);
67
- var _super = (0, _createSuper2["default"])(Column);
67
+ var Column = exports.Column = /*#__PURE__*/function (_Component) {
68
68
  function Column() {
69
69
  var _this;
70
70
  (0, _classCallCheck2["default"])(this, Column);
71
71
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
72
72
  args[_key] = arguments[_key];
73
73
  }
74
- _this = _super.call.apply(_super, [this].concat(args));
75
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lockedCell", [null, false]);
76
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columnRef", /*#__PURE__*/React.createRef());
77
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortWrapperRef", /*#__PURE__*/React.createRef());
78
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
74
+ _this = _callSuper(this, Column, [].concat(args));
75
+ (0, _defineProperty2["default"])(_this, "lockedCell", [null, false]);
76
+ (0, _defineProperty2["default"])(_this, "columnRef", /*#__PURE__*/React.createRef());
77
+ (0, _defineProperty2["default"])(_this, "sortWrapperRef", /*#__PURE__*/React.createRef());
78
+ (0, _defineProperty2["default"])(_this, "state", {
79
79
  sortVisible: false
80
80
  });
81
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calculateActiveColumnMinWidth", function () {
81
+ (0, _defineProperty2["default"])(_this, "calculateActiveColumnMinWidth", function () {
82
82
  var node = _this.columnRef.current;
83
83
  if (node) {
84
84
  var _this$columnRef$curre, _this$columnRef$curre2;
@@ -110,17 +110,17 @@ var Column = /*#__PURE__*/function (_Component) {
110
110
  }
111
111
  return null;
112
112
  });
113
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
113
+ (0, _defineProperty2["default"])(_this, "handleMouseEnter", function () {
114
114
  _this.setState({
115
115
  sortVisible: true
116
116
  });
117
117
  });
118
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
118
+ (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
119
119
  _this.setState({
120
120
  sortVisible: false
121
121
  });
122
122
  });
123
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function (e) {
123
+ (0, _defineProperty2["default"])(_this, "handleBlur", function (e) {
124
124
  var relatedTarget = e.relatedTarget;
125
125
  if (!(0, _isFocusInside.isFocusInside)(e.currentTarget, relatedTarget) && _core.lastInteraction.isKeyboard()) {
126
126
  _this.setState({
@@ -128,7 +128,7 @@ var Column = /*#__PURE__*/function (_Component) {
128
128
  });
129
129
  }
130
130
  });
131
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSortClick", function (e) {
131
+ (0, _defineProperty2["default"])(_this, "handleSortClick", function (e) {
132
132
  var _this$asProps = _this.asProps,
133
133
  sort = _this$asProps.sort,
134
134
  onSortChange = _this$asProps.onSortChange,
@@ -140,7 +140,7 @@ var Column = /*#__PURE__*/function (_Component) {
140
140
  }
141
141
  }
142
142
  });
143
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
143
+ (0, _defineProperty2["default"])(_this, "handleKeyDown", function (e) {
144
144
  if (e.currentTarget === _this.lockedCell[0]) {
145
145
  var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function (node) {
146
146
  return (0, _getFocusableIn.getFocusableIn)(node);
@@ -148,7 +148,7 @@ var Column = /*#__PURE__*/function (_Component) {
148
148
  if (_this.lockedCell[1]) {
149
149
  if (e.key === 'Escape') {
150
150
  var _this$lockedCell$;
151
- (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
151
+ (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 || _this$lockedCell$.focus();
152
152
  _this.lockedCell[1] = false;
153
153
  }
154
154
  if (e.key.startsWith('Arrow')) {
@@ -157,11 +157,11 @@ var Column = /*#__PURE__*/function (_Component) {
157
157
  if (e.key === 'Tab') {
158
158
  if (e.target === focusableChildren[0] && e.shiftKey) {
159
159
  var _focusableChildren;
160
- (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
160
+ (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus();
161
161
  e.preventDefault();
162
162
  } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
163
163
  var _focusableChildren$;
164
- (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
164
+ (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus();
165
165
  e.preventDefault();
166
166
  }
167
167
  e.stopPropagation();
@@ -169,14 +169,14 @@ var Column = /*#__PURE__*/function (_Component) {
169
169
  } else if (e.key === 'Enter') {
170
170
  var _focusableChildren$2;
171
171
  _this.lockedCell[1] = true;
172
- (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
172
+ (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus();
173
173
  } else if (e.key === 'Tab') {
174
174
  var _this$lockedCell$2;
175
- (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 ? void 0 : _this$lockedCell$2.setAttribute('inert', '');
175
+ (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 || _this$lockedCell$2.setAttribute('inert', '');
176
176
  }
177
177
  }
178
178
  });
179
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFocusCell", function (e) {
179
+ (0, _defineProperty2["default"])(_this, "handleFocusCell", function (e) {
180
180
  var cellElement = e.currentTarget;
181
181
  var target = e.target;
182
182
  _this.setState({
@@ -196,7 +196,8 @@ var Column = /*#__PURE__*/function (_Component) {
196
196
  });
197
197
  return _this;
198
198
  }
199
- (0, _createClass2["default"])(Column, [{
199
+ (0, _inherits2["default"])(Column, _Component);
200
+ return (0, _createClass2["default"])(Column, [{
200
201
  key: "componentDidMount",
201
202
  value: function componentDidMount() {
202
203
  var _this$asProps2 = this.asProps,
@@ -208,10 +209,10 @@ var Column = /*#__PURE__*/function (_Component) {
208
209
  if (parent && sticky) {
209
210
  var _columnElement$parent;
210
211
  var columnElement = this.columnRef.current;
211
- var groupElement = columnElement === null || columnElement === void 0 ? void 0 : (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
212
+ var groupElement = columnElement === null || columnElement === void 0 || (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
212
213
  var groupHeight = groupElement === null || groupElement === void 0 ? void 0 : groupElement.getBoundingClientRect().height;
213
214
  if (groupHeight) {
214
- columnElement === null || columnElement === void 0 ? void 0 : columnElement.style.setProperty('top', "".concat(groupHeight, "px"));
215
+ columnElement === null || columnElement === void 0 || columnElement.style.setProperty('top', "".concat(groupHeight, "px"));
215
216
  }
216
217
  }
217
218
  if ((0, _canUseDOM["default"])() && changeSortSize && (sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
@@ -318,9 +319,7 @@ var Column = /*#__PURE__*/function (_Component) {
318
319
  }))));
319
320
  }
320
321
  }]);
321
- return Column;
322
322
  }(_core.Component);
323
- exports.Column = Column;
324
323
  (0, _defineProperty2["default"])(Column, "displayName", 'Column');
325
324
  (0, _defineProperty2["default"])(Column, "style", style);
326
325
  //# sourceMappingURL=Column.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Column.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_m","_interopRequireDefault","_m2","_button","_getFocusableIn","_canUseDOM","_isFocusInside","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","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","_this$asProps","asProps","sort","onSortChange","name","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_createClass2","value","componentDidMount","_this$asProps2","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps3","tableRef","gridTemplateColumns","columnIndex","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","sortable","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps4","uid","sortableColumnDescribeId","Children","SSortIcon","isSorted","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","undefined","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","Addon","tag","Component","exports"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Intergalactic, lastInteraction, Root, sstyled } from '@semcore/core';\nimport { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport { Flex } from '@semcore/base-components';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { IconProps } from '@semcore/icon';\n\nimport style from './style.shadow.css';\nimport { ButtonLink } from '@semcore/button';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\n\nconst SORTING_ICON: { [key in SortDirection]: Intergalactic.Component<'svg', IconProps> } = {\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<D extends DataTableData> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<D>\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 } = this.asProps;\n\n if (parent && sticky) {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): 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 tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns.join(' '),\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<HTMLButtonElement>) => {\n const { sort, onSortChange, name } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sort && 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 } 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 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 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 SSortIcon =\n sort && sort[0] === name ? SORTING_ICON[sort[1]] : SORTING_ICON[this.defaultDirection];\n const isSorted = sort?.[0] === name;\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (isSorted) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = sort?.[1] ? ARIA_SORT[sort[1]] : 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 onClick={sortable ? this.handleSortClick : undefined}\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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"}
1
+ {"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_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","_this$asProps","asProps","sort","onSortChange","name","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_inherits2","_createClass2","value","componentDidMount","_this$asProps2","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps3","tableRef","gridTemplateColumns","columnIndex","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","sortable","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps4","uid","sortableColumnDescribeId","Children","SSortIcon","isSorted","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","undefined","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","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 { 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<D extends DataTableData> extends Component<\n DataTableColumnProps,\n {},\n {},\n [],\n ColumnPropsInner<D>\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 } = this.asProps;\n\n if (parent && sticky) {\n const columnElement = this.columnRef.current;\n const groupElement = columnElement?.parentElement?.children.item(0);\n\n const groupHeight = groupElement?.getBoundingClientRect().height;\n\n if (groupHeight) {\n columnElement?.style.setProperty('top', `${groupHeight}px`);\n }\n }\n\n if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n this.changeTemplateColumnBySort();\n }\n }\n\n componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): 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 tableRef.current.style.setProperty(\n 'grid-template-columns',\n gridTemplateColumns.join(' '),\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<HTMLButtonElement>) => {\n const { sort, onSortChange, name } = this.asProps;\n\n if (\n lastInteraction.isMouse() ||\n (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n ) {\n if (sort && 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 } 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 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 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 SSortIcon =\n sort && sort[0] === name ? SORTING_ICON[sort[1]] : SORTING_ICON[this.defaultDirection];\n const isSorted = sort?.[0] === name;\n const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n const ariaDescribedBy = [];\n if (isSorted) {\n ariaDescribedBy.push(sortableColumnDescribeId);\n }\n if (parent) {\n ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n }\n\n const ariaSortValue = sort?.[1] ? ARIA_SORT[sort[1]] : 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 onClick={sortable ? this.handleSortClick : undefined}\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 +1 @@
1
- {"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import {\n ColumnGroupConfig,\n ColumnItemConfig,\n DataTableData,\n DataTableProps,\n DTUse,\n SortDirection,\n} from '../DataTable/DataTable.types';\nimport type { Property } from 'csstype';\n\nexport type CommonColumnType = {\n /**\n * Name of column for mapping with data\n */\n name: string;\n /**\n * Flag to define column as sortable\n */\n sortable?: boolean | SortDirection;\n /**\n * Fixes column to some side of table\n */\n fixed?: 'left' | 'right';\n /**\n * Adds vertical border(s)\n */\n borders?: 'both' | 'left' | 'right';\n /**\n * It manages the `flex-wrap` property\n */\n flexWrap?: boolean;\n /**\n * It manages the `align-items` property\n */\n alignItems?: Property.AlignItems;\n /**\n * It manages the `align-content` property\n */\n alignContent?: Property.AlignContent;\n /**\n * CSS `justify-content` property\n */\n justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = ColumnItemConfig &\n CommonColumnType & {\n /**\n * Width for grid-template-columns\n */\n gtcWidth: string;\n\n parent?: DTColumn | ColumnGroupConfig;\n\n columns?: DTColumn[];\n children?: React.ReactNode | React.FC;\n\n gridArea?: string;\n };\n\nexport type DataTableColumnProps = CommonColumnType & {\n /**\n * Value for grid-template-columns for current column\n */\n gtcWidth?: string;\n\n /**\n * Flag for change column size if sorted by it\n */\n changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<D extends DataTableData> = {\n use: DTUse;\n borders?: 'both' | 'left' | 'right';\n sort?: DataTableProps<D>['sort'];\n onSortChange?: DataTableProps<D>['onSortChange'];\n uid: string;\n parent?: DTColumn;\n sortableColumnDescribeId: string;\n columnIndex: number;\n tableRef: React.RefObject<HTMLElement>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sticky: boolean;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type {\n ColumnGroupConfig,\n ColumnItemConfig,\n DataTableData,\n DataTableProps,\n DTUse,\n SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n /**\n * Name of column for mapping with data\n */\n name: string;\n /**\n * Flag to define column as sortable\n */\n sortable?: boolean | SortDirection;\n /**\n * Fixes column to some side of table\n */\n fixed?: 'left' | 'right';\n /**\n * Adds vertical border(s)\n */\n borders?: 'both' | 'left' | 'right';\n /**\n * It manages the `flex-wrap` property\n */\n flexWrap?: boolean;\n /**\n * It manages the `align-items` property\n */\n alignItems?: Property.AlignItems;\n /**\n * It manages the `align-content` property\n */\n alignContent?: Property.AlignContent;\n /**\n * CSS `justify-content` property\n */\n justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = ColumnItemConfig &\n CommonColumnType & {\n /**\n * Width for grid-template-columns\n */\n gtcWidth: string;\n\n parent?: DTColumn | ColumnGroupConfig;\n\n columns?: DTColumn[];\n children?: React.ReactNode | React.FC;\n\n gridArea?: string;\n };\n\nexport type DataTableColumnProps = CommonColumnType & {\n /**\n * Value for grid-template-columns for current column\n */\n gtcWidth?: string;\n\n /**\n * Flag for change column size if sorted by it\n */\n changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<D extends DataTableData> = {\n use: DTUse;\n borders?: 'both' | 'left' | 'right';\n sort?: DataTableProps<D>['sort'];\n onSortChange?: DataTableProps<D>['onSortChange'];\n uid: string;\n parent?: DTColumn;\n sortableColumnDescribeId: string;\n columnIndex: number;\n tableRef: React.RefObject<HTMLElement>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sticky: boolean;\n};\n"],"mappings":"","ignoreList":[]}
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -10,49 +9,51 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
11
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
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"));
13
15
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
17
  var _core = require("@semcore/core");
17
- var React = _interopRequireWildcard(require("react"));
18
18
  var _baseComponents = require("@semcore/base-components");
19
19
  var _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
20
- var _DataTable = require("../DataTable/DataTable");
21
20
  var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
21
+ var _react = _interopRequireDefault(require("react"));
22
+ var _DataTable = require("../DataTable/DataTable");
23
+ 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)); }
22
24
  /*!__reshadow-styles__:"./style.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_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}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_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_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_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_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_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_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_8ae7k_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_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}", /*__inner_css_end__*/"8ae7k_gg_"),
25
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1tx4g_gg_,.___SHead_1tx4g_gg_{display:contents}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_{position:sticky;top:0;z-index:2}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{top:0}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroupContainer_1tx4g_gg_>.___SColumn_1tx4g_gg_{position:sticky;z-index:2}.___SHead_1tx4g_gg_.__compact_1tx4g_gg_ .___SColumn_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_,.___SGroup_1tx4g_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}.___SGroup_1tx4g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_:has(~.___SColumn_1tx4g_gg_.__visibleSort_1tx4g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_left_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_left_1tx4g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_right_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_right_1tx4g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_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_1tx4g_gg_._use_primary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_,.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before,.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{display:flex;opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_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_1tx4g_gg_._use_secondary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_{display:flex;opacity:1}.___SColumn_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroupTitle_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroup_1tx4g_gg_.__gridArea_1tx4g_gg_{grid-area:var(--gridArea_1tx4g)}.___SHead_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_ .___SGroup_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1tx4g_gg_.__sortable_1tx4g_gg_:hover{cursor:pointer}}.___SSortWrapper_1tx4g_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_1tx4g_gg_,.___SSortWrapper_1tx4g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1tx4g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1tx4g_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_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1tx4g_gg_{cursor:pointer}", /*__inner_css_end__*/"1tx4g_gg_"),
24
26
  /*__reshadow_css_end__*/
25
27
  {
26
- "__SHead": "___SHead_8ae7k_gg_",
27
- "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
28
- "_sticky": "__sticky_8ae7k_gg_",
29
- "__SColumn": "___SColumn_8ae7k_gg_",
30
- "__SGroup": "___SGroup_8ae7k_gg_",
31
- "_compact": "__compact_8ae7k_gg_",
32
- "_use_secondary": "_use_secondary_8ae7k_gg_",
33
- "_borders_both": "_borders_both_8ae7k_gg_",
34
- "_borders_left": "_borders_left_8ae7k_gg_",
35
- "_borders_right": "_borders_right_8ae7k_gg_",
36
- "_gridArea": "__gridArea_8ae7k_gg_",
37
- "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
38
- "--gridArea": "--gridArea_8ae7k",
39
- "_fixed": "__fixed_8ae7k_gg_",
40
- "_sortable": "__sortable_8ae7k_gg_",
41
- "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
42
- "__SSortButton": "___SSortButton_8ae7k_gg_",
43
- "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
44
- "_use_primary": "_use_primary_8ae7k_gg_",
45
- "_visibleSort": "__visibleSort_8ae7k_gg_",
46
- "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
28
+ "__SHead": "___SHead_1tx4g_gg_",
29
+ "__SGroupContainer": "___SGroupContainer_1tx4g_gg_",
30
+ "_sticky": "__sticky_1tx4g_gg_",
31
+ "__SColumn": "___SColumn_1tx4g_gg_",
32
+ "__SGroup": "___SGroup_1tx4g_gg_",
33
+ "_compact": "__compact_1tx4g_gg_",
34
+ "_use_secondary": "_use_secondary_1tx4g_gg_",
35
+ "_borders_both": "_borders_both_1tx4g_gg_",
36
+ "_borders_left": "_borders_left_1tx4g_gg_",
37
+ "_borders_right": "_borders_right_1tx4g_gg_",
38
+ "_gridArea": "__gridArea_1tx4g_gg_",
39
+ "__SGroupTitle": "___SGroupTitle_1tx4g_gg_",
40
+ "--gridArea": "--gridArea_1tx4g",
41
+ "_fixed": "__fixed_1tx4g_gg_",
42
+ "_sortable": "__sortable_1tx4g_gg_",
43
+ "__SSortWrapper": "___SSortWrapper_1tx4g_gg_",
44
+ "__SSortButton": "___SSortButton_1tx4g_gg_",
45
+ "__SHeadCheckboxCol": "___SHeadCheckboxCol_1tx4g_gg_",
46
+ "_use_primary": "_use_primary_1tx4g_gg_",
47
+ "_visibleSort": "__visibleSort_1tx4g_gg_",
48
+ "_sideIndents_wide": "_sideIndents_wide_1tx4g_gg_"
47
49
  });
48
- var Group = /*#__PURE__*/function (_Component) {
49
- (0, _inherits2["default"])(Group, _Component);
50
- var _super = (0, _createSuper2["default"])(Group);
50
+ var Group = exports.Group = /*#__PURE__*/function (_Component) {
51
51
  function Group() {
52
52
  (0, _classCallCheck2["default"])(this, Group);
53
- return _super.apply(this, arguments);
53
+ return _callSuper(this, Group, arguments);
54
54
  }
55
- (0, _createClass2["default"])(Group, [{
55
+ (0, _inherits2["default"])(Group, _Component);
56
+ return (0, _createClass2["default"])(Group, [{
56
57
  key: "componentDidMount",
57
58
  value: function componentDidMount() {
58
59
  this.forceUpdate();
@@ -94,22 +95,20 @@ var Group = /*#__PURE__*/function (_Component) {
94
95
  if (fixed === 'right') {
95
96
  style.right = fixedColumnsMap.get(lastName);
96
97
  }
97
- return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
98
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /*#__PURE__*/_react["default"].createElement(SGroup, _ref2.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
98
99
  "style": style,
99
100
  "__excludeProps": ['title'],
100
101
  "id": this.groupId
101
- }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function (column, i) {
102
- return /*#__PURE__*/React.createElement(_DataTable.DataTableInternal.Head.Column, (0, _extends2["default"])({
102
+ }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function (column, _i) {
103
+ return /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableInternal.Head.Column, (0, _extends2["default"])({
103
104
  key: column.name
104
105
  }, column, {
105
106
  "aria-describedby": _this.groupId
106
107
  }));
107
- }) : /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
108
+ }) : /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
108
109
  }
109
110
  }]);
110
- return Group;
111
111
  }(_core.Component);
112
- exports.Group = Group;
113
112
  (0, _defineProperty2["default"])(Group, "displayName", 'Group');
114
113
  (0, _defineProperty2["default"])(Group, "style", style);
115
114
  (0, _defineProperty2["default"])(Group, "enhance", [(0, _uniqueID["default"])()]);
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_getOriginChildren","_interopRequireDefault","_DataTable","_uniqueID","style","sstyled","insert","Group","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","componentDidMount","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_groupColumns$","_children$","_groupColumns","_children","_this","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","columns","withConfig","groupColumns","children","getOriginChildren","firstName","name","props","lastName","length","left","right","createElement","cn","_objectSpread2","assignProps","groupId","map","column","i","DataTableInternal","Head","Column","_extends2","Component","exports","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { DataTableInternal } from '../DataTable/DataTable';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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 this.forceUpdate();\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, fixed, fixedColumnsMap, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\n const children = getOriginChildren(Children);\n\n const firstName = withConfig ? groupColumns[0]?.name : children[0]?.props.name;\n const lastName = withConfig\n ? groupColumns[groupColumns.length - 1]?.name\n : children[children.length - 1]?.props.name;\n\n const style: any = {};\n\n if (fixed === 'left' && firstName) {\n style.left = fixedColumnsMap.get(firstName);\n }\n if (fixed === 'right') {\n style.right = fixedColumnsMap.get(lastName);\n }\n\n return sstyled(styles)(\n <SGroupContainer>\n <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n {withConfig ? children : title}\n </SGroup>\n {withConfig ? (\n groupColumns.map((column, i) => {\n return (\n <DataTableInternal.Head.Column\n key={column.name}\n {...column}\n aria-describedby={this.groupId}\n />\n );\n })\n ) : (\n <Children />\n )}\n </SGroupContainer>,\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAIA,IAAAI,kBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAF,sBAAA,CAAAL,OAAA;AAAmE;AAAA,IAAAQ,KAAA,+BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAEtDC,KAAK,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,KAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAK,gBAAA,mBAAAL,KAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,KAAA;IAAAS,GAAA;IAAAC,KAAA,EAWhB,SAAAC,kBAAA,EAAoB;MAClB,IAAI,CAACC,WAAW,EAAE;IACpB;EAAC;IAAAH,GAAA;IAAAI,GAAA,EAED,SAAAA,IAAA,EAAc;MACZ,IAAQC,GAAG,GAAK,IAAI,CAACC,OAAO,CAApBD,GAAG;MAEX,UAAAE,MAAA,CAAUF,GAAG;IACf;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAO,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAH,OAAA;QAAAI,KAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,aAAA;QAAAC,SAAA;QAAAC,KAAA;MACP,IAAMC,eAAe,GAAGC,mBAAG;MAC3B,IAAMC,MAAM,GAqBQD,mBAAG;MApBvB,IAAAE,aAAA,GAAiF,IAAI,CAACb,OAAO;QAArFc,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,eAAe,GAAAL,aAAA,CAAfK,eAAe;QAAEC,OAAO,GAAAN,aAAA,CAAPM,OAAO;QAAEC,UAAU,GAAAP,aAAA,CAAVO,UAAU;MAC5E,IAAMC,YAAY,GAAGF,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;MAClC,IAAMG,QAAQ,GAAG,IAAAC,6BAAiB,EAACR,QAAQ,CAAC;MAE5C,IAAMS,SAAS,GAAGJ,UAAU,IAAAf,cAAA,GAAGgB,YAAY,CAAC,CAAC,CAAC,cAAAhB,cAAA,uBAAfA,cAAA,CAAiBoB,IAAI,IAAAnB,UAAA,GAAGgB,QAAQ,CAAC,CAAC,CAAC,cAAAhB,UAAA,uBAAXA,UAAA,CAAaoB,KAAK,CAACD,IAAI;MAC9E,IAAME,QAAQ,GAAGP,UAAU,IAAAb,aAAA,GACvBc,YAAY,CAACA,YAAY,CAACO,MAAM,GAAG,CAAC,CAAC,cAAArB,aAAA,uBAArCA,aAAA,CAAuCkB,IAAI,IAAAjB,SAAA,GAC3Cc,QAAQ,CAACA,QAAQ,CAACM,MAAM,GAAG,CAAC,CAAC,cAAApB,SAAA,uBAA7BA,SAAA,CAA+BkB,KAAK,CAACD,IAAI;MAE7C,IAAM3C,KAAU,GAAG,CAAC,CAAC;MAErB,IAAImC,KAAK,KAAK,MAAM,IAAIO,SAAS,EAAE;QACjC1C,KAAK,CAAC+C,IAAI,GAAGX,eAAe,CAACpB,GAAG,CAAC0B,SAAS,CAAC;MAC7C;MACA,IAAIP,KAAK,KAAK,OAAO,EAAE;QACrBnC,KAAK,CAACgD,KAAK,GAAGZ,eAAe,CAACpB,GAAG,CAAC6B,QAAQ,CAAC;MAC7C;MAEA,OAAAvB,KAAA,GAAO,IAAArB,aAAO,EAAC+B,MAAM,CAAC,eACpBvC,KAAA,CAAAwD,aAAA,CAACrB,eAAe,EAAAN,KAAA,CAAA4B,EAAA,sCACdzD,KAAA,CAAAwD,aAAA,CAACnB,MAAM,EAAAR,KAAA,CAAA4B,EAAA,eAAAC,cAAA,qBAAA5D,KAAA,CAAA6D,WAAA;QAAA,SAAqBpD,KAAK;QAAA,kBAAkB,CAAC,OAAO,CAAC;QAAA,MAAM,IAAI,CAACqD;MAAO,GAAAhC,IAAA,KAC3EiB,UAAU,GAAGE,QAAQ,GAAGN,KAAK,CACvB,EACRI,UAAU,GACTC,YAAY,CAACe,GAAG,CAAC,UAACC,MAAM,EAAEC,CAAC,EAAK;QAC9B,oBACE/D,KAAA,CAAAwD,aAAA,CAACnD,UAAA,CAAA2D,iBAAiB,CAACC,IAAI,CAACC,MAAM,MAAAC,SAAA;UAC5BhD,GAAG,EAAE2C,MAAM,CAACZ;QAAK,GACbY,MAAM;UACV,oBAAkB5B,KAAI,CAAC0B;QAAQ,GAC/B;MAEN,CAAC,CAAC,gBAEF5D,KAAA,CAAAwD,aAAA,CAAChB,QAAQ,EAAAX,KAAA,CAAA4B,EAAA,iBACV,CACe;IAEtB;EAAC;EAAA,OAAA/C,KAAA;AAAA,EA9DwB0D,eAAS;AAAAC,OAAA,CAAA3D,KAAA,GAAAA,KAAA;AAAA,IAAA4D,gBAAA,aAAvB5D,KAAK,iBAOK,OAAO;AAAA,IAAA4D,gBAAA,aAPjB5D,KAAK,WAQDH,KAAK;AAAA,IAAA+D,gBAAA,aART5D,KAAK,aASC,CAAC,IAAA6D,oBAAmB,GAAE,CAAC"}
1
+ {"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_getOriginChildren","_interopRequireDefault","_uniqueID","_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","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_groupColumns$","_children$","_groupColumns","_children","_this","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","columns","withConfig","groupColumns","children","getOriginChildren","firstName","name","props","lastName","length","left","right","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTableInternal","Head","Column","_extends2","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\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 { DataTableInternal } 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 this.forceUpdate();\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, fixed, fixedColumnsMap, columns, withConfig } = this.asProps;\n const groupColumns = columns ?? [];\n const children = getOriginChildren(Children);\n\n const firstName = withConfig ? groupColumns[0]?.name : children[0]?.props.name;\n const lastName = withConfig\n ? groupColumns[groupColumns.length - 1]?.name\n : children[children.length - 1]?.props.name;\n\n const style: any = {};\n\n if (fixed === 'left' && firstName) {\n style.left = fixedColumnsMap.get(firstName);\n }\n if (fixed === 'right') {\n style.right = fixedColumnsMap.get(lastName);\n }\n\n return sstyled(styles)(\n <SGroupContainer>\n <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n {withConfig ? children : title}\n </SGroup>\n {withConfig\n ? (\n groupColumns.map((column, _i) => {\n return (\n <DataTableInternal.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 +1 @@
1
- {"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import { DTUse } from '../DataTable/DataTable.types';\nimport { ReactElement } from 'react';\nimport { DataTableColumnProps, DTColumn } from './Column.types';\n\nexport type DataTableGroupProps = {\n title: React.ReactNode;\n\n borders?: 'both' | 'left' | 'right';\n\n fixed?: 'left' | 'right';\n\n children: Array<ReactElement<DataTableColumnProps>>;\n\n name?: string;\n columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n use: DTUse;\n fixedColumnsMap: Map<string, any>;\n withConfig: boolean;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { DataTableColumnProps, DTColumn } from './Column.types';\nimport type { DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableGroupProps = {\n title: React.ReactNode;\n\n borders?: 'both' | 'left' | 'right';\n\n fixed?: 'left' | 'right';\n\n children: Array<ReactElement<DataTableColumnProps>>;\n\n name?: string;\n columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n use: DTUse;\n fixedColumnsMap: Map<string, any>;\n withConfig: boolean;\n};\n"],"mappings":"","ignoreList":[]}