@revolist/revogrid 4.13.4 → 4.13.5

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 (100) hide show
  1. package/dist/cjs/dimension.helpers-5b822a09.js.map +1 -1
  2. package/dist/cjs/index.cjs.js +10 -9
  3. package/dist/cjs/index.cjs.js.map +1 -1
  4. package/dist/cjs/revogr-attribution_7.cjs.entry.js +4 -4
  5. package/dist/cjs/revogr-data_4.cjs.entry.js +71 -56
  6. package/dist/cjs/revogr-data_4.cjs.entry.js.map +1 -1
  7. package/dist/collection/{plugins/groupingColumn/headerGroupRenderer.js → components/header/header-group-renderer.js} +4 -4
  8. package/dist/collection/components/header/header-group-renderer.js.map +1 -0
  9. package/dist/collection/components/header/revogr-header.js +75 -13
  10. package/dist/collection/components/header/revogr-header.js.map +1 -1
  11. package/dist/collection/components/overlay/revogr-overlay-selection.js +2 -2
  12. package/dist/collection/components/rowHeaders/revogr-row-headers.js +1 -1
  13. package/dist/collection/components/scroll/revogr-viewport-scroll.js +1 -1
  14. package/dist/collection/components/scrollable/revogr-scroll-virtual.js +1 -1
  15. package/dist/collection/components/vnode/vnode-converter.js +1 -1
  16. package/dist/collection/plugins/index.js +0 -2
  17. package/dist/collection/plugins/index.js.map +1 -1
  18. package/dist/collection/serve/data.js +5 -0
  19. package/dist/collection/store/dataSource/data.store.js.map +1 -1
  20. package/dist/collection/types/events.js +1 -0
  21. package/dist/collection/types/events.js.map +1 -1
  22. package/dist/esm/{column.drag.plugin-da99fde5.js → column.drag.plugin-c625cb29.js} +5 -5
  23. package/dist/{revo-grid/column.drag.plugin-da99fde5.js.map → esm/column.drag.plugin-c625cb29.js.map} +1 -1
  24. package/dist/esm/{column.service-f39c0a1d.js → column.service-5f5b38b9.js} +2 -2
  25. package/dist/{revo-grid/column.service-f39c0a1d.js.map → esm/column.service-5f5b38b9.js.map} +1 -1
  26. package/dist/{revo-grid/dimension.helpers-5567e424.js → esm/dimension.helpers-54788e5f.js} +2 -2
  27. package/dist/{revo-grid/dimension.helpers-5567e424.js.map → esm/dimension.helpers-54788e5f.js.map} +1 -1
  28. package/dist/esm/{edit.utils-b59306be.js → edit.utils-130d232d.js} +2 -2
  29. package/dist/esm/{edit.utils-b59306be.js.map → edit.utils-130d232d.js.map} +1 -1
  30. package/dist/{revo-grid/grouping.row.renderer-95f32c6b.js → esm/grouping.row.renderer-adeb3f82.js} +3 -3
  31. package/dist/esm/{grouping.row.renderer-95f32c6b.js.map → grouping.row.renderer-adeb3f82.js.map} +1 -1
  32. package/dist/esm/{header-cell-renderer-31f53644.js → header-cell-renderer-cdc31050.js} +2 -2
  33. package/dist/{revo-grid/header-cell-renderer-31f53644.js.map → esm/header-cell-renderer-cdc31050.js.map} +1 -1
  34. package/dist/esm/index.js +10 -9
  35. package/dist/esm/index.js.map +1 -1
  36. package/dist/{revo-grid/key.utils-3632161b.js → esm/key.utils-b61b261e.js} +2 -2
  37. package/dist/esm/{key.utils-3632161b.js.map → key.utils-b61b261e.js.map} +1 -1
  38. package/dist/esm/revo-grid.entry.js +5 -5
  39. package/dist/esm/revogr-attribution_7.entry.js +10 -10
  40. package/dist/esm/revogr-clipboard_3.entry.js +4 -4
  41. package/dist/esm/revogr-data_4.entry.js +76 -61
  42. package/dist/esm/revogr-data_4.entry.js.map +1 -1
  43. package/dist/{revo-grid/text-editor-e47e56c3.js → esm/text-editor-00ca5b90.js} +3 -3
  44. package/dist/esm/{text-editor-e47e56c3.js.map → text-editor-00ca5b90.js.map} +1 -1
  45. package/dist/esm/{throttle-dec28f5b.js → throttle-deb3116a.js} +2 -2
  46. package/dist/esm/{throttle-dec28f5b.js.map → throttle-deb3116a.js.map} +1 -1
  47. package/dist/{revo-grid/viewport.store-c18a25a6.js → esm/viewport.store-f6aff24d.js} +2 -2
  48. package/dist/esm/{viewport.store-c18a25a6.js.map → viewport.store-f6aff24d.js.map} +1 -1
  49. package/dist/revo-grid/{column.drag.plugin-da99fde5.js → column.drag.plugin-c625cb29.js} +5 -5
  50. package/dist/{esm/column.drag.plugin-da99fde5.js.map → revo-grid/column.drag.plugin-c625cb29.js.map} +1 -1
  51. package/dist/revo-grid/{column.service-f39c0a1d.js → column.service-5f5b38b9.js} +2 -2
  52. package/dist/{esm/column.service-f39c0a1d.js.map → revo-grid/column.service-5f5b38b9.js.map} +1 -1
  53. package/dist/{esm/dimension.helpers-5567e424.js → revo-grid/dimension.helpers-54788e5f.js} +2 -2
  54. package/dist/{esm/dimension.helpers-5567e424.js.map → revo-grid/dimension.helpers-54788e5f.js.map} +1 -1
  55. package/dist/revo-grid/{edit.utils-b59306be.js → edit.utils-130d232d.js} +2 -2
  56. package/dist/revo-grid/{edit.utils-b59306be.js.map → edit.utils-130d232d.js.map} +1 -1
  57. package/dist/{esm/grouping.row.renderer-95f32c6b.js → revo-grid/grouping.row.renderer-adeb3f82.js} +3 -3
  58. package/dist/revo-grid/{grouping.row.renderer-95f32c6b.js.map → grouping.row.renderer-adeb3f82.js.map} +1 -1
  59. package/dist/revo-grid/{header-cell-renderer-31f53644.js → header-cell-renderer-cdc31050.js} +2 -2
  60. package/dist/{esm/header-cell-renderer-31f53644.js.map → revo-grid/header-cell-renderer-cdc31050.js.map} +1 -1
  61. package/dist/revo-grid/index.esm.js +10 -9
  62. package/dist/revo-grid/index.esm.js.map +1 -1
  63. package/dist/{esm/key.utils-3632161b.js → revo-grid/key.utils-b61b261e.js} +2 -2
  64. package/dist/revo-grid/{key.utils-3632161b.js.map → key.utils-b61b261e.js.map} +1 -1
  65. package/dist/revo-grid/revo-grid.entry.js +5 -5
  66. package/dist/revo-grid/revogr-attribution_7.entry.js +10 -10
  67. package/dist/revo-grid/revogr-clipboard_3.entry.js +4 -4
  68. package/dist/revo-grid/revogr-data_4.entry.js +76 -61
  69. package/dist/revo-grid/revogr-data_4.entry.js.map +1 -1
  70. package/dist/{esm/text-editor-e47e56c3.js → revo-grid/text-editor-00ca5b90.js} +3 -3
  71. package/dist/revo-grid/{text-editor-e47e56c3.js.map → text-editor-00ca5b90.js.map} +1 -1
  72. package/dist/revo-grid/{throttle-dec28f5b.js → throttle-deb3116a.js} +2 -2
  73. package/dist/revo-grid/{throttle-dec28f5b.js.map → throttle-deb3116a.js.map} +1 -1
  74. package/dist/{esm/viewport.store-c18a25a6.js → revo-grid/viewport.store-f6aff24d.js} +2 -2
  75. package/dist/revo-grid/{viewport.store-c18a25a6.js.map → viewport.store-f6aff24d.js.map} +1 -1
  76. package/dist/types/{plugins/groupingColumn/headerGroupRenderer.d.ts → components/header/header-group-renderer.d.ts} +4 -4
  77. package/dist/types/components/header/revogr-header.d.ts +9 -2
  78. package/dist/types/components.d.ts +7 -0
  79. package/dist/types/plugins/index.d.ts +0 -2
  80. package/dist/types/store/dataSource/data.store.d.ts +1 -1
  81. package/dist/types/types/events.d.ts +1 -1
  82. package/hydrate/index.js +58 -43
  83. package/hydrate/index.mjs +58 -43
  84. package/package.json +1 -1
  85. package/standalone/column.service.js +1 -1
  86. package/standalone/data.store.js +1 -1
  87. package/standalone/data.store.js.map +1 -1
  88. package/standalone/index.js +3 -2
  89. package/standalone/index.js.map +1 -1
  90. package/standalone/revogr-header2.js +77 -62
  91. package/standalone/revogr-header2.js.map +1 -1
  92. package/standalone/revogr-overlay-selection2.js +2 -2
  93. package/standalone/revogr-row-headers2.js +1 -1
  94. package/standalone/revogr-scroll-virtual2.js +1 -1
  95. package/standalone/revogr-viewport-scroll2.js +1 -1
  96. package/standalone/vnode-converter.js +1 -1
  97. package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js +0 -34
  98. package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js.map +0 -1
  99. package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js.map +0 -1
  100. package/dist/types/plugins/groupingColumn/columnGroupsRenderer.d.ts +0 -18
