@revolist/revogrid 4.14.1 → 4.14.2

package/hydrate/index.mjs

@@ -10594,89 +10594,11 @@ class RevoEdit {
     }; }
 }
 
-/**
- * A specialized version of `_.forEach` for arrays without support for
- * iteratee shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns `array`.
- */
-function arrayEach(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  while (++index < length) {
-    if (iteratee(array[index], index, array) === false) {
-      break;
-    }
-  }
-  return array;
-}
-
-/**
- * Casts `value` to `identity` if it's not a function.
- *
- * @private
- * @param {*} value The value to inspect.
- * @returns {Function} Returns cast function.
- */
-function castFunction(value) {
-  return typeof value == 'function' ? value : identity;
-}
-
-/**
- * Iterates over elements of `collection` and invokes `iteratee` for each element.
- * The iteratee is invoked with three arguments: (value, index|key, collection).
- * Iteratee functions may exit iteration early by explicitly returning `false`.
- *
- * **Note:** As with other "Collections" methods, objects with a "length"
- * property are iterated like arrays. To avoid this behavior use `_.forIn`
- * or `_.forOwn` for object iteration.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @alias each
- * @category Collection
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} [iteratee=_.identity] The function invoked per iteration.
- * @returns {Array|Object} Returns `collection`.
- * @see _.forEachRight
- * @example
- *
- * _.forEach([1, 2], function(value) {
- *   console.log(value);
- * });
- * // => Logs `1` then `2`.
- *
- * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
- *   console.log(key);
- * });
- * // => Logs 'a' then 'b' (iteration order is not guaranteed).
- */
-function forEach(collection, iteratee) {
-  var func = isArray$1(collection) ? arrayEach : baseEach$1;
-  return func(collection, castFunction(iteratee));
-}
-
 class ColumnDataProvider {
-    get order() {
-        const order = {};
-        const sorting = this.sorting;
-        if (sorting) {
-            Object.keys(sorting).forEach(prop => {
-                order[prop] = sorting[prop].order;
-            });
-        }
-        return order;
-    }
     get stores() {
         return this.dataSources;
     }
     constructor() {
-        this.sorting = null;
         this.collection = null;
         this.dataSources = columnTypes.reduce((sources, k) => {
             sources[k] = new DataStore(k);
@@ -10735,7 +10657,6 @@ class ColumnDataProvider {
                 }, {}),
             });
         });
-        this.sorting = data.sort;
         this.collection = data;
         return data;
     }
@@ -10784,31 +10705,6 @@ class ColumnDataProvider {
         const type = getColumnType(column);
         setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
     }
-    updateColumnSorting(column, index, sorting, additive) {
-        if (!additive) {
-            this.clearSorting();
-        }
-        column.order = sorting;
-        if (!this.sorting) {
-            this.sorting = {};
-        }
-        this.sorting[column.prop] = column;
-        this.updateColumn(column, index);
-        return column;
-    }
-    clearSorting() {
-        const types = reduce(this.sorting, (r, c) => {
-            const k = getColumnType(c);
-            r[k] = true;
-            return r;
-        }, {});
-        forEach(types, (_, type) => {
-            const cols = this.dataSources[type].store.get('source');
-            forEach(cols, (c) => (c.order = undefined));
-            this.dataSources[type].setData({ source: [...cols] });
-        });
-        this.sorting = {};
-    }
 }
 
 /**
@@ -11075,6 +10971,73 @@ class ViewportProvider {
     }
 }
 
+/**
+ * A specialized version of `_.forEach` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns `array`.
+ */
+function arrayEach(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
+  return array;
+}
+
+/**
+ * Casts `value` to `identity` if it's not a function.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {Function} Returns cast function.
+ */
+function castFunction(value) {
+  return typeof value == 'function' ? value : identity;
+}
+
+/**
+ * Iterates over elements of `collection` and invokes `iteratee` for each element.
+ * The iteratee is invoked with three arguments: (value, index|key, collection).
+ * Iteratee functions may exit iteration early by explicitly returning `false`.
+ *
+ * **Note:** As with other "Collections" methods, objects with a "length"
+ * property are iterated like arrays. To avoid this behavior use `_.forIn`
+ * or `_.forOwn` for object iteration.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @alias each
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+ * @returns {Array|Object} Returns `collection`.
+ * @see _.forEachRight
+ * @example
+ *
+ * _.forEach([1, 2], function(value) {
+ *   console.log(value);
+ * });
+ * // => Logs `1` then `2`.
+ *
+ * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
+ *   console.log(key);
+ * });
+ * // => Logs 'a' then 'b' (iteration order is not guaranteed).
+ */
+function forEach(collection, iteratee) {
+  var func = isArray$1(collection) ? arrayEach : baseEach$1;
+  return func(collection, castFunction(iteratee));
+}
+
 /**
  * Base layer for plugins
  * Provide minimal starting core for plugins to work
@@ -12126,24 +12089,23 @@ const SortingSign = ({ column }) => {
 /**
  * Lifecycle
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
- * 1.1. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
- * 2. Method `updateColumnSorting` - Updates the column sorting icon on the grid and the column itself, but the data remains untouched.
+ * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
  * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
 class SortingPlugin extends BasePlugin {
-    runSorting(order, comparison, ignoreViewportUpdate) {
-        var _a;
-        this.sort(order, comparison, undefined, ignoreViewportUpdate);
-        (_a = this.sortingPromise) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.sortingPromise = null;
-    }
     constructor(revogrid, providers, config) {
         super(revogrid, providers);
         this.revogrid = revogrid;
+        /**
+         * Delayed sorting promise
+         */
         this.sortingPromise = null;
