@rowsncolumns/spreadsheet-state 28.0.66

package/dist/cjs/components/editors/table-editor.js

@@ -0,0 +1,105 @@
+import { __assign, __read } from "tslib";
+import { Cross2Icon } from "@rowsncolumns/icons";
+import { findMatchingBandProperty, FormulaInput, useFocusSheet, useFormulaInputState, useSetFormulaMode, useSetFormulaSelections, } from "@rowsncolumns/spreadsheet";
+import { Button, Dialog, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogTitle, Input, Stack, } from "@rowsncolumns/ui";
+import { useFormik } from "formik";
+import React, { useCallback } from "react";
+import { useEditTableDialogState } from "../../atoms/dialog-state.atom";
+import { useEditingTable } from "../../atoms/editing-table.atom";
+import { tableSchema } from "../../validation-schema/table.schema";
+export var TableEditor = function (_a) {
+    var sheetId = _a.sheetId, theme = _a.theme, onSubmit = _a.onSubmit, onRemoveTable = _a.onRemoveTable;
+    var _b = __read(useEditTableDialogState(), 2), isOpen = _b[0], onOpenChange = _b[1];
+    var setFormulaMode = useSetFormulaMode();
+    var setFormulaSelections = useSetFormulaSelections();
+    var focusSheet = useFocusSheet();
+    var closeDialog = useCallback(function () {
+        setFormulaMode(false);
+        setFormulaSelections([]);
+        onOpenChange(false);
+    }, [setFormulaMode, setFormulaSelections, onOpenChange]);
+    var table = useEditingTable();
+    // Submit
+    var handleSubmit = useCallback(function (sheetId, tableId, table) {
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(sheetId, tableId, table);
+        closeDialog();
+    }, [onSubmit, closeDialog]);
+    return (React.createElement(Dialog, { modal: false, open: isOpen },
+        React.createElement(DialogContent, { onEscapeKeyDown: closeDialog, onCloseAutoFocus: function (e) {
+                e.preventDefault();
+                focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
+            } },
+            React.createElement(DialogTitle, { className: "rnc-drag-handle cursor-move" }, "Edit table"),
+            React.createElement(DialogDescription, null, "Update data range and table properties"),
+            React.createElement(DialogBody, null, table ? (React.createElement(TableEditorForm, { onSubmit: handleSubmit, table: table, sheetId: sheetId, theme: theme, onCancel: closeDialog, onRemoveTable: onRemoveTable })) : null),
+            React.createElement(DialogCloseButton, { onClick: function () {
+                    closeDialog();
+                } },
+                React.createElement(Cross2Icon, null)))));
+};
+var TableEditorForm = function (_a) {
+    var table = _a.table, sheetId = _a.sheetId, theme = _a.theme, onSubmit = _a.onSubmit, onCancel = _a.onCancel, onRemoveTable = _a.onRemoveTable;
+    var _b = useFormik({
+        initialValues: table,
+        enableReinitialize: true,
+        validationSchema: tableSchema,
+        onSubmit: function (values) {
+            var _a;
+            var tableTheme = (_a = values.theme) !== null && _a !== void 0 ? _a : "TableStyleLight1";
+            var bandedRange = values.bandedRange;
+            // Get new rowProperties
+            if (tableTheme) {
+                if (table.showRowStripes !== showRowStripes ||
+                    table.showColumnStripes !== showColumnStripes) {
+                    bandedRange = findMatchingBandProperty(tableTheme, showRowStripes !== null && showRowStripes !== void 0 ? showRowStripes : undefined, showColumnStripes !== null && showColumnStripes !== void 0 ? showColumnStripes : undefined);
+                    // Remove column style
+                    if (!showColumnStripes) {
+                        bandedRange === null || bandedRange === void 0 ? true : delete bandedRange.columnProperties;
+                    }
+                }
+                var newTable = __assign(__assign({}, values), { bandedRange: bandedRange });
+                onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(sheetId, newTable.id, newTable);
+            }
+        },
+    }), _c = _b.values, title = _c.title, _d = _c.showRowStripes, showRowStripes = _d === void 0 ? true : _d, _e = _c.showColumnStripes, showColumnStripes = _e === void 0 ? false : _e, _f = _c.filterButton, filterButton = _f === void 0 ? true : _f, range = _c.range, errors = _b.errors, handleChange = _b.handleChange, handleSubmit = _b.handleSubmit, setFieldValue = _b.setFieldValue, resetForm = _b.resetForm;
+    // Formula input helper
+    var formulaInput = useFormulaInputState(sheetId, __assign(__assign({}, range), { sheetId: sheetId }));
+    return (React.createElement("form", { onSubmit: handleSubmit, className: "m-0 p-0" },
+        React.createElement(Stack, { direction: "vertical", className: "pb-2 gap-2" },
+            React.createElement(Stack, { direction: "vertical", className: "gap-1" },
+                React.createElement("label", { className: "font-system text-sm" }, "Table name"),
+                React.createElement(Input, { value: title, name: "title", required: true, onChange: handleChange, error: errors.title })),
+            React.createElement(Stack, { direction: "vertical", className: "gap-1" },
+                React.createElement("label", { className: "font-system text-sm" }, "Where is the data for your table?"),
+                React.createElement(FormulaInput, { onChange: function (value) {
+                        formulaInput.onChange(value, function (parsed) {
+                            setFieldValue("range", parsed);
+                        });
+                    }, value: formulaInput.value, required: true })),
+            React.createElement(Stack, { direction: "horizontal", className: "grid grid-cols-2 gap-2" },
+                React.createElement("label", { className: "font-system text-sm flex items-center gap-1" },
+                    React.createElement("input", { type: "checkbox", checked: showRowStripes !== null && showRowStripes !== void 0 ? showRowStripes : undefined, name: "showRowStripes", onChange: function (e) {
+                            setFieldValue("showRowStripes", e.target.checked);
+                        } }),
+                    "Banded rows"),
+                React.createElement("label", { className: "font-system text-sm flex items-center gap-1" },
+                    React.createElement("input", { type: "checkbox", checked: showColumnStripes !== null && showColumnStripes !== void 0 ? showColumnStripes : undefined, name: "showColumnStripes", onChange: function (e) {
+                            setFieldValue("showColumnStripes", e.target.checked);
+                        } }),
+                    "Banded columns"),
+                React.createElement("label", { className: "font-system text-sm flex items-center gap-1" },
+                    React.createElement("input", { type: "checkbox", id: "rnc-filter-button-element", checked: filterButton !== null && filterButton !== void 0 ? filterButton : undefined, name: "filterButton", onChange: function (e) {
+                            setFieldValue("filterButton", e.target.checked);
+                        } }),
+                    "Show filter button"))),
+        React.createElement("div", { className: "flex gap-1 pt-2" },
+            React.createElement(Button, { type: "submit", variant: "primary", size: "xs" }, "Save"),
+            React.createElement(Button, { size: "xs", onClick: function () {
+                    resetForm();
+                    onCancel();
+                }, type: "button" }, "Cancel"),
+            React.createElement(Button, { type: "button", variant: "warning", size: "xs", onClick: function () {
+                    onRemoveTable === null || onRemoveTable === void 0 ? void 0 : onRemoveTable(table);
+                    onCancel();
+                }, className: "ml-auto" }, "Convert table to range"))));
+};

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./dialogs/delete-sheet-confirmation";
+export * from "./dialogs/error-state";
+export * from "./editors/table-editor";
+export * from "./editors/named-range-editor";
+export * from "./editors/resize-dimension-editor";
+export * from "./editors/cell-format-editor";
+export * from "./editors/conditional-format-rule-editor";
+export * from "./editors/conditional-format-editor";
+export * from "./editors/insert-image-editor";
+export * from "./editors/insert-link-editor";
+export * from "./editors/data-validation-editor";
+export * from "./editors/embed-editor";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,12 @@
+export * from "./dialogs/delete-sheet-confirmation";
+export * from "./dialogs/error-state";
+export * from "./editors/table-editor";
+export * from "./editors/named-range-editor";
+export * from "./editors/resize-dimension-editor";
+export * from "./editors/cell-format-editor";
+export * from "./editors/conditional-format-rule-editor";
+export * from "./editors/conditional-format-editor";
+export * from "./editors/insert-image-editor";
+export * from "./editors/insert-link-editor";
+export * from "./editors/data-validation-editor";
+export * from "./editors/embed-editor";