@@ -612,7 +612,7 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class OverlaySelection
612
612
  nodes.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
613
613
  }
614
614
  }
615
- return (h(Host, { key: '4beb16eb1cfe23899d054adbd52b46120aad5ba6', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e), onCelledit: (e) => {
615
+ return (h(Host, { key: 'aaae2fb9cd6abd04c5b742277214579901062a54', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e), onCelledit: (e) => {
616
616
  const saveEv = this.beforeCellSave.emit(e.detail);
617
617
  if (!saveEv.defaultPrevented) {
618
618
  this.cellEdit(saveEv.detail);
@@ -621,7 +621,7 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class OverlaySelection
621
621
  if (!saveEv.detail.preventFocus) {
622
622
  this.focusNext();
623
623
  }
624
- } }, nodes, h("slot", { key: '693c50627eb52b9902d9fe5ddd0c09fd2a3ee562', name: "data" })));
624
+ } }, nodes, h("slot", { key: '945243e45f2cfbb78d8727c10652d6d0d530d494', name: "data" })));
625
625
  }
626
626
  /**
627
627
  * Executes the focus operation on the specified range of cells.
@@ -467,7 +467,7 @@ const RevogrRowHeaders = /*@__PURE__*/ proxyCustomElement(class RevogrRowHeaders
467
467
  const viewportHeader = Object.assign(Object.assign({}, this.headerProp), { colData: typeof this.rowHeaderColumn === 'object' ? [this.rowHeaderColumn] : [], viewportCol: viewport.store, canResize: false, type: ROW_HEADER_TYPE,
468
468
  // parent,
469
469
  slot: HEADER_SLOT });
470
- return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: 'addb87ab3406b5691cecf810119582bda3a4b4a2' }, viewportScroll, { "row-header": true }), h("revogr-header", Object.assign({ key: '8621e76b132e7d1507794b515b40f525577413e2' }, viewportHeader)), dataViews)));
470
+ return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: 'f665e56f8b21f96d9c0782232fcd7473f9fb0c53' }, viewportScroll, { "row-header": true }), h("revogr-header", Object.assign({ key: 'c5056a8b06e1d62ed69ce206344af61d340572e2' }, viewportHeader)), dataViews)));
471
471
  }
