@revolist/revogrid 4.9.9 → 4.9.11

package/dist/cjs/{column.service-bfaba0e0.js → column.service-15c8352d.js}

@@ -3,10 +3,440 @@
  */
 'use strict';
 
-const index = require('./index-464d1aaf.js');
-require('./toNumber-838e6ff5.js');
+const index = require('./index-28b6fdfb.js');
+require('./debounce-cb5f4e35.js');
 require('./index-10d10c55.js');
-const selection_helpers = require('./selection.helpers-2c90d546.js');
+
+/**
+ * Selection store
+ */
+function defaultState() {
+    return {
+        range: null,
+        tempRange: null,
+        tempRangeType: null,
+        focus: null,
+        edit: null,
+        lastCell: null,
+        nextFocus: null,
+    };
+}
+class SelectionStore {
+    constructor() {
+        this.unsubscribe = [];
+        this.store = index.createStore(defaultState());
+        this.store.on('set', (key, newVal) => {
+            if (key === 'tempRange' && !newVal) {
+                this.store.set('tempRangeType', null);
+            }
+        });
+    }
+    onChange(propName, cb) {
+        this.unsubscribe.push(this.store.onChange(propName, cb));
+    }
+    clearFocus() {
+        index.setStore(this.store, { focus: null, range: null, edit: null, tempRange: null });
+    }
+    setFocus(focus, end) {
+        if (!end) {
+            index.setStore(this.store, { focus });
+        }
+        else {
+            index.setStore(this.store, {
+                focus,
+                range: getRange(focus, end),
+                edit: null,
+                tempRange: null,
+            });
+        }
+    }
+    setNextFocus(focus) {
+        index.setStore(this.store, { nextFocus: focus });
+    }
+    setTempArea(range) {
+        index.setStore(this.store, { tempRange: range === null || range === void 0 ? void 0 : range.area, tempRangeType: range === null || range === void 0 ? void 0 : range.type, edit: null });
+    }
+    clearTemp() {
+        index.setStore(this.store, { tempRange: null });
+    }
+    /** Can be applied from selection change or from simple keyboard change clicks */
+    setRangeArea(range) {
+        index.setStore(this.store, { range, edit: null, tempRange: null });
+    }
+    setRange(start, end) {
+        const range = getRange(start, end);
+        this.setRangeArea(range);
+    }
+    setLastCell(lastCell) {
+        index.setStore(this.store, { lastCell });
+    }
+    setEdit(val) {
+        const focus = this.store.get('focus');
+        if (focus && typeof val === 'string') {
+            index.setStore(this.store, {
+                edit: { x: focus.x, y: focus.y, val },
+            });
+            return;
+        }
+        index.setStore(this.store, { edit: null });
+    }
+    dispose() {
+        this.unsubscribe.forEach(f => f());
+        this.store.dispose();
+    }
+}
+
+const EMPTY_INDEX = -1;
+class SelectionStoreConnector {
+    constructor() {
+        // dirty flag required to cleanup whole store in case visibility of panels changed
+        this.dirty = false;
+        this.stores = {};
+        this.columnStores = {};
+        this.rowStores = {};
+        /**
+         * Helpers for data conversion
+         */
+        this.storesByType = {};
+        this.storesXToType = {};
+        this.storesYToType = {};
+        this.sections = [];
+    }
+    get focusedStore() {
+        var _a;
+        for (let y in this.stores) {
+            for (let x in this.stores[y]) {
+                const focused = (_a = this.stores[y][x]) === null || _a === void 0 ? void 0 : _a.store.get('focus');
+                if (focused) {
+                    return {
+                        entity: this.stores[y][x],
+                        cell: focused,
+                        position: {
+                            x: parseInt(x, 10),
+                            y: parseInt(y, 10),
+                        },
+                    };
+                }
+            }
+        }
+        return null;
+    }
+    get edit() {
+        var _a;
+        return (_a = this.focusedStore) === null || _a === void 0 ? void 0 : _a.entity.store.get('edit');
+    }
+    get focused() {
+        var _a;
+        return (_a = this.focusedStore) === null || _a === void 0 ? void 0 : _a.entity.store.get('focus');
+    }
+    get selectedRange() {
+        var _a;
+        return (_a = this.focusedStore) === null || _a === void 0 ? void 0 : _a.entity.store.get('range');
+    }
+    registerSection(e) {
+        if (!e) {
+            this.sections.length = 0;
+            // some elements removed, rebuild stores
+            this.dirty = true;
+            return;
+        }
+        if (this.sections.indexOf(e) === -1) {
+            this.sections.push(e);
+        }
+    }
+    // check if require to cleanup all stores
+    beforeUpdate() {
+        if (this.dirty) {
+            for (let y in this.stores) {
+                for (let x in this.stores[y]) {
+                    this.stores[y][x].dispose();
+                }
+            }
+            this.dirty = false;
+        }
+    }
+    registerColumn(x, type) {
+        // if hidden just create store but no operations needed
+        if (isHiddenStore(x)) {
+            return new SelectionStore();
+        }
+        if (this.columnStores[x]) {
+            return this.columnStores[x];
+        }
+        this.columnStores[x] = new SelectionStore();
+        // build cross-linking type to position
+        this.storesByType[type] = x;
+        this.storesXToType[x] = type;
+        return this.columnStores[x];
+    }
+    registerRow(y, type) {
+        // if hidden just create store
+        if (isHiddenStore(y)) {
+            return new SelectionStore();
+        }
+        if (this.rowStores[y]) {
+            return this.rowStores[y];
+        }
+        this.rowStores[y] = new SelectionStore();
+        // build cross linking type to position
+        this.storesByType[type] = y;
+        this.storesYToType[y] = type;
+        return this.rowStores[y];
+    }
+    /**
+     * Cross store proxy, based on multiple dimensions
+     */
+    register({ x, y }) {
+        var _a, _b;
+        // if hidden just create store
+        if (isHiddenStore(x) || isHiddenStore(y)) {
+            return new SelectionStore();
+        }
+        if (!this.stores[y]) {
+            this.stores[y] = {};
+        }
+        if (this.stores[y][x]) {
+            // Store already registered. Do not register twice
+            return this.stores[y][x];
+        }
+        this.stores[y][x] = new SelectionStore();
+        // proxy update, column store trigger only range area
+        (_a = this.stores[y][x]) === null || _a === void 0 ? void 0 : _a.onChange('range', c => {
+            this.columnStores[x].setRangeArea(c);
+            this.rowStores[y].setRangeArea(c);
+        });
+        // clean up on remove
+        (_b = this.stores[y][x]) === null || _b === void 0 ? void 0 : _b.store.on('dispose', () => this.destroy(x, y));
+        return this.stores[y][x];
+    }
+    destroy(x, y) {
+        var _a, _b;
+        (_a = this.columnStores[x]) === null || _a === void 0 ? void 0 : _a.dispose();
+        (_b = this.rowStores[y]) === null || _b === void 0 ? void 0 : _b.dispose();
+        delete this.rowStores[y];
+        delete this.columnStores[x];
+        // clear x cross-link
+        if (this.storesXToType[x]) {
+            const type = this.storesXToType[x];
+            delete this.storesXToType[x];
+            delete this.storesByType[type];
+        }
+        // clear y cross-link
+        if (this.storesYToType[y]) {
+            const type = this.storesYToType[y];
+            delete this.storesYToType[y];
+            delete this.storesByType[type];
+        }
+        if (this.stores[y]) {
+            delete this.stores[y][x];
+        }
+        // clear empty rows
+        if (!Object.keys(this.stores[y] || {}).length) {
+            delete this.stores[y];
+        }
+    }
+    setEditByCell(storePos, editCell) {
+        this.focusByCell(storePos, editCell, editCell);
+        this.setEdit('');
+    }
+    /**
+     * Sets the next focus cell before the current one.
+     *
+     * @param focus - The cell to set as the next focus.
+     */
+    beforeNextFocusCell(focus) {
+        var _a;
+        // If there is no focused store, return early.
+        if (!this.focusedStore) {
+            return;
+        }
+        // Get the next store based on the current focus and the last cell.
+        const lastCell = this.focusedStore.entity.store.get('lastCell');
+        const next = lastCell && this.getNextStore(focus, this.focusedStore.position, lastCell);
+        // Set the next focus cell in the store.
+        (_a = next === null || next === void 0 ? void 0 : next.store) === null || _a === void 0 ? void 0 : _a.setNextFocus(Object.assign(Object.assign({}, focus), next.item));
+    }
+    focusByCell(storePos, start, end) {
+        const store = this.stores[storePos.y][storePos.x];
+        this.focus(store, { focus: start, end });
+    }
+    focus(store, { focus, end }) {
+        const currentStorePointer = this.getCurrentStorePointer(store);
+        if (!currentStorePointer) {
+            return null;
+        }
+        // check for the focus in nearby store/viewport
+        const lastCell = store.store.get('lastCell');
+        const next = lastCell && this.getNextStore(focus, currentStorePointer, lastCell);
+        // if next store present - update
+        if (next === null || next === void 0 ? void 0 : next.store) {
+            const item = Object.assign(Object.assign({}, focus), next.item);
+            this.focus(next.store, { focus: item, end: item });
+            return null;
+        }
+        if (lastCell) {
+            focus = cropCellToMax(focus, lastCell);
+            end = cropCellToMax(end, lastCell);
+        }
+        store.setFocus(focus, end);
+        return focus;
+    }
+    /**
+     * Retrieves the current store pointer based on the active store.
+     * Clears focus from all stores except the active one.
+     */
+    getCurrentStorePointer(store) {
+        let currentStorePointer;
+        // Iterate through all stores
+        for (let y in this.stores) {
+            for (let x in this.stores[y]) {
+                const s = this.stores[y][x];
+                // Clear focus from stores other than the active one
+                if (s !== store) {
+                    s.clearFocus();
+                }
+                else {
+                    // Update the current store pointer with the active store coordinates
+                    currentStorePointer = {
+                        x: parseInt(x, 10),
+                        y: parseInt(y, 10)
+                    };
+                }
+            }
+        }
+        return currentStorePointer;
+    }
+    /**
+     * Retrieves the next store based on the focus cell and current store pointer.
+     * If the next store exists, returns an object with the next store and the item in the new store.
+     * If the next store does not exist, returns null.
+     */
+    getNextStore(focus, currentStorePointer, lastCell) {
+        // item in new store
+        const nextItem = nextCell(focus, lastCell);
+        let nextStore;
+        if (nextItem) {
+            Object.entries(nextItem).forEach(([type, nextItemCoord]) => {
+                let stores;
+                switch (type) {
+                    case 'x':
+                        // Get the X stores for the current Y coordinate of the current store pointer
+                        stores = this.getXStores(currentStorePointer.y);
+                        break;
+                    case 'y':
+                        // Get the Y stores for the current X coordinate of the current store pointer
+                        stores = this.getYStores(currentStorePointer.x);
+                        break;
+                }
+                // Get the next store based on the item in the new store
+                if (nextItemCoord >= 0) {
+                    nextStore = stores[++currentStorePointer[type]];
+                }
+                else {
+                    nextStore = stores[--currentStorePointer[type]];
+                    const nextLastCell = nextStore === null || nextStore === void 0 ? void 0 : nextStore.store.get('lastCell');
+                    if (nextLastCell) {
+                        nextItem[type] = nextLastCell[type] + nextItemCoord;
+                    }
+                }
+            });
+        }
+        return {
+            store: nextStore,
+            item: nextItem,
+        };
+    }
+    clearAll() {
+        var _a;
+        for (let y in this.stores) {
+            for (let x in this.stores[y]) {
+                (_a = this.stores[y][x]) === null || _a === void 0 ? void 0 : _a.clearFocus();
+            }
+        }
+    }
+    setEdit(val) {
+        if (!this.focusedStore) {
+            return;
+        }
+        this.focusedStore.entity.setEdit(val);
+    }
+    /**
+     * Select all cells across all stores
+     */
+    selectAll() {
+        for (let y in this.stores) {
+            for (let x in this.stores[y]) {
+                const store = this.stores[y][x];
+                if (!store) {
+                    continue;
+                }
+                const lastCell = store.store.get('lastCell');
+                if (lastCell) {
+                    store.setRange({ x: 0, y: 0 }, { x: lastCell.x - 1, y: lastCell.y - 1 });
+                }
+            }
+        }
+    }
+    getXStores(y) {
+        return this.stores[y];
+    }
+    getYStores(x) {
+        const stores = {};
+        for (let i in this.stores) {
+            stores[i] = this.stores[i][x];
+        }
+        return stores;
+    }
+}
+
+function isHiddenStore(pos) {
+    return pos === EMPTY_INDEX;
+}
+function nextCell(cell, lastCell) {
+    const nextItem = {};
+    let types = ['x', 'y'];
+    // previous item check
+    for (let t of types) {
+        if (cell[t] < 0) {
+            nextItem[t] = cell[t];
+            return nextItem;
+        }
+    }
+    // next item check
+    for (let t of types) {
+        if (cell[t] >= lastCell[t]) {
+            nextItem[t] = cell[t] - lastCell[t];
+            return nextItem;
+        }
+    }
+    return null;
+}
+function cropCellToMax(cell, lastCell) {
+    const croppedCell = Object.assign({}, cell);
+    const cellCoordinates = ['x', 'y'];
+    for (const coordinate of cellCoordinates) {
+        if (cell[coordinate] < 0) {
+            croppedCell[coordinate] = 0;
+        }
+        else if (cell[coordinate] >= lastCell[coordinate]) {
+            croppedCell[coordinate] = lastCell[coordinate] - 1;
+        }
+    }
+    return croppedCell;
+}
+function getRange(start, end) {
+    return start && end
+        ? {
+            x: Math.min(start.x, end.x),
+            y: Math.min(start.y, end.y),
+            x1: Math.max(start.x, end.x),
+            y1: Math.max(start.y, end.y),
+        }
+        : null;
+}
+function isRangeSingleCell(a) {
+    return a.x === a.x1 && a.y === a.y1;
+}
 
 const GROUP_DEPTH = `${index.GRID_INTERNALS}-depth`;
 const PSEUDO_GROUP_ITEM = `${index.GRID_INTERNALS}-name`;