package/dist/cjs/generated-names.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Formatters for auto-generated names such as "Sheet1", "Table 1",
+ * "Column1" and "Copy of Sheet1".
+ *
+ * Pass `generatedNames` to `useSpreadsheetState` to customize or
+ * localize these labels, e.g.
+ *
+ * ```ts
+ * useSpreadsheetState({
+ *   generatedNames: {
+ *     tableColumn: (index) => `Столбец${index}`,
+ *     sheetCopy: (title) => `Копия ${title}`,
+ *   },
+ * })
+ * ```
+ *
+ * Every formatter is optional. A formatter may also return `undefined`
+ * to fall back to the English default for that name.
+ *
+ * Inline object/arrow-function literals are safe: `useSpreadsheetState`
+ * stabilizes the identities internally (latest-ref pattern), so passing
+ * a fresh object every render does not break memoization.
+ */
+export interface GeneratedNames {
+    /**
+     * Title for a newly created sheet. Default: `Sheet${index}`
+     */
+    sheet?: (index: number) => string | undefined;
+    /**
+     * Title for a duplicated sheet. Default: `Copy of ${title}`
+     */
+    sheetCopy?: (title: string) => string | undefined;
+    /**
+     * Title for a newly created table. Default: `Table ${index}`
+     */
+    table?: (index: number) => string | undefined;
+    /**
+     * Title for a pasted (copied) table. Default: `Copy of ${title}`
+     */
+    tableCopy?: (title: string) => string | undefined;
+    /**
+     * Name for a generated table column. Default: `Column${index}`
+     */
+    tableColumn?: (index: number) => string | undefined;
+}
+export declare const getGeneratedSheetName: (index: number, generatedNames?: GeneratedNames) => string;
+export declare const getGeneratedSheetCopyName: (title: string, generatedNames?: GeneratedNames) => string;
+export declare const getGeneratedTableName: (index: number, generatedNames?: GeneratedNames) => string;
+export declare const getGeneratedTableCopyName: (title: string, generatedNames?: GeneratedNames) => string;
+export declare const getGeneratedTableColumnName: (index: number, generatedNames?: GeneratedNames) => string;
+//# sourceMappingURL=generated-names.d.ts.map