472
472
  }, [0, "revogr-row-headers", {
473
473
  "height": [2],
@@ -172,7 +172,7 @@ const RevogrScrollVirtual = /*@__PURE__*/ proxyCustomElement(class RevogrScrollV
172
172
  render() {
173
173
  const sizeType = this.dimension === 'rgRow' ? 'height' : 'width';
174
174
  const size = getContentSize(this.dimensionStore.get('realSize'), this.size, this.viewportStore.get('clientSize'));
175
- return (h(Host, { key: '7789bd408d3e154836bcd2aed4ebaa1663e7f968', onScroll: (e) => this.onScroll(e) }, h("div", { key: '40549da97df3a580ad2ddef13fe7b4dbe6df54bc', style: {
175
+ return (h(Host, { key: '94ccf82880ca9a3b0b1a87e94553f3c6ea6e885a', onScroll: (e) => this.onScroll(e) }, h("div", { key: '3518b4db297114195e4ef9bd3555d08bae08daa9', style: {
176
176
  [sizeType]: `${size}px`,
177
177
  } })));
178
178
  }
@@ -291,7 +291,7 @@ const RevogrViewportScroll = /*@__PURE__*/ proxyCustomElement(class RevogrViewpo
291
291
  this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
292
292
  }
293
293
  render() {
294
- return (h(Host, { key: '970ac2365588d1c894d9684113eb9beaf64e1a1d', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: 'dc57aab1bde4496e83131d80a7e189db25b93312', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: 'bd014cf0a67bb913016f00f7838344611a1b26df', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '772eb408b6ea670624cc338550215565ec36ef89', name: HEADER_SLOT })), h("div", { key: '5dcf061c78864b0dc4e4ffbcc28c0ebb3536ce8b', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: 'b45f46aedefe82843b086cdca822e05339a77fda', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: '8d07196c79741ace0f4c734138d69abdf96fee4f', name: CONTENT_SLOT }))), h("div", { key: 'f6313f9394e99a3ad07895ed06e965540268b35a', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: 'b1bcdb75bb5e4dcc1e43493d7b4f01b2578352e4', name: FOOTER_SLOT })))));
294
+ return (h(Host, { key: 'c8c94171231164105fad7a6f53743db615dc123a', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: 'd33774605170a5ba43e41e3d3133130eeda1a6fb', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: '3cf14b0fd2fce937f5f28b205fbd2402d0de3cb4', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '14ce896ee001c614553744c2e4d8d680bf4e6d15', name: HEADER_SLOT })), h("div", { key: '46b937e0fc75a71f983b739e0c8179c2dc8115ac', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: 'cf775690b0eef973f205659973ea23e376bc64d6', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: '63b50bb02edda40839829e7b54825953d3634906', name: CONTENT_SLOT }))), h("div", { key: 'c28e2f9d0524a8d0adc86d6a7d78b1ce15831edd', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: 'bd24b24482d201ad91c279d09f3bcc0f2bc58370', name: FOOTER_SLOT })))));
295
295
  }