@@ -140,52 +570,6 @@ function isSameGroup(currentGroup, currentModel, nextModel) {
     return currentModel[GROUP_DEPTH] < depth;
 }
 
-/**
- * Collects data for pinned columns in the required @ViewportProps format.
- */
-/**
- * Represents the slot names for the viewport slots.
- */
-const HEADER_SLOT = 'header'; // Slot name for the header slot
-const FOOTER_SLOT = 'footer'; // Slot name for the footer slot
-const CONTENT_SLOT = 'content'; // Slot name for the content slot
-const DATA_SLOT = 'data'; // Slot name for the data slot
-/**
- * Returns the last visible cell in the viewport for a given row type.
- * Coordinates are not zero-based and are relative to the viewport.
- * If needed to be zero-based they can be adjusted by subtracting 1.
- */
-function getLastCell(data, rowType) {
-    // Get the last visible column count from the viewport column data.
-    const lastVisibleColumnCount = data.viewports[data.colType].store.get('realCount');
-    // Get the last visible row count for the given row type from the viewport column data.
-    const lastVisibleRowCount = data.viewports[rowType].store.get('realCount');
-    // Return the last visible cell with the last visible column count and row count.
-    return {
-        x: lastVisibleColumnCount,
-        y: lastVisibleRowCount,
-    };
-}
-function viewportDataPartition(data, type, slot, fixed) {
-    return {
-        colData: data.colStore,
-        viewportCol: data.viewports[data.colType].store,
-        viewportRow: data.viewports[type].store,
-        // lastCell is the last real coordinate + 1
-        lastCell: getLastCell(data, type),
-        slot,
-        type,
-        canDrag: !fixed,
-        position: data.position,
-        dataStore: data.rowStores[type].store,
-        dimensionCol: data.dimensions[data.colType].store,
-        dimensionRow: data.dimensions[type].store,
-        style: fixed
-            ? { height: `${data.dimensions[type].store.get('realSize')}px` }
-            : undefined,
-    };
-}
-
 /**
  * The base implementation of `_.slice` without an iteratee call guard.
  *
@@ -437,7 +821,7 @@ class ColumnService {
             }
             maxCol = Math.max(maxCol, colIndex - 1);
         }
-        const range = selection_helpers.getRange(start, {
+        const range = getRange(start, {
             y: rowIndex - 1,
             x: maxCol,
         });
@@ -557,29 +941,32 @@ function doPropMerge(existing, extra) {
     return props;
 }
 
-exports.CONTENT_SLOT = CONTENT_SLOT;
 exports.ColumnService = ColumnService;
-exports.DATA_SLOT = DATA_SLOT;
-exports.FOOTER_SLOT = FOOTER_SLOT;
+exports.EMPTY_INDEX = EMPTY_INDEX;
 exports.GROUPING_ROW_TYPE = GROUPING_ROW_TYPE;
 exports.GROUP_DEPTH = GROUP_DEPTH;
 exports.GROUP_EXPANDED = GROUP_EXPANDED;
 exports.GROUP_EXPAND_BTN = GROUP_EXPAND_BTN;
 exports.GROUP_EXPAND_EVENT = GROUP_EXPAND_EVENT;
-exports.HEADER_SLOT = HEADER_SLOT;
 exports.PSEUDO_GROUP_COLUMN = PSEUDO_GROUP_COLUMN;
 exports.PSEUDO_GROUP_ITEM = PSEUDO_GROUP_ITEM;
 exports.PSEUDO_GROUP_ITEM_ID = PSEUDO_GROUP_ITEM_ID;
 exports.PSEUDO_GROUP_ITEM_VALUE = PSEUDO_GROUP_ITEM_VALUE;
+exports.SelectionStore = SelectionStore;
+exports.SelectionStoreConnector = SelectionStoreConnector;
+exports.cropCellToMax = cropCellToMax;
 exports.doPropMerge = doPropMerge;
 exports.gatherGrouping = gatherGrouping;
 exports.getCellData = getCellData;
 exports.getGroupingName = getGroupingName;
 exports.getParsedGroup = getParsedGroup;
+exports.getRange = getRange;
 exports.isGrouping = isGrouping;
 exports.isGroupingColumn = isGroupingColumn;
+exports.isHiddenStore = isHiddenStore;
+exports.isRangeSingleCell = isRangeSingleCell;
 exports.isRowDragService = isRowDragService;
 exports.isSameGroup = isSameGroup;
-exports.viewportDataPartition = viewportDataPartition;
+exports.nextCell = nextCell;
 
-//# sourceMappingURL=column.service-bfaba0e0.js.map
+//# sourceMappingURL=column.service-15c8352d.js.map