+        /**
+         * We need to sort only so often
+         */
         this.postponeSort = debounce$1((order, comparison, ignoreViewportUpdate) => this.runSorting(order, comparison, ignoreViewportUpdate), 50);
         const setConfig = (cfg) => {
             var _a;
@@ -12154,9 +12116,15 @@ class SortingPlugin extends BasePlugin {
                     sortingFunc[col.prop] = getComparer(col, col.order);
                     order[col.prop] = col.order;
                 });
-                // // set sorting
-                this.sorting = order;
-                this.sortingFunc = sortingFunc;
+                if (cfg.additive) {
+                    this.sorting = Object.assign(Object.assign({}, this.sorting), order);
+                    this.sortingFunc = Object.assign(Object.assign({}, this.sortingFunc), sortingFunc);
+                }
+                else {
+                    // // set sorting
+                    this.sorting = order;
+                    this.sortingFunc = sortingFunc;
+                }
             }
         };
         setConfig(config);
@@ -12165,6 +12133,13 @@ class SortingPlugin extends BasePlugin {
             setConfig(detail);
             this.startSorting(this.sorting, this.sortingFunc);
         });
+        this.addEventListener('beforeheaderrender', ({ detail, }) => {
+            var _a;
+            const { data: column } = detail;
+            if (column.sortable) {
+                detail.data = Object.assign(Object.assign({}, column), { order: (_a = this.sorting) === null || _a === void 0 ? void 0 : _a[column.prop] });
+            }
+        });
         this.addEventListener('beforeanysource', ({ detail: { type }, }) => {
             // if sorting was provided - sort data
             if (!!this.sorting && this.sortingFunc) {
@@ -12198,9 +12173,12 @@ class SortingPlugin extends BasePlugin {
             if (!((_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.sortable)) {
                 return;
             }
-            this.headerclick(e.detail.column, e.detail.index, (_d = (_c = e.detail) === null || _c === void 0 ? void 0 : _c.originalEvent) === null || _d === void 0 ? void 0 : _d.shiftKey);
+            this.headerclick(e.detail.column, (_d = (_c = e.detail) === null || _c === void 0 ? void 0 : _c.originalEvent) === null || _d === void 0 ? void 0 : _d.shiftKey);
         });
     }
+    /**
+     * Entry point for sorting, waits for all delayes, registers jobs
+     */
     startSorting(order, sortingFunc, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -12214,18 +12192,18 @@ class SortingPlugin extends BasePlugin {
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
      */
-    headerclick(column, index, additive) {
-        var _a, _b;
-        let order = getNextOrder(column.order);
+    headerclick(column, additive) {
+        var _a, _b, _c;
+        const columnProp = column.prop;
+        let order = getNextOrder((_a = this.sorting) === null || _a === void 0 ? void 0 : _a[columnProp]);
         const beforeEvent = this.emit('beforesorting', { column, order, additive });
         if (beforeEvent.defaultPrevented) {
             return;
         }
         order = beforeEvent.detail.order;
-        const newCol = this.providers.column.updateColumnSorting(beforeEvent.detail.column, index, order, additive);
         // apply sort data
         const beforeApplyEvent = this.emit('beforesortingapply', {
-            column: newCol,
+            column: beforeEvent.detail.column,
             order,
             additive,
         });
@@ -12239,28 +12217,34 @@ class SortingPlugin extends BasePlugin {
             this.sorting = Object.assign(Object.assign({}, this.sorting), sorting);
             // extend sorting function with new sorting for multiple columns sorting
             this.sortingFunc = Object.assign(Object.assign({}, this.sortingFunc), sortingFunc);
-            if (column.prop in sorting && size$1(sorting) > 1 && order === undefined) {
-                delete sorting[column.prop];
-                delete sortingFunc[column.prop];
+            if (columnProp in sorting && size$1(sorting) > 1 && order === undefined) {
+                delete sorting[columnProp];
+                delete sortingFunc[columnProp];
             }
             else {
-                sorting[column.prop] = order;
-                sortingFunc[column.prop] = cmp;
+                sorting[columnProp] = order;
+                sortingFunc[columnProp] = cmp;
             }
         }
         else {
             if (order) {
                 // reset sorting
-                this.sorting = { [column.prop]: order };
-                this.sortingFunc = { [column.prop]: cmp };
+                this.sorting = { [columnProp]: order };
+                this.sortingFunc = { [columnProp]: cmp };
             }
             else {
-                (_a = this.sorting) === null || _a === void 0 ? true : delete _a[column.prop];
-                (_b = this.sortingFunc) === null || _b === void 0 ? true : delete _b[column.prop];
+                (_b = this.sorting) === null || _b === void 0 ? true : delete _b[columnProp];
+                (_c = this.sortingFunc) === null || _c === void 0 ? true : delete _c[columnProp];
             }
         }
         this.startSorting(this.sorting, this.sortingFunc);
     }
+    runSorting(order, comparison, ignoreViewportUpdate) {
+        var _a;
+        this.sort(order, comparison, undefined, ignoreViewportUpdate);
+        (_a = this.sortingPromise) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.sortingPromise = null;
+    }
     /**
      * Sort items by sorting function
      * @requires proxyItems applied to row store
@@ -12306,6 +12290,10 @@ class SortingPlugin extends BasePlugin {
                 }
             }
         }
+        // refresh columns to redraw column headers and show correct icon
+        columnTypes.forEach((type) => {
+            this.providers.column.dataSources[type].refresh();
+        });
         this.emit('aftersortingapply');
     }
 }
@@ -14564,25 +14552,29 @@ class RevoGridComponent {
     }
     /**
      * Update column sorting
-     * @param column - full column details to update
-     * @param index - virtual column index
+     * @param column - column prop and cellCompare
      * @param order - order to apply
      * @param additive - if false will replace current order
+     *
+     * later passed to SortingPlugin
      */
-    async updateColumnSorting(column, index, order, additive) {
-        if (!this.columnProvider) {
-            throw new Error('Not connected');
-        }
-        return this.columnProvider.updateColumnSorting(column, index, order, additive);
+    async updateColumnSorting(column, order, additive) {
+        this.sortingconfigchanged.emit({
+            columns: [{
+                    prop: column.prop,
+                    order,
+                    cellCompare: column.cellCompare,
+                }],
+            additive,
+        });
     }
     /**
      * Clears column sorting
      */
     async clearSorting() {
-        if (!this.columnProvider) {
-            throw new Error('Not connected');
-        }
-        this.columnProvider.clearSorting();
+        this.sortingconfigchanged.emit({
+            columns: [],
+        });
     }
     /**
      * Receive all columns in data source
@@ -14790,7 +14782,10 @@ class RevoGridComponent {
         const columns = this.columnProvider.setColumns(beforeApplyEvent.detail);
         this.aftercolumnsset.emit({
             columns,
-            order: this.columnProvider.order,
+            order: Object.entries(beforeApplyEvent.detail.sort).reduce((acc, [prop, column]) => {
+                acc[prop] = column.order;
+                return acc;
+            }, {}),
         });
     }
     disableVirtualXChanged(newVal = false, prevVal = false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.14.1",
+  "version": "4.14.2",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",

package/readme.md

@@ -61,6 +61,7 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
   - Preserve existing collections.
   - Selection.
   - Slider.
+  - Header filtering.
   - Custom filters to extend system filters with your own set.
 
 - **[Export](https://rv-grid.com/guide/export.plugin)**: Export data to file.
@@ -76,6 +77,7 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 - **Grouping**:
   - [Column grouping](https://rv-grid.com/guide/column/grouping) (nested headers).
+  - Column grouping Drill Down: Collapse grouping columns to streamline your grid view, trimming away unnecessary columns and enhancing data organization. Perfect for focusing on the information that matters most, while keeping your workspace clean and efficient.
   - [Row grouping](https://rv-grid.com/guide/row/grouping) (nested rows).
 
 - **Column Types**: [More details](https://rv-grid.com/guide/column/#Column-Formats)
@@ -104,11 +106,15 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 - **[Master Detail/Subtables/Forms](https://rv-grid.com/guide/row/master.pro)**: Expand rows to reveal child data.
 - **[Cell/Column/Row Span/Merge](https://rv-grid.com/guide/cell/merge)**: Merge cells to form groups.
+- **Auto Merge**: Automatically merges cells with identical values in a column.
+- **Form editig**: Edit forms directly within the grid, featuring all necessary fields, including custom options and markdown support for a fast and enhanced data entry experience.
 
 - **Customizations**:
   - [Column header template](https://rv-grid.com/guide/column/header.template).
   - [Row header template](https://rv-grid.com/guide/row/headers).
   - [Cell properties](https://rv-grid.com/guide/cell/) (define custom properties for rendered cells).
+  - Nested grids: Build a grid inside a grid, showcasing advanced editing options and user interactions for a more dynamic data presentation.
+  - Context Menu: Build context menus for any grid element - from cells to headers. Cut, copy, paste, add rows, modify columns, and more. Fully customizable with your own actions and behaviors.
 
   - [Cell template](https://rv-grid.com/guide/cell/renderer) (create your own cell views).
   - [Cell editor](https://rv-grid.com/guide/cell/editor) (use predefined or apply your own custom editors and cell types).