@revolist/revogrid 3.7.5 → 3.7.7

package/custom-element/columnService.js

@@ -615,10 +615,12 @@ class ColumnService {
     const copyColLength = d.oldProps.length;
     const copyFrom = this.copyRangeArray(d.oldRange, d.oldProps, this.dataStore);
     const copyRowLength = copyFrom.length;
+    const mapping = {};
     // rows
     for (let rowIndex = d.newRange.y, i = 0; rowIndex < d.newRange.y1 + 1; rowIndex++, i++) {
       // copy original data link
       const copyRow = copyFrom[i % copyRowLength];
+      const oldRowIndex = d.oldRange.y + (i % copyRowLength);
       // columns
       for (let colIndex = d.newRange.x, j = 0; colIndex < d.newRange.x1 + 1; colIndex++, j++) {
         // check if old range area
@@ -626,6 +628,8 @@ class ColumnService {
           continue;
         }
         const p = this.columns[colIndex].prop;
+        const copyColIndex = d.oldRange.x + (j % copyColLength);
+        const copyColumnProp = this.columns[copyColIndex].prop;
         const currentCol = j % copyColLength;
         /** if can write */
         if (!this.isReadOnly(rowIndex, colIndex)) {
@@ -634,10 +638,22 @@ class ColumnService {
             changed[rowIndex] = {};
           }
           changed[rowIndex][p] = copyRow[currentCol];
+          /** Generate mapping object */
+          if (!mapping[rowIndex]) {
+            mapping[rowIndex] = {};
+          }
+          mapping[rowIndex][p] = {
+            colIndex: copyColIndex,
+            colProp: copyColumnProp,
+            rowIndex: oldRowIndex,
+          };
         }
       }
     }
-    return changed;
+    return {
+      changed,
+      mapping,
+    };
   }
   getTransformedDataToApply(start, data) {
     const changed = {};

package/custom-element/revogr-overlay-selection2.js

@@ -396,8 +396,11 @@ class AutoFillService {
       oldRange,
       newProps: slice_1(columns, newRange.x, newRange.x1 + 1).map(v => v.prop),
       oldProps: slice_1(columns, oldRange.x, oldRange.x1 + 1).map(v => v.prop),
+      mapping: {},
     };
-    rangeData.newData = this.sv.columnService.getRangeData(rangeData);
+    const changesOnRange = this.sv.columnService.getRangeData(rangeData);
+    rangeData.newData = changesOnRange.changed;
+    rangeData.mapping = changesOnRange.mapping;
     const selectionEndEvent = this.sv.internalSelectionChanged(rangeData);
     if (selectionEndEvent.defaultPrevented) {
       this.sv.setTempRange(null);
@@ -471,6 +474,7 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.focusCell = createEvent(this, "focusCell", 3);
     this.internalSelectionChanged = createEvent(this, "internalSelectionChanged", 7);
     this.internalRangeDataApply = createEvent(this, "internalRangeDataApply", 7);
+    this.beforeKeyDown = createEvent(this, "beforekeydown", 7);
     this.keyboardService = null;
     this.autoFillService = null;
     this.clipboardService = null;
@@ -508,7 +512,9 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   /** Recived keyboard down from element */
   onKeyDown(e) {
     var _a;
-    if (e.defaultPrevented) {
+    // Emit before key down event and check if default prevention is set.
+    const proxy = this.beforeKeyDown.emit(Object.assign(Object.assign({}, e), this.getData()));
+    if (e.defaultPrevented || proxy.defaultPrevented) {
       return;
     }
     (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyDown(e, this.range);
@@ -710,6 +716,9 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       rows: this.dimensionRow.state,
       cols: this.dimensionCol.state,
       lastCell: this.lastCell,
+      focus: this.selectionStore.get('focus'),
+      range: this.selectionStore.get('range'),
+      edit: this.selectionStore.get('edit'),
     };
   }
   get element() { return this; }

package/dist/cjs/revo-grid_11.cjs.entry.js

@@ -25671,10 +25671,12 @@ class ColumnService {
     const copyColLength = d.oldProps.length;
     const copyFrom = this.copyRangeArray(d.oldRange, d.oldProps, this.dataStore);
     const copyRowLength = copyFrom.length;
+    const mapping = {};
     // rows
     for (let rowIndex = d.newRange.y, i = 0; rowIndex < d.newRange.y1 + 1; rowIndex++, i++) {
       // copy original data link
       const copyRow = copyFrom[i % copyRowLength];
+      const oldRowIndex = d.oldRange.y + (i % copyRowLength);
       // columns
       for (let colIndex = d.newRange.x, j = 0; colIndex < d.newRange.x1 + 1; colIndex++, j++) {
         // check if old range area
@@ -25682,6 +25684,8 @@ class ColumnService {
           continue;
         }
         const p = this.columns[colIndex].prop;
+        const copyColIndex = d.oldRange.x + (j % copyColLength);
+        const copyColumnProp = this.columns[copyColIndex].prop;
         const currentCol = j % copyColLength;
         /** if can write */
         if (!this.isReadOnly(rowIndex, colIndex)) {
@@ -25690,10 +25694,22 @@ class ColumnService {
             changed[rowIndex] = {};
           }
           changed[rowIndex][p] = copyRow[currentCol];
+          /** Generate mapping object */
+          if (!mapping[rowIndex]) {
+            mapping[rowIndex] = {};
+          }
+          mapping[rowIndex][p] = {
+            colIndex: copyColIndex,
+            colProp: copyColumnProp,
+            rowIndex: oldRowIndex,
+          };
         }
       }
     }
-    return changed;
+    return {
+      changed,
+      mapping,
+    };
   }
   getTransformedDataToApply(start, data) {
     const changed = {};
@@ -27473,8 +27489,11 @@ class AutoFillService {
       oldRange,
       newProps: slice_1(columns, newRange.x, newRange.x1 + 1).map(v => v.prop),
       oldProps: slice_1(columns, oldRange.x, oldRange.x1 + 1).map(v => v.prop),
+      mapping: {},
     };
-    rangeData.newData = this.sv.columnService.getRangeData(rangeData);
+    const changesOnRange = this.sv.columnService.getRangeData(rangeData);
+    rangeData.newData = changesOnRange.changed;
+    rangeData.mapping = changesOnRange.mapping;
     const selectionEndEvent = this.sv.internalSelectionChanged(rangeData);
     if (selectionEndEvent.defaultPrevented) {
       this.sv.setTempRange(null);
@@ -27547,6 +27566,7 @@ const OverlaySelection = class {
     this.focusCell = index.createEvent(this, "focusCell", 3);
     this.internalSelectionChanged = index.createEvent(this, "internalSelectionChanged", 7);
     this.internalRangeDataApply = index.createEvent(this, "internalRangeDataApply", 7);
+    this.beforeKeyDown = index.createEvent(this, "beforekeydown", 7);
     this.keyboardService = null;
     this.autoFillService = null;
     this.clipboardService = null;
@@ -27584,7 +27604,9 @@ const OverlaySelection = class {
   /** Recived keyboard down from element */
   onKeyDown(e) {
     var _a;
-    if (e.defaultPrevented) {
+    // Emit before key down event and check if default prevention is set.
+    const proxy = this.beforeKeyDown.emit(Object.assign(Object.assign({}, e), this.getData()));
+    if (e.defaultPrevented || proxy.defaultPrevented) {
       return;
     }
     (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyDown(e, this.range);
@@ -27786,6 +27808,9 @@ const OverlaySelection = class {
       rows: this.dimensionRow.state,
       cols: this.dimensionCol.state,
       lastCell: this.lastCell,
+      focus: this.selectionStore.get('focus'),
+      range: this.selectionStore.get('range'),
+      edit: this.selectionStore.get('edit'),
     };
   }
   get element() { return index.getElement(this); }

package/dist/collection/components/data/columnService.js

@@ -132,10 +132,12 @@ export default class ColumnService {
     const copyColLength = d.oldProps.length;
     const copyFrom = this.copyRangeArray(d.oldRange, d.oldProps, this.dataStore);
     const copyRowLength = copyFrom.length;
+    const mapping = {};
     // rows
     for (let rowIndex = d.newRange.y, i = 0; rowIndex < d.newRange.y1 + 1; rowIndex++, i++) {
       // copy original data link
       const copyRow = copyFrom[i % copyRowLength];
+      const oldRowIndex = d.oldRange.y + (i % copyRowLength);
       // columns
       for (let colIndex = d.newRange.x, j = 0; colIndex < d.newRange.x1 + 1; colIndex++, j++) {
         // check if old range area
@@ -143,6 +145,8 @@ export default class ColumnService {
           continue;
         }
         const p = this.columns[colIndex].prop;
+        const copyColIndex = d.oldRange.x + (j % copyColLength);
+        const copyColumnProp = this.columns[copyColIndex].prop;
         const currentCol = j % copyColLength;
         /** if can write */
         if (!this.isReadOnly(rowIndex, colIndex)) {
@@ -151,10 +155,22 @@ export default class ColumnService {
             changed[rowIndex] = {};
           }
           changed[rowIndex][p] = copyRow[currentCol];
+          /** Generate mapping object */
+          if (!mapping[rowIndex]) {
+            mapping[rowIndex] = {};
+          }
+          mapping[rowIndex][p] = {
+            colIndex: copyColIndex,
+            colProp: copyColumnProp,
+            rowIndex: oldRowIndex,
+          };
         }
       }
     }
-    return changed;
+    return {
+      changed,
+      mapping,
+    };
   }
   getTransformedDataToApply(start, data) {
     const changed = {};

package/dist/collection/components/overlay/autofill.service.js

@@ -156,8 +156,11 @@ export class AutoFillService {
       oldRange,
       newProps: slice(columns, newRange.x, newRange.x1 + 1).map(v => v.prop),
       oldProps: slice(columns, oldRange.x, oldRange.x1 + 1).map(v => v.prop),
+      mapping: {},
     };
-    rangeData.newData = this.sv.columnService.getRangeData(rangeData);
+    const changesOnRange = this.sv.columnService.getRangeData(rangeData);
+    rangeData.newData = changesOnRange.changed;
+    rangeData.mapping = changesOnRange.mapping;
     const selectionEndEvent = this.sv.internalSelectionChanged(rangeData);
     if (selectionEndEvent.defaultPrevented) {
       this.sv.setTempRange(null);

package/dist/collection/components/overlay/revogr-overlay-selection.js

@@ -51,7 +51,9 @@ export class OverlaySelection {
   /** Recived keyboard down from element */
   onKeyDown(e) {
     var _a;
-    if (e.defaultPrevented) {
+    // Emit before key down event and check if default prevention is set.
+    const proxy = this.beforeKeyDown.emit(Object.assign(Object.assign({}, e), this.getData()));
+    if (e.defaultPrevented || proxy.defaultPrevented) {
       return;
     }
     (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyDown(e, this.range);
@@ -255,6 +257,9 @@ export class OverlaySelection {
       rows: this.dimensionRow.state,
       cols: this.dimensionCol.state,
       lastCell: this.lastCell,
+      focus: this.selectionStore.get('focus'),
+      range: this.selectionStore.get('range'),
+      edit: this.selectionStore.get('edit'),
     };
   }
   static get is() { return "revogr-overlay-selection"; }
@@ -699,7 +704,7 @@ export class OverlaySelection {
       },
       "complexType": {
         "original": "Selection.ChangedRange",
-        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; }",
+        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; mapping: OldNewRangeMapping; }",
         "references": {
           "Selection": {
             "location": "import",
@@ -727,6 +732,21 @@ export class OverlaySelection {
           }
         }
       }
+    }, {
+      "method": "beforeKeyDown",
+      "name": "beforekeydown",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Before key up event proxy, used to prevent key up trigger.\nIf you have some custom behaviour event, use this event to check if it wasn't processed by internal logic.\nCall preventDefault()."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
   static get elementRef() { return "element"; }
   static get watchers() { return [{

package/dist/collection/components/revo-grid/revo-grid.js

@@ -1190,7 +1190,7 @@ export class RevoGridComponent {
       },
       "complexType": {
         "original": "Selection.ChangedRange",
-        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; }",
+        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; mapping: OldNewRangeMapping; }",
         "references": {
           "Selection": {
             "location": "import",
@@ -1210,7 +1210,7 @@ export class RevoGridComponent {
       },
       "complexType": {
         "original": "Selection.ChangedRange",
-        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; }",
+        "resolved": "{ type: DimensionRows; newRange: RangeArea; oldRange: RangeArea; newProps: ColumnProp[]; oldProps: ColumnProp[]; newData: { [key: number]: DataType; }; mapping: OldNewRangeMapping; }",
         "references": {
           "Selection": {
             "location": "import",

package/dist/esm/revo-grid_11.entry.js

@@ -25667,10 +25667,12 @@ class ColumnService {
     const copyColLength = d.oldProps.length;
     const copyFrom = this.copyRangeArray(d.oldRange, d.oldProps, this.dataStore);
     const copyRowLength = copyFrom.length;
+    const mapping = {};
     // rows
     for (let rowIndex = d.newRange.y, i = 0; rowIndex < d.newRange.y1 + 1; rowIndex++, i++) {
       // copy original data link
       const copyRow = copyFrom[i % copyRowLength];
+      const oldRowIndex = d.oldRange.y + (i % copyRowLength);
       // columns
       for (let colIndex = d.newRange.x, j = 0; colIndex < d.newRange.x1 + 1; colIndex++, j++) {
         // check if old range area
@@ -25678,6 +25680,8 @@ class ColumnService {
           continue;
         }
         const p = this.columns[colIndex].prop;
+        const copyColIndex = d.oldRange.x + (j % copyColLength);
+        const copyColumnProp = this.columns[copyColIndex].prop;
         const currentCol = j % copyColLength;
         /** if can write */
         if (!this.isReadOnly(rowIndex, colIndex)) {
@@ -25686,10 +25690,22 @@ class ColumnService {
             changed[rowIndex] = {};
           }
           changed[rowIndex][p] = copyRow[currentCol];
+          /** Generate mapping object */
+          if (!mapping[rowIndex]) {
+            mapping[rowIndex] = {};
+          }
+          mapping[rowIndex][p] = {
+            colIndex: copyColIndex,
+            colProp: copyColumnProp,
+            rowIndex: oldRowIndex,
+          };
         }
       }
     }
-    return changed;
+    return {
+      changed,
+      mapping,
+    };
   }
   getTransformedDataToApply(start, data) {
     const changed = {};
@@ -27469,8 +27485,11 @@ class AutoFillService {
       oldRange,
       newProps: slice_1(columns, newRange.x, newRange.x1 + 1).map(v => v.prop),
       oldProps: slice_1(columns, oldRange.x, oldRange.x1 + 1).map(v => v.prop),
+      mapping: {},
     };
-    rangeData.newData = this.sv.columnService.getRangeData(rangeData);
+    const changesOnRange = this.sv.columnService.getRangeData(rangeData);
+    rangeData.newData = changesOnRange.changed;
+    rangeData.mapping = changesOnRange.mapping;
     const selectionEndEvent = this.sv.internalSelectionChanged(rangeData);
     if (selectionEndEvent.defaultPrevented) {
       this.sv.setTempRange(null);
@@ -27543,6 +27562,7 @@ const OverlaySelection = class {
     this.focusCell = createEvent(this, "focusCell", 3);
     this.internalSelectionChanged = createEvent(this, "internalSelectionChanged", 7);
     this.internalRangeDataApply = createEvent(this, "internalRangeDataApply", 7);
+    this.beforeKeyDown = createEvent(this, "beforekeydown", 7);
     this.keyboardService = null;
     this.autoFillService = null;
     this.clipboardService = null;
@@ -27580,7 +27600,9 @@ const OverlaySelection = class {
   /** Recived keyboard down from element */
   onKeyDown(e) {
     var _a;
-    if (e.defaultPrevented) {
+    // Emit before key down event and check if default prevention is set.
+    const proxy = this.beforeKeyDown.emit(Object.assign(Object.assign({}, e), this.getData()));
+    if (e.defaultPrevented || proxy.defaultPrevented) {
       return;
     }
     (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyDown(e, this.range);
@@ -27782,6 +27804,9 @@ const OverlaySelection = class {
       rows: this.dimensionRow.state,
       cols: this.dimensionCol.state,
       lastCell: this.lastCell,
+      focus: this.selectionStore.get('focus'),
+      range: this.selectionStore.get('range'),
+      edit: this.selectionStore.get('edit'),
     };
   }
   get element() { return getElement(this); }