package/dist/cjs/generated-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated-names.d.ts","sourceRoot":"","sources":["../../generated-names.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACrD;AAED,eAAO,MAAM,qBAAqB,GAChC,OAAO,MAAM,EACb,iBAAiB,cAAc,KAC9B,MAA2D,CAAC;AAE/D,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,iBAAiB,cAAc,KAC9B,MAAkE,CAAC;AAEtE,eAAO,MAAM,qBAAqB,GAChC,OAAO,MAAM,EACb,iBAAiB,cAAc,KAC9B,MAA4D,CAAC;AAEhE,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,iBAAiB,cAAc,KAC9B,MAAkE,CAAC;AAEtE,eAAO,MAAM,2BAA2B,GACtC,OAAO,MAAM,EACb,iBAAiB,cAAc,KAC9B,MAAkE,CAAC"}

package/dist/cjs/generated-names.js

@@ -0,0 +1,5 @@
+export var getGeneratedSheetName = function (index, generatedNames) { var _a, _b; return (_b = (_a = generatedNames === null || generatedNames === void 0 ? void 0 : generatedNames.sheet) === null || _a === void 0 ? void 0 : _a.call(generatedNames, index)) !== null && _b !== void 0 ? _b : "Sheet".concat(index); };
+export var getGeneratedSheetCopyName = function (title, generatedNames) { var _a, _b; return (_b = (_a = generatedNames === null || generatedNames === void 0 ? void 0 : generatedNames.sheetCopy) === null || _a === void 0 ? void 0 : _a.call(generatedNames, title)) !== null && _b !== void 0 ? _b : "Copy of ".concat(title); };
+export var getGeneratedTableName = function (index, generatedNames) { var _a, _b; return (_b = (_a = generatedNames === null || generatedNames === void 0 ? void 0 : generatedNames.table) === null || _a === void 0 ? void 0 : _a.call(generatedNames, index)) !== null && _b !== void 0 ? _b : "Table ".concat(index); };
+export var getGeneratedTableCopyName = function (title, generatedNames) { var _a, _b; return (_b = (_a = generatedNames === null || generatedNames === void 0 ? void 0 : generatedNames.tableCopy) === null || _a === void 0 ? void 0 : _a.call(generatedNames, title)) !== null && _b !== void 0 ? _b : "Copy of ".concat(title); };
+export var getGeneratedTableColumnName = function (index, generatedNames) { var _a, _b; return (_b = (_a = generatedNames === null || generatedNames === void 0 ? void 0 : generatedNames.tableColumn) === null || _a === void 0 ? void 0 : _a.call(generatedNames, index)) !== null && _b !== void 0 ? _b : "Column".concat(index); };

