@revolist/revogrid 4.22.0 → 4.22.1

package/dist/cjs/{cell-renderer-uZmDBXz7.js → cell-renderer-BQdEGQXP.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
-var column_service = require('./column.service-DvQDqxxx.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
+var column_service = require('./column.service-DXYMehqK.js');
 
 const SortingSign = ({ column }) => {
     var _a;

package/dist/cjs/{column.drag.plugin-CM_5mKV3.js → column.drag.plugin-RDjQhKCH.js}

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var column_service = require('./column.service-DvQDqxxx.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
-var viewport_store = require('./viewport.store-Dcjud-a-.js');
+var column_service = require('./column.service-DXYMehqK.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
+var viewport_store = require('./viewport.store-q6YdR9mg.js');
 var index = require('./index-Dq8Xzj5l.js');
 var filter_button = require('./filter.button-w6LWnyhi.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var headerCellRenderer = require('./header-cell-renderer-B1dJwgTO.js');
+var headerCellRenderer = require('./header-cell-renderer-DGyBrK8I.js');
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -2530,11 +2530,11 @@ class ColumnOrderHandler {
  * Plugin for column manual move
  */
 const COLUMN_CLICK = headerCellRenderer.ON_COLUMN_CLICK;
-const MOVE = 'columndragmousemove';
-const DRAG_END = 'columndragend';
-const BEFORE_DRAG_END = 'beforecolumndragend';
+const COLUMN_DRAG_MOVE_EVENT = 'columndragmousemove';
+const COLUMN_DRAG_END_EVENT = 'columndragend';
+const BEFORE_COLUMN_DRAG_END_EVENT = 'beforecolumndragend';
 // use this event subscription to drop D&D for particular columns
-const DRAG_START = 'columndragstart';
+const COLUMN_DRAG_START_EVENT = 'columndragstart';
 class ColumnMovePlugin extends BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
@@ -2564,7 +2564,7 @@ class ColumnMovePlugin extends BasePlugin {
         if (event.defaultPrevented) {
             return;
         }
-        const { defaultPrevented } = headerCellRenderer.dispatch(this.revogrid, DRAG_START, data);
+        const { defaultPrevented } = headerCellRenderer.dispatch(this.revogrid, COLUMN_DRAG_START_EVENT, data);
         // check if allowed to drag particulat column
         if (defaultPrevented) {
             return;
@@ -2595,7 +2595,7 @@ class ColumnMovePlugin extends BasePlugin {
             gridEl: this.revogrid,
             cols,
         };
-        this.dragData = this.getData(this.staticDragData);
+        this.dragData = this.getData(this.staticDragData, []);
         mousemove.target.addEventListener('mousemove', mousemove.callback);
         this.orderUi.start(event, Object.assign(Object.assign({}, this.dragData), this.staticDragData));
     }
@@ -2603,7 +2603,7 @@ class ColumnMovePlugin extends BasePlugin {
         if (!this.staticDragData) {
             return;
         }
-        const dragData = (this.dragData = this.getData(this.staticDragData));
+        const dragData = (this.dragData = this.getData(this.staticDragData, []));
         if (!dragData) {
             return;
         }
@@ -2620,7 +2620,7 @@ class ColumnMovePlugin extends BasePlugin {
         }
     }
     move(e) {
-        headerCellRenderer.dispatch(this.revogrid, MOVE, e);
+        headerCellRenderer.dispatch(this.revogrid, COLUMN_DRAG_MOVE_EVENT, e);
         // then do move
         this.moveFunc(e);
     }
@@ -2636,9 +2636,10 @@ class ColumnMovePlugin extends BasePlugin {
             }
             const newPosition = dimension_helpers.getItemByPosition(this.staticDragData.cols, relativePos);
             const store = this.providers.column.stores[this.dragData.type].store;
+            const source = store.get('source');
             const newItems = [...store.get('items')];
             // prevent position change if needed
-            const { defaultPrevented: stopDrag } = headerCellRenderer.dispatch(this.revogrid, BEFORE_DRAG_END, Object.assign(Object.assign({}, this.staticDragData), { startPosition: this.staticDragData.startItem, newPosition, newItem: store.get('source')[newItems[this.staticDragData.startItem.itemIndex]] }));
+            const { defaultPrevented: stopDrag } = headerCellRenderer.dispatch(this.revogrid, BEFORE_COLUMN_DRAG_END_EVENT, Object.assign(Object.assign({}, this.staticDragData), { startPosition: this.staticDragData.startItem, newPosition, newItem: source[newItems[this.staticDragData.startItem.itemIndex]] }));
             if (!stopDrag) {
                 const prevItems = [...newItems];
                 // todo: if move item out of group remove item from group
@@ -2647,7 +2648,7 @@ class ColumnMovePlugin extends BasePlugin {
                 store.set('items', newItems);
                 this.providers.dimension.updateSizesPositionByNewDataIndexes(this.dragData.type, newItems, prevItems);
             }
-            headerCellRenderer.dispatch(this.revogrid, DRAG_END, this.dragData);
+            headerCellRenderer.dispatch(this.revogrid, COLUMN_DRAG_END_EVENT, this.getData(this.staticDragData, newItems, source));
         }
         this.clearOrder();
     }
@@ -2667,13 +2668,15 @@ class ColumnMovePlugin extends BasePlugin {
         super.clearSubscriptions();
         this.clearLocalSubscriptions();
     }
-    getData({ gridEl, dataEl, pin, }) {
+    getData({ gridEl, dataEl, pin }, order, source = []) {
         const gridRect = gridEl.getBoundingClientRect();
         const elRect = dataEl.getBoundingClientRect();
         const scrollOffset = elRect.left - gridRect.left;
         return {
+            columns: order.map(index => source[index]).filter(Boolean),
             elRect,
             gridRect,
+            order,
             type: pin || 'rgCol',
             scrollOffset,
         };
@@ -2687,7 +2690,11 @@ function getLeftRelative(absoluteX, gridPos, offset) {
 }
 
 exports.AutoSizeColumnPlugin = AutoSizeColumnPlugin;
+exports.BEFORE_COLUMN_DRAG_END_EVENT = BEFORE_COLUMN_DRAG_END_EVENT;
 exports.BasePlugin = BasePlugin;
+exports.COLUMN_DRAG_END_EVENT = COLUMN_DRAG_END_EVENT;
+exports.COLUMN_DRAG_MOVE_EVENT = COLUMN_DRAG_MOVE_EVENT;
+exports.COLUMN_DRAG_START_EVENT = COLUMN_DRAG_START_EVENT;
 exports.ColumnMovePlugin = ColumnMovePlugin;
 exports.DimensionStore = DimensionStore;
 exports.ExportCsv = ExportCsv;

package/dist/cjs/{column.service-DvQDqxxx.js → column.service-DXYMehqK.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
 
 /**
  * Converts `value` to an integer.

package/dist/cjs/{dimension.helpers-CaIsYC99.js → dimension.helpers-CiiNnlLa.js}

@@ -3654,7 +3654,6 @@ exports.findPositionInArray = findPositionInArray;
 exports.gatherTrimmedItems = gatherTrimmedItems;
 exports.getItemByIndex = getItemByIndex;
 exports.getItemByPosition = getItemByPosition;
-exports.getNative = getNative;
 exports.getPhysical = getPhysical;
 exports.getScrollbarSize = getScrollbarSize;
 exports.getSourceItem = getSourceItem;

package/dist/cjs/{edit.utils-CwMzSIVF.js → edit.utils-CecCfA4E.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
 
 function isMetaKey(code) {
     const keys = [
@@ -85,6 +85,26 @@ function isAll(event) {
     return ((event.ctrlKey && event.code === 'KeyA') || // Ctrl + A on Windows
         (event.metaKey && event.code === 'KeyA')); // Cmd + A on Mac
 }
+/**
+ * Returns true when a keyboard event represents a shortcut modifier that
+ * should not start cell editing from printable `event.key` input.
+ *
+ * AltGr is intentionally excluded because many Windows/Linux layouts expose
+ * printable AltGr characters as Ctrl+Alt key events.
+ */
+function isShortcutModifier(event) {
+    var _a;
+    if ((_a = event.getModifierState) === null || _a === void 0 ? void 0 : _a.call(event, 'AltGraph')) {
+        return false;
+    }
+    if (event.ctrlKey &&
+        event.altKey &&
+        !event.metaKey &&
+        event.key.length === 1) {
+        return false;
+    }
+    return event.ctrlKey || event.metaKey;
+}
 
 // is edit input
 function isEditInput(el) {
@@ -106,5 +126,6 @@ exports.isEditorCtrConstructible = isEditorCtrConstructible;
 exports.isEnterKeyValue = isEnterKeyValue;
 exports.isMetaKey = isMetaKey;
 exports.isPaste = isPaste;
+exports.isShortcutModifier = isShortcutModifier;
 exports.isTab = isTab;
 exports.isTabKeyValue = isTabKeyValue;

package/dist/cjs/{header-cell-renderer-B1dJwgTO.js → header-cell-renderer-DGyBrK8I.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var column_service = require('./column.service-DvQDqxxx.js');
+var column_service = require('./column.service-DXYMehqK.js');
 
 /**
  * Dispatches a custom event to a specified target element.

package/dist/cjs/index.cjs.js

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var column_service = require('./column.service-DvQDqxxx.js');
-var column_drag_plugin = require('./column.drag.plugin-CM_5mKV3.js');
-var headerCellRenderer = require('./header-cell-renderer-B1dJwgTO.js');
-var cellRenderer = require('./cell-renderer-uZmDBXz7.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
-var textEditor = require('./text-editor-BTnGaIl3.js');
-var edit_utils = require('./edit.utils-CwMzSIVF.js');
+var column_service = require('./column.service-DXYMehqK.js');
+var column_drag_plugin = require('./column.drag.plugin-RDjQhKCH.js');
+var headerCellRenderer = require('./header-cell-renderer-DGyBrK8I.js');
+var cellRenderer = require('./cell-renderer-BQdEGQXP.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
+var textEditor = require('./text-editor-DnLZW1a-.js');
+var edit_utils = require('./edit.utils-CecCfA4E.js');
 var index = require('./index-Dq8Xzj5l.js');
-var viewport_store = require('./viewport.store-Dcjud-a-.js');
+var viewport_store = require('./viewport.store-q6YdR9mg.js');
 var filter_button = require('./filter.button-w6LWnyhi.js');
 require('./debounce-CcpHiH2p.js');
 
@@ -85,6 +85,10 @@ const REVOGRID_EVENTS = new Map([
     ['beforeheaderrender', 'beforeheaderrender'],
     ['beforegroupheaderrender', 'beforegroupheaderrender'],
     ['afterheaderrender', 'afterheaderrender'],
+    ['columndragstart', 'columndragstart'],
+    ['columndragmousemove', 'columndragmousemove'],
+    ['beforecolumndragend', 'beforecolumndragend'],
+    ['columndragend', 'columndragend'],
     ['rowdragstartinit', 'rowdragstartinit'],
     ['rowdragendinit', 'rowdragendinit'],
     ['rowdragmoveinit', 'rowdragmoveinit'],
@@ -200,7 +204,11 @@ exports.measureEqualDepth = column_service.measureEqualDepth;
 exports.nextCell = column_service.nextCell;
 exports.rowTypes = column_service.rowTypes;
 exports.AutoSizeColumnPlugin = column_drag_plugin.AutoSizeColumnPlugin;
+exports.BEFORE_COLUMN_DRAG_END_EVENT = column_drag_plugin.BEFORE_COLUMN_DRAG_END_EVENT;
 exports.BasePlugin = column_drag_plugin.BasePlugin;
+exports.COLUMN_DRAG_END_EVENT = column_drag_plugin.COLUMN_DRAG_END_EVENT;
+exports.COLUMN_DRAG_MOVE_EVENT = column_drag_plugin.COLUMN_DRAG_MOVE_EVENT;
+exports.COLUMN_DRAG_START_EVENT = column_drag_plugin.COLUMN_DRAG_START_EVENT;
 Object.defineProperty(exports, "ColumnAutoSizeMode", {
     enumerable: true,
     get: function () { return column_drag_plugin.ColumnAutoSizeMode; }
@@ -302,6 +310,7 @@ exports.isEditorCtrConstructible = edit_utils.isEditorCtrConstructible;
 exports.isEnterKeyValue = edit_utils.isEnterKeyValue;
 exports.isMetaKey = edit_utils.isMetaKey;
 exports.isPaste = edit_utils.isPaste;
+exports.isShortcutModifier = edit_utils.isShortcutModifier;
 exports.isTab = edit_utils.isTab;
 exports.isTabKeyValue = edit_utils.isTabKeyValue;
 exports.h = index.h;

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

@@ -4,16 +4,16 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var column_service = require('./column.service-DvQDqxxx.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
+var column_service = require('./column.service-DXYMehqK.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var column_drag_plugin = require('./column.drag.plugin-CM_5mKV3.js');
-var viewport_store = require('./viewport.store-Dcjud-a-.js');
+var column_drag_plugin = require('./column.drag.plugin-RDjQhKCH.js');
+var viewport_store = require('./viewport.store-q6YdR9mg.js');
 var theme_service = require('./theme.service-BgnxGIjK.js');
 var viewport_helpers = require('./viewport.helpers-BAovztDd.js');
 var events = require('./events-DeLDyZlb.js');
 require('./filter.button-w6LWnyhi.js');
-require('./header-cell-renderer-B1dJwgTO.js');
+require('./header-cell-renderer-DGyBrK8I.js');
 
 class ColumnDataProvider {
     get stores() {

package/dist/cjs/revogr-attribution_7.cjs.entry.js

@@ -4,14 +4,14 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
 var events = require('./events-DeLDyZlb.js');
-var column_service = require('./column.service-DvQDqxxx.js');
-var edit_utils = require('./edit.utils-CwMzSIVF.js');
+var column_service = require('./column.service-DXYMehqK.js');
+var edit_utils = require('./edit.utils-CecCfA4E.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var viewport_store = require('./viewport.store-Dcjud-a-.js');
+var viewport_store = require('./viewport.store-q6YdR9mg.js');
 var viewport_helpers = require('./viewport.helpers-BAovztDd.js');
-var throttle = require('./throttle-CI4MsAqs.js');
+var throttle = require('./throttle-CfgQFkfR.js');
 
 const Attribution = class {
     constructor(hostRef) {
@@ -335,7 +335,7 @@ class KeyboardService {
             return;
         }
         // pressed letter key
-        if (e.key.length === 1) {
+        if (!edit_utils.isShortcutModifier(e) && e.key.length === 1) {
             this.sv.change(e.key);
             return;
         }

package/dist/cjs/revogr-clipboard_3.cjs.entry.js

@@ -4,9 +4,9 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
-var textEditor = require('./text-editor-BTnGaIl3.js');
-var edit_utils = require('./edit.utils-CwMzSIVF.js');
+var dimension_helpers = require('./dimension.helpers-CiiNnlLa.js');
+var textEditor = require('./text-editor-DnLZW1a-.js');
+var edit_utils = require('./edit.utils-CecCfA4E.js');
 var debounce = require('./debounce-CcpHiH2p.js');
 
 const Clipboard = class {
@@ -86,8 +86,8 @@ const Clipboard = class {
             return;
         }
         const data = this.getData(beforeCopy.detail.event);
-        this.copyRegion.emit(data || undefined);
         e.preventDefault();
+        this.copyRegion.emit(data || undefined);
     }
     /**
      * Listen to copy event and emit copy region event