@revolist/revogrid 4.9.5 → 4.9.7

package/hydrate/index.mjs

@@ -9433,8 +9433,131 @@ function isAll(event) {
         (event.metaKey && event.code === 'KeyA')); // Cmd + A on Mac
 }
 
-/* Generate range on size
+function getColumnType(rgCol) {
+    if (rgCol.pin) {
+        return rgCol.pin;
+    }
+    return 'rgCol';
+}
+function getColumnSizes(cols) {
+    const res = {};
+    for (const [i, c] of cols.entries()) {
+        if (c.size) {
+            res[i] = c.size;
+        }
+    }
+    return res;
+}
+/**
+ * Check if column is grouping column
  */
+function isColGrouping(colData) {
+    return !!colData.children;
+}
+/**
+ * This function is used to create a collection of columns.
+ */
+function getColumns(columns, level = 0, types) {
+    const collection = {
+        // columns as they are in stores per type
+        columns: {
+            rgCol: [],
+            colPinStart: [],
+            colPinEnd: [],
+        },
+        // columns indexed by prop for quick access
+        columnByProp: {},
+        // column grouping
+        columnGrouping: {
+            rgCol: [],
+            colPinStart: [],
+            colPinEnd: [],
+        },
+        // max depth level for column grouping
+        maxLevel: level,
+        // sorting
+        sort: {},
+    };
+    return reduce_1(columns, (res, colData) => {
+        // Grouped column
+        if (isColGrouping(colData)) {
+            return gatherGroup(res, colData, getColumns(colData.children, level + 1, types), level);
+        }
+        // Regular column
+        const regularColumn = Object.assign(Object.assign({}, (colData.columnType && types && types[colData.columnType])), colData);
+        // Regular column, no Pin
+        if (!regularColumn.pin) {
+            res.columns.rgCol.push(regularColumn);
+            // Pin
+        }
+        else {
+            res.columns[regularColumn.pin].push(regularColumn);
+        }
+        if (regularColumn.order) {
+            res.sort[regularColumn.prop] = regularColumn;
+        }
+        // it's possible that some columns have same prop, but better to avoid it
+        if (!res.columnByProp[regularColumn.prop]) {
+            res.columnByProp[regularColumn.prop] = [];
+        }
+        res.columnByProp[regularColumn.prop].push(regularColumn);
+        // trigger setup hook if present
+        regularColumn.beforeSetup && regularColumn.beforeSetup(regularColumn);
+        return res;
+    }, collection);
+}
+function gatherGroup(res, colData, collection, level = 0) {
+    // group template
+    const group = Object.assign(Object.assign({}, colData), { level, ids: [] });
+    // check columns for update
+    for (let k in collection.columns) {
+        const key = k;
+        const resultItem = res.columns[key];
+        const collectionItem = collection.columns[key];
+        // if column data
+        if (isArray_1(resultItem) && isArray_1(collectionItem)) {
+            // fill columns
+            resultItem.push(...collectionItem);
+            // fill grouping
+            if (collectionItem.length) {
+                res.columnGrouping[key].push(Object.assign(Object.assign({}, group), { ids: collectionItem.map(item => item.prop) }));
+            }
+        }
+    }
+    // merge column groupings
+    for (let k in collection.columnGrouping) {
+        const key = k;
+        const collectionItem = collection.columnGrouping[key];
+        res.columnGrouping[key].push(...collectionItem);
+    }
+    res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
+    res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);
+    return res;
+}
+function findColumn(columns, prop) {
+    for (const c of columns) {
+        if (isColGrouping(c)) {
+            const found = findColumn(c.children, prop);
+            if (found) {
+                return found;
+            }
+        }
+        else if (c.prop === prop) {
+            return c;
+        }
+    }
+    return undefined;
+}
+function getColumnByProp(columns, prop) {
+    return findColumn(columns, prop);
+}
+
+const LETTER_BLOCK_SIZE$1 = 10;
+const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {
+    return ((rowHeaderColumn === null || rowHeaderColumn === void 0 ? void 0 : rowHeaderColumn.size) ||
+        Math.max((itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE$1, minWidth));
+};
+
 /**
  * Calculate system scrollbar size
  */
@@ -10658,125 +10781,6 @@ var find = createFind(findIndex);
 
 var find_1 = find;
 
-function getColumnType(rgCol) {
-    if (rgCol.pin) {
-        return rgCol.pin;
-    }
-    return 'rgCol';
-}
-function getColumnSizes(cols) {
-    const res = {};
-    for (const [i, c] of cols.entries()) {
-        if (c.size) {
-            res[i] = c.size;
-        }
-    }
-    return res;
-}
-/**
- * Check if column is grouping column
- */
-function isColGrouping(colData) {
-    return !!colData.children;
-}
-/**
- * This function is used to create a collection of columns.
- */
-function getColumns(columns, level = 0, types) {
-    const collection = {
-        // columns as they are in stores per type
-        columns: {
-            rgCol: [],
-            colPinStart: [],
-            colPinEnd: [],
-        },
-        // columns indexed by prop for quick access
-        columnByProp: {},
-        // column grouping
-        columnGrouping: {
-            rgCol: [],
-            colPinStart: [],
-            colPinEnd: [],
-        },
-        // max depth level for column grouping
-        maxLevel: level,
-        // sorting
-        sort: {},
-    };
-    return reduce_1(columns, (res, colData) => {
-        // Grouped column
-        if (isColGrouping(colData)) {
-            return gatherGroup(res, colData, getColumns(colData.children, level + 1, types), level);
-        }
-        // Regular column
-        const regularColumn = Object.assign(Object.assign({}, (colData.columnType && types && types[colData.columnType])), colData);
-        // Regular column, no Pin
-        if (!regularColumn.pin) {
-            res.columns.rgCol.push(regularColumn);
-            // Pin
-        }
-        else {
-            res.columns[regularColumn.pin].push(regularColumn);
-        }
-        if (regularColumn.order) {
-            res.sort[regularColumn.prop] = regularColumn;
-        }
-        // it's possible that some columns have same prop, but better to avoid it
-        if (!res.columnByProp[regularColumn.prop]) {
-            res.columnByProp[regularColumn.prop] = [];
-        }
-        res.columnByProp[regularColumn.prop].push(regularColumn);
-        // trigger setup hook if present
-        regularColumn.beforeSetup && regularColumn.beforeSetup(regularColumn);
-        return res;
-    }, collection);
-}
-function gatherGroup(res, colData, collection, level = 0) {
-    // group template
-    const group = Object.assign(Object.assign({}, colData), { level, ids: [] });
-    // check columns for update
-    for (let k in collection.columns) {
-        const key = k;
-        const resultItem = res.columns[key];
-        const collectionItem = collection.columns[key];
-        // if column data
-        if (isArray_1(resultItem) && isArray_1(collectionItem)) {
-            // fill columns
-            resultItem.push(...collectionItem);
-            // fill grouping
-            if (collectionItem.length) {
-                res.columnGrouping[key].push(Object.assign(Object.assign({}, group), { ids: collectionItem.map(item => item.prop) }));
-            }
-        }
-    }
-    // merge column groupings
-    for (let k in collection.columnGrouping) {
-        const key = k;
-        const collectionItem = collection.columnGrouping[key];
-        res.columnGrouping[key].push(...collectionItem);
-    }
-    res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
-    res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);
-    return res;
-}
-function findColumn(columns, prop) {
-    for (const c of columns) {
-        if (isColGrouping(c)) {
-            const found = findColumn(c.children, prop);
-            if (found) {
-                return found;
-            }
-        }
-        else if (c.prop === prop) {
-            return c;
-        }
-    }
-    return undefined;
-}
-function getColumnByProp(columns, prop) {
-    return findColumn(columns, prop);
-}
-
 class ColumnDataProvider {
     get order() {
         const order = {};
@@ -11291,32 +11295,11 @@ class BasePlugin {
     }
 }
 
-/**
- * Dispatches a custom event to a specified target element.
- *
- * @param target - The target element to dispatch the event to.
- * @param eventName - The name of the custom event.
- * @param detail - Optional. The detail of the custom event.
- * @returns The custom event that was dispatched.
- */
-function dispatch(target, eventName, detail) {
-    // Create a new CustomEvent with the specified event name and detail.
-    const event = new CustomEvent(eventName, {
-        detail,
-        cancelable: true, // Indicates whether the event can be canceled.
-        bubbles: true, // Indicates whether the event bubbles up through the DOM.
-    });
-    // Dispatch the event on the target element.
-    target === null || target === void 0 ? void 0 : target.dispatchEvent(event);
-    // Return the custom event that was dispatched.
-    return event;
-}
-
 /**
  * Plugin module for revo-grid grid system
  * Add support for automatic column resize
  */
-const LETTER_BLOCK_SIZE$1 = 7;
+const LETTER_BLOCK_SIZE = 7;
 var ColumnAutoSizeMode;
 (function (ColumnAutoSizeMode) {
     // increases column width on header click according the largest text value
@@ -11335,7 +11318,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
         /** for edge case when no columns defined before data */
         this.dataResolve = null;
         this.dataReject = null;
-        this.letterBlockSize = (config === null || config === void 0 ? void 0 : config.letterBlockSize) || LETTER_BLOCK_SIZE$1;
+        this.letterBlockSize = (config === null || config === void 0 ? void 0 : config.letterBlockSize) || LETTER_BLOCK_SIZE;
         // create test container to check text width
         if (config === null || config === void 0 ? void 0 : config.preciseSize) {
             this.precsizeCalculationArea = this.initiatePresizeElement();
@@ -13499,12 +13482,6 @@ const OrderRenderer = ({ ref }) => {
         hAsync("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
 };
 
-const LETTER_BLOCK_SIZE = 10;
-const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {
-    return ((rowHeaderColumn === null || rowHeaderColumn === void 0 ? void 0 : rowHeaderColumn.size) ||
-        Math.max((itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE, minWidth));
-};
-
 class StretchColumn extends BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
@@ -13690,6 +13667,27 @@ class ColumnOrderHandler {
     }
 }
 
+/**
+ * Dispatches a custom event to a specified target element.
+ *
+ * @param target - The target element to dispatch the event to.
+ * @param eventName - The name of the custom event.
+ * @param detail - Optional. The detail of the custom event.
+ * @returns The custom event that was dispatched.
+ */
+function dispatch(target, eventName, detail) {
+    // Create a new CustomEvent with the specified event name and detail.
+    const event = new CustomEvent(eventName, {
+        detail,
+        cancelable: true, // Indicates whether the event can be canceled.
+        bubbles: true, // Indicates whether the event bubbles up through the DOM.
+    });
+    // Dispatch the event on the target element.
+    target === null || target === void 0 ? void 0 : target.dispatchEvent(event);
+    // Return the custom event that was dispatched.
+    return event;
+}
+
 var ResizeEvents;
 (function (ResizeEvents) {
     ResizeEvents["start"] = "resize:start";
@@ -15237,7 +15235,7 @@ class RevogrData {
                 if (cellEvent.defaultPrevented) {
                     continue;
                 }
-                const { detail: { column: columnProps, row: rowProps }, } = cellEvent;
+                const { detail: { column: columnProps, row: rowProps, model: newModel }, } = cellEvent;
                 const defaultProps = {
                     [DATA_COL]: columnProps.itemIndex,
                     [DATA_ROW]: rowProps.itemIndex,
@@ -15253,11 +15251,11 @@ class RevogrData {
                 if (groupDepth && !columnProps.itemIndex && defaultProps.style) {
                     defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;
                 }
-                const props = this.columnService.mergeProperties(rowProps.itemIndex, columnProps.itemIndex, defaultProps, model, (_a = columnsData[columnProps.itemIndex]) === null || _a === void 0 ? void 0 : _a.cellProperties);
+                const props = this.columnService.mergeProperties(rowProps.itemIndex, columnProps.itemIndex, defaultProps, newModel, (_a = columnsData[columnProps.itemIndex]) === null || _a === void 0 ? void 0 : _a.cellProperties);
                 // Never use webcomponent for cell render
                 // It's very slow because of webcomponent initialization takes time
                 cells.push(hAsync(CellRenderer, { renderProps: {
-                        model,
+                        model: newModel,
                         providers: this.providers,
                         template: (_b = columnsData[columnProps.itemIndex]) === null || _b === void 0 ? void 0 : _b.cellTemplate,
                         additionalData: this.additionalData,
@@ -15287,13 +15285,14 @@ class RevogrData {
         return (hAsync(Host, null, hAsync("slot", null), rowsEls));
     }
     triggerBeforeCellRender(model, row, column) {
-        return this.beforeCellRender.emit({
+        const detail = {
             column: Object.assign({}, column),
             row: Object.assign({}, row),
             model,
             rowType: model.type,
             colType: model.colType,
-        });
+        };
+        return this.beforeCellRender.emit(detail);
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.9.5",
+  "version": "4.9.7",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",
   "author": "revolist",
-  "homepage": "https://github.com/revolist/revogrid#readme",
+  "homepage": "https://rv-grid.com",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/revolist/revogrid.git"