package/dist/cjs/helpers/iterative-calculation.d.ts

@@ -0,0 +1,4 @@
+import type { FormulaResultArray } from "@rowsncolumns/fast-formula-parser";
+import type { CalculationResult } from "../hooks/use-calculation";
+export declare const computeDelta: (prev: CalculationResult | FormulaResultArray | undefined, next: CalculationResult | FormulaResultArray | undefined) => number;
+//# sourceMappingURL=iterative-calculation.d.ts.map

package/dist/cjs/helpers/iterative-calculation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iterative-calculation.d.ts","sourceRoot":"","sources":["../../../helpers/iterative-calculation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAgClE,eAAO,MAAM,YAAY,GACvB,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,SAAS,EACxD,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,SAAS,WAoBzD,CAAC"}

package/dist/cjs/helpers/iterative-calculation.js

@@ -0,0 +1,44 @@
+var areFormulaArraysEqual = function (left, right) {
+    if (left.length !== right.length) {
+        return false;
+    }
+    for (var rowIndex = 0; rowIndex < left.length; rowIndex++) {
+        var leftRow = left[rowIndex];
+        var rightRow = right[rowIndex];
+        if (!leftRow || !rightRow || leftRow.length !== rightRow.length) {
+            return false;
+        }
+        for (var colIndex = 0; colIndex < leftRow.length; colIndex++) {
+            var leftValue = leftRow[colIndex];
+            var rightValue = rightRow[colIndex];
+            if (leftValue instanceof Date && rightValue instanceof Date) {
+                if (leftValue.getTime() !== rightValue.getTime()) {
+                    return false;
+                }
+                continue;
+            }
+            if (leftValue !== rightValue) {
+                return false;
+            }
+        }
+    }
+    return true;
+};
+export var computeDelta = function (prev, next) {
+    if (prev === next) {
+        return 0;
+    }
+    if (typeof prev === "number" &&
+        typeof next === "number" &&
+        Number.isFinite(prev) &&
+        Number.isFinite(next)) {
+        return Math.abs(next - prev);
+    }
+    if (prev instanceof Date && next instanceof Date) {
+        return Math.abs(next.getTime() - prev.getTime());
+    }
+    if (Array.isArray(prev) && Array.isArray(next)) {
+        return areFormulaArraysEqual(prev, next) ? 0 : Number.POSITIVE_INFINITY;
+    }
+    return Number.POSITIVE_INFINITY;
+};