296
296
  /**
297
297
  * Extra layer for scroll event monitoring, where MouseWheel event is not passing
@@ -20,7 +20,7 @@ const VNodeToHtml = /*@__PURE__*/ proxyCustomElement(class VNodeToHtml extends H
20
20
  render() {
21
21
  var _a, _b;
22
22
  this.vnodes = (_b = (_a = this.redraw) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : null;
23
- return (h(Host, { key: '73a019dbc046a9d4504bc84a80868e8023d1f502', style: { visibility: 'hidden', position: 'absolute' } }, this.vnodes));
23
+ return (h(Host, { key: '11b76ca8a86ebf279add88bbd86ef9eb5149605a', style: { visibility: 'hidden', position: 'absolute' } }, this.vnodes));
24
24
  }
25
25
  get el() { return this; }
26
26
  }, [0, "vnode-html", {
@@ -1,34 +0,0 @@
1
- /*!
2
- * Built by Revolist OU ❤️
3
- */
4
- import { h } from "@stencil/core";
5
- import findIndex from "lodash/findIndex";
6
- import { getItemByIndex } from "../../store/index";
7
- import { HEADER_ROW_CLASS } from "../../utils/consts";
8
- import GroupHeaderRenderer from "./headerGroupRenderer";
9
- const ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }) => {
10
- // render group columns
11
- const groupRow = [];
12
- for (let i = 0; i < depth; i++) {
13
- if (groups[i]) {
14
- for (let group of groups[i]) {
15
- // if group in visible range
16
- // find first visible group prop in visible columns range
17
- const indexFirstVisibleCol = findIndex(group.ids, id => typeof visibleProps[id] === 'number');
18
- if (indexFirstVisibleCol > -1) {
19
- const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index
20
- const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group
21
- const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group
22
- // coordinates
23
- const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;
24
- const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;
25
- groupRow.push(h(GroupHeaderRenderer, { providers: providers, start: groupStart, end: groupEnd, group: group, active: active, canResize: canResize, onResize: e => { var _a; return onResize((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex); }, additionalData: additionalData }));
26
- }
27
- }
28
- }
29
- groupRow.push(h("div", { class: `${HEADER_ROW_CLASS} group` }));
30
- }
31
- return groupRow;
32
- };
33
- export default ColumnGroupsRenderer;
34
- //# sourceMappingURL=columnGroupsRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"columnGroupsRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/columnGroupsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAS,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAcxD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAC7D,EAA0B,EAAE;IAChE,uBAAuB;IACvB,MAAM,QAAQ,GAA2B,EAAE,CAAC;IAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACd,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC5B,4BAA4B;gBAC5B,yDAAyD;gBACzD,MAAM,oBAAoB,GAAuB,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC;gBAClH,IAAI,oBAAoB,GAAG,CAAC,CAAC,EAAE,CAAC;oBAC9B,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,mBAAmB;oBAC1F,MAAM,eAAe,GAAG,eAAe,GAAG,oBAAoB,CAAC,CAAC,8BAA8B;oBAC9F,MAAM,aAAa,GAAG,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,6BAA6B;oBAE3F,cAAc;oBACd,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC;oBACvE,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC;oBACjE,QAAQ,CAAC,IAAI,CACX,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAC,OAAA,QAAQ,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,EAAE,eAAe,EAAE,aAAa,CAAC,CAAA,EAAA,EACxE,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,WAAK,KAAK,EAAE,GAAG,gBAAgB,QAAQ,GAAI,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../components/header/resizable.directive';\n\ntype Props<T> = {\n visibleProps: { [prop: string]: number };\n groups: Record<number, Group[]>;\n dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n depth: number;\n canResize: boolean;\n providers: Providers<T>;\n additionalData: any;\n onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): ReturnType<typeof h>[] => {\n // render group columns\n const groupRow: ReturnType<typeof h>[] = [];\n for (let i = 0; i < depth; i++) {\n if (groups[i]) {\n for (let group of groups[i]) {\n // if group in visible range\n // find first visible group prop in visible columns range\n const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n if (indexFirstVisibleCol > -1) {\n const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n // coordinates\n const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n groupRow.push(\n <GroupHeaderRenderer\n providers={providers}\n start={groupStart}\n end={groupEnd}\n group={group}\n active={active}\n canResize={canResize}\n onResize={e => onResize(e.changedX ?? 0, groupStartIndex, groupEndIndex)}\n additionalData={additionalData}\n />,\n );\n }\n }\n }\n groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n }\n return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerGroupRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/headerGroupRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIlC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAYlF,MAAM,mBAAmB,GAAG,CAAC,CAAQ,EAAwB,EAAE;IAC7D,MAAM,UAAU,GAAqC;QACnD,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,YAAY;QAC3C,QAAQ,EAAE,CAAC;QAEX,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QACzB,KAAK,EAAE;YACL,CAAC,YAAY,CAAC,EAAE,IAAI;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,cAAc,CAAC,CAAC,KAAK,KAAK;YACrC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;SAC9B;QACD,QAAQ,EAAE,CAAC,CAAC,QAAQ;KACrB,CAAC;IACF,OAAO,CACL,EAAC,kBAAkB,IACjB,IAAI,kCACC,CAAC,CAAC,KAAK,KACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEhB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,CAAC,cAAc,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { Group } from '@store';\nimport type { CellProps, Providers, DimensionCols } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../components/header/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\n\ntype Props = {\n start: number;\n end: number;\n group: Group;\n providers: Providers<DimensionCols | 'rowHeaders'>;\n additionalData: any;\n canResize?: boolean;\n onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): ReturnType<typeof h> => {\n const groupProps: CellProps & Partial<ResizeProps> = {\n canResize: p.canResize,\n minWidth: p.group.ids.length * MIN_COL_SIZE,\n maxWidth: 0,\n\n active: p.active || ['r'],\n class: {\n [HEADER_CLASS]: true,\n },\n style: {\n transform: `translateX(${p.start}px)`,\n width: `${p.end - p.start}px`,\n },\n onResize: p.onResize,\n };\n return (\n <HeaderCellRenderer\n data={{\n ...p.group,\n prop: '',\n providers: p.providers,\n index: p.start,\n }}\n props={groupProps}\n additionalData={p.additionalData}\n />\n );\n};\n\nexport default GroupHeaderRenderer;\n"]}
@@ -1,18 +0,0 @@
1
- import { h } from '../../stencil-public-runtime';
2
- import { Group } from "../../store/index";
3
- import { DimensionSettingsState, Providers, DimensionCols } from "../../types/index";
4
- import { ResizeProps } from '../../components/header/resizable.directive';
5
- type Props<T> = {
6
- visibleProps: {
7
- [prop: string]: number;
8
- };
9
- groups: Record<number, Group[]>;
10
- dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;
11
- depth: number;
12
- canResize: boolean;
13
- providers: Providers<T>;
14
- additionalData: any;
15
- onResize(changedX: number, startIndex: number, endIndex: number): void;
16
- } & Partial<Pick<ResizeProps, 'active'>>;
17
- declare const ColumnGroupsRenderer: ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }: Props<DimensionCols | "rowHeaders">) => ReturnType<typeof h>[];
18
- export default ColumnGroupsRenderer;