package/dist/cjs/helpers/sheet-title.d.ts

@@ -0,0 +1,5 @@
+import type { Sheet } from "@rowsncolumns/spreadsheet";
+export declare const MAX_SHEET_TITLE_LENGTH = 32;
+export declare const truncateSheetTitle: (title: string) => string;
+export declare const sanitizeSheetSpecTitle: <S extends Sheet>(sheetSpec: Partial<S>) => Partial<S>;
+//# sourceMappingURL=sheet-title.d.ts.map

package/dist/cjs/helpers/sheet-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-title.d.ts","sourceRoot":"","sources":["../../../helpers/sheet-title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,MAElD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,KAAK,EACpD,WAAW,OAAO,CAAC,CAAC,CAAC,KACpB,OAAO,CAAC,CAAC,CASX,CAAC"}

package/dist/cjs/helpers/sheet-title.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+export var MAX_SHEET_TITLE_LENGTH = 32;
+export var truncateSheetTitle = function (title) {
+    return title.slice(0, MAX_SHEET_TITLE_LENGTH);
+};
+export var sanitizeSheetSpecTitle = function (sheetSpec) {
+    if (typeof sheetSpec.title !== "string") {
+        return sheetSpec;
+    }
+    return __assign(__assign({}, sheetSpec), { title: truncateSheetTitle(sheetSpec.title) });
+};

package/dist/cjs/helpers.d.ts

@@ -0,0 +1,45 @@
+import type { RowData } from "@rowsncolumns/common-types";
+import type { CellCoords, CellRange } from "@rowsncolumns/fast-formula-parser";
+import type { CellData, Column, TableView } from "@rowsncolumns/spreadsheet";
+import type { GeneratedNames } from "./generated-names";
+/**
+ * Convert
+ * @param rows
+ * @param sheetId
+ * @param startCell
+ * @returns
+ */
+export declare const createRowDataFromArray: <T extends CellData>(rows: (string | number | Date | boolean | undefined | null | T)[][], sheetId?: number) => RowData<T>[];
+/**
+ * Check if coords is cellRange
+ * @param coords
+ * @returns
+ */
+export declare const isCellRange: (coords: CellCoords | CellRange) => coords is CellRange;
+/**
+ * Combine multiple iterators
+ * @param mapIterators
+ * @returns
+ */
+export declare function combineMapIterators<K, V>(...mapIterators: IterableIterator<[K, V]>[]): IterableIterator<[K, V]>;
+/**
+ * Combine multiple iterators with optional formatting
+ * @param mapIterators
+ * @returns
+ */
+export declare function combineMapIteratorsWithFormatting<K, V, F>(...mapIterators: IterableIterator<[K, V, formatting?: F]>[]): IterableIterator<[K, V, formatting?: F]>;
+/**
+ * Get unique table column name
+ * @param columns
+ * @returns
+ */
+export declare const getNextTableColumnName: (columns?: Column[] | null, generatedNames?: GeneratedNames) => string;
+export declare const getConfictingTable: (tables: TableView[] | undefined, activeTable: TableView) => TableView | undefined;
+/**
+ * Hashes and object and returns a number
+ * @param obj
+ * @returns
+ */
+export declare const hashObject: (obj: object | null | undefined) => number;
+export declare const AWAITING_CALCULATION = "Paused";
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,QAAQ,EACvD,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,EACnE,gBAAwB,KACvB,OAAO,CAAC,CAAC,CAAC,EAeZ,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GACtB,QAAQ,UAAU,GAAG,SAAS,KAC7B,MAAM,IAAI,SAEZ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,CAAC,EACtC,GAAG,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1C,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAkB1B;AAED;;;;GAIG;AACH,wBAAgB,iCAAiC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EACvD,GAAG,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1D,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAkB1C;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,MAAM,EAAE,GAAG,IAAI,EACzB,iBAAiB,cAAc,WAYhC,CAAC;AAIF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,SAAS,EAAE,GAAG,SAAS,EAC/B,aAAa,SAAS,0BAsBvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,WA6BxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,WAAW,CAAC"}

package/dist/cjs/helpers.js

@@ -0,0 +1,154 @@
+import { getGeneratedTableColumnName } from "./generated-names";
+import { defaultCellCoords, defaultSheetId, SheetCell } from "./sheet-cell";
+/**
+ * Convert
+ * @param rows
+ * @param sheetId
+ * @param startCell
+ * @returns
+ */
+export var createRowDataFromArray = function (rows, sheetId) {
+    if (sheetId === void 0) { sheetId = defaultSheetId; }
+    return rows.map(function (row) {
+        return {
+            values: row.map(function (value) {
+                var sheetCell = new SheetCell();
+                if (typeof value === "object" && !(value instanceof Date)) {
+                    sheetCell.assign(sheetId, defaultCellCoords, value);
+                }
+                else {
+                    sheetCell.setUserEnteredValue(value);
+                }
+                return sheetCell.getCellData();
+            }),
+        };
+    });
+};
+/**
+ * Check if coords is cellRange
+ * @param coords
+ * @returns
+ */
+export var isCellRange = function (coords) {
+    return !!coords.from;
+};
+/**
+ * Combine multiple iterators
+ * @param mapIterators
+ * @returns
+ */
+export function combineMapIterators() {
+    var _a;
+    var mapIterators = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        mapIterators[_i] = arguments[_i];
+    }
+    var currentIteratorIndex = 0;
+    return _a = {},
+        _a[Symbol.iterator] = function () {
+            return this;
+        },
+        _a.next = function () {
+            while (currentIteratorIndex < mapIterators.length) {
+                var result = mapIterators[currentIteratorIndex].next();
+                if (!result.done) {
+                    return result;
+                }
+                currentIteratorIndex++;
+            }
+            return { done: true, value: undefined };
+        },
+        _a;
+}
+/**
+ * Combine multiple iterators with optional formatting
+ * @param mapIterators
+ * @returns
+ */
+export function combineMapIteratorsWithFormatting() {
+    var _a;
+    var mapIterators = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        mapIterators[_i] = arguments[_i];
+    }
+    var currentIteratorIndex = 0;
+    return _a = {},
+        _a[Symbol.iterator] = function () {
+            return this;
+        },
+        _a.next = function () {
+            while (currentIteratorIndex < mapIterators.length) {
+                var result = mapIterators[currentIteratorIndex].next();
+                if (!result.done) {
+                    return result;
+                }
+                currentIteratorIndex++;
+            }
+            return { done: true, value: undefined };
+        },
+        _a;
+}
+/**
+ * Get unique table column name
+ * @param columns
+ * @returns
+ */
+export var getNextTableColumnName = function (columns, generatedNames) {
+    var i = 1;
+    while (columns &&
+        columns.find(function (col) { return col.name === getGeneratedTableColumnName(i, generatedNames); })) {
+        i++;
+    }
+    return getGeneratedTableColumnName(i, generatedNames);
+};
+// When inserting or deleting a table
+// column. Make sure we are not moving a partial table
+export var getConfictingTable = function (tables, activeTable) {
+    return tables === null || tables === void 0 ? void 0 : tables.find(function (table) {
+        if (table.sheetId === activeTable.sheetId && table.id !== activeTable.id) {
+            var isTableInside = table.range.startRowIndex >= activeTable.range.startRowIndex &&
+                table.range.endRowIndex <= activeTable.range.endRowIndex;
+            var isTableOutside = table.range.startRowIndex > activeTable.range.endRowIndex ||
+                table.range.endRowIndex < activeTable.range.startRowIndex ||
+                table.range.endColumnIndex <= activeTable.range.startColumnIndex;
+            if (isTableInside || isTableOutside) {
+                return false;
+            }
+            return true;
+        }
+        return false;
+    });
+};
+/**
+ * Hashes and object and returns a number
+ * @param obj
+ * @returns
+ */
+export var hashObject = function (obj) {
+    // Handle null/undefined
+    if (obj === null || obj === undefined) {
+        return 0;
+    }
+    // Create a more detailed string representation of the object
+    var str = JSON.stringify(obj, function (_key, value) {
+        // Ensure consistent ordering of object keys
+        if (value && typeof value === "object" && !Array.isArray(value)) {
+            return Object.keys(value)
+                .sort()
+                .reduce(function (sorted, key) {
+                sorted[key] = value[key];
+                return sorted;
+            }, {});
+        }
+        return value;
+    });
+    // Generate hash from the string
+    var hash = 0;
+    for (var i = 0; i < str.length; i++) {
+        var char = str.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash; // Convert to 32bit integer
+    }
+    return Math.abs(hash);
+};
+export var AWAITING_CALCULATION = "Paused";

package/dist/cjs/hooks/use-async-datasource.d.ts

@@ -0,0 +1,57 @@
+import type { ViewPortProps } from "@rowsncolumns/grid";
+import type { CellData } from "@rowsncolumns/spreadsheet";
+import type { RowData, UseSpreadsheetProps } from "./use-spreadsheet-state";
+export type RowDataSlice = [start: number, end: number];
+type UseAsyncDatasourceProps<T extends CellData> = {
+    sheetId: number;
+    locale: string;
+    bufferPages?: number;
+    maxCachedPages?: number;
+    pageSize?: number;
+    frozenRowCount?: number;
+    rowCount?: number;
+    getRowData(sheetId: number, slice: RowDataSlice): Promise<(RowData<T | null> | null)[] | undefined>;
+    onChangeSheetData: UseSpreadsheetProps<T>["onChangeSheetData"];
+};
+/**
+ * Infinite loader for Spreadsheet
+ *
+ * Usage:
+ *
+ *  const { onViewPortChange, isLoading } = useAsyncDatasource<CellData>({
+      sheetId: activeSheetId,
+      locale,
+      onChangeSheetData,
+      getRowData: useCallback(
+        async (sheetId, [rowStartIndex, rowStopIndex]) => {
+          console.log("fetching page", sheetId, [rowStartIndex, rowStopIndex]);
+          await new Promise((res) => setTimeout(res, 1000));
+          return [
+            null,
+            {
+              values: [
+                null,
+                {
+                  userEnteredValue: {
+                    formulaValue: "=SUM(E11,4)",
+                  },
+                },
+              ],
+            },
+          ];
+        },
+        []
+      ),
+    });
+ * @param param0
+ * @returns
+ */
+export declare const useAsyncDatasource: <T extends CellData>({ sheetId, locale, bufferPages, maxCachedPages, pageSize, frozenRowCount, rowCount, getRowData, onChangeSheetData, }: UseAsyncDatasourceProps<T>) => {
+    onViewPortChange: (props: ViewPortProps) => void;
+    isLoading: boolean;
+    invalidate: (sheetId: number, rowIndex: number) => void;
+    invalidateAll: (targetSheetId: number) => void;
+    loadPage: (sheetId: number, page: number) => Promise<void>;
+};
+export {};
+//# sourceMappingURL=use-async-datasource.d.ts.map

package/dist/cjs/hooks/use-async-datasource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-datasource.d.ts","sourceRoot":"","sources":["../../../hooks/use-async-datasource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAa1D,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CACR,OAAO,EAAE,MAAM,EAEf,KAAK,EAAE,YAAY,GAClB,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACrD,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;CAChE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,QAAQ,EAAE,sHAUpD,uBAAuB,CAAC,CAAC,CAAC;8BA0MjB,aAAa;;0BAoCX,MAAM,YAAY,MAAM;mCAuClB,MAAM;wBA/QN,MAAM,QAAQ,MAAM;CA8SvC,CAAC"}