@1771technologies/lytenyte-pro 1.0.0-beta.26 → 1.0.0-beta.28

package/dist/+types.d.ts

@@ -2710,7 +2710,7 @@ export interface GridApi<T> {
      * Returns the column at the specified visible index. If the index is out of bounds or
      *   the column is hidden (due to visibility rules or collapsed groups), this will return null.
      */
-    readonly columnFromIndex: (columnIndex: number) => Column<T> | null;
+    readonly columnByIndex: (columnIndex: number) => Column<T> | null;
     /**
      * Returns the index of a visible column based on its id or column object.
      *   Returns -1 if the column is not currently visible (e.g., hidden or inside a collapsed group).
@@ -4217,6 +4217,11 @@ export interface EditSetterParams<T> {
      * A reference to a column definition in LyteNyte Grid.
      */
     readonly column: Column<T>;
+    /**
+     * The current edit value of the cell being edited. Useful when the cell is derived from data and not
+     * actually present in the row data.
+     */
+    readonly value: any;
     /**
      * The new row data after applying edits. This is an intermediate representation,
      * not yet committed to the grid.

package/dist/cells/cell-editor.js

@@ -81,12 +81,12 @@ function EditRenderer({ cell }) {
     if (!editRenderer) {
         const type = column.type;
         if (type === "number")
-            return (_jsx("input", { type: "number", value: value, onChange: (e) => onChange(Number.parseFloat(e.target.value)) }));
+            return (_jsx("input", { type: "number", value: value ?? "", onChange: (e) => onChange(Number.parseFloat(e.target.value)) }));
         if (type === "date")
-            return _jsx("input", { type: "date", value: value, onChange: (e) => onChange(e.target.value) });
+            return _jsx("input", { type: "date", value: value ?? "", onChange: (e) => onChange(e.target.value) });
         if (type === "datetime")
-            return (_jsx("input", { type: "datetime-local", value: value, onChange: (e) => onChange(e.target.value) }));
-        return _jsx("input", { value: value, onChange: (e) => onChange(e.target.value) });
+            return (_jsx("input", { type: "datetime-local", value: value ?? "", onChange: (e) => onChange(e.target.value) }));
+        return _jsx("input", { value: value ?? "", onChange: (e) => onChange(e.target.value) });
     }
     const Renderer = typeof editRenderer === "string" ? editFuncs[editRenderer] : editRenderer;
     const validation = ctx.grid.internal.editValidation.useValue();

package/dist/header/use-drag-move.js

@@ -55,7 +55,7 @@ export function useDragMove(grid, cell, onDragStart) {
             });
             if (index == null)
                 return;
-            const columnTarget = grid.api.columnFromIndex(index);
+            const columnTarget = grid.api.columnByIndex(index);
             if (columnTarget) {
                 if (columnTarget.id === COLUMN_MARKER_ID || columnTarget.id.startsWith(GROUP_COLUMN_PREFIX))
                     return;

package/dist/state/api/column-from-index.d.ts

@@ -1,2 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeColumnFromIndex: (grid: Grid<any>) => GridApi<any>["columnFromIndex"];
+export declare const makeColumnByIndex: (grid: Grid<any>) => GridApi<any>["columnByIndex"];

package/dist/state/api/column-from-index.js

@@ -1,4 +1,4 @@
-export const makeColumnFromIndex = (grid) => {
+export const makeColumnByIndex = (grid) => {
     return (index) => {
         const v = grid.state.columnMeta.get().columnsVisible;
         return v[index] ?? null;

package/dist/state/api/edit-end.js

@@ -11,7 +11,7 @@ export const makeEditEnd = (grid) => {
             return;
         }
         const validation = grid.internal.editValidation.get();
-        if (!validation || Object.keys(validation).length > 1) {
+        if (!validation || Object.keys(validation).length >= 1) {
             grid.api.eventFire("editError", {
                 column: active.column,
                 rowIndex: active.rowIndex,

package/dist/state/helpers/edit-on-change.js

@@ -15,6 +15,7 @@ export function editOnChange({ value: c, grid, rowIndex, column, base, row, acti
             column,
             data: next,
             grid: grid,
+            value: c,
             row,
             rowIndex,
         });

package/dist/state/use-lytenyte.js

@@ -14,7 +14,7 @@ import { makeSortForColumn } from "./api/sort-for-column.js";
 import { columnAddRowGroup } from "./helpers/column-add-row-group.js";
 import { makeEventListeners } from "./api/event-listeners.js";
 import { makeScrollIntoView } from "./api/scroll-into-view.js";
-import { makeColumnFromIndex } from "./api/column-from-index.js";
+import { makeColumnByIndex } from "./api/column-from-index.js";
 import { makeColumnIndex } from "./api/column-index.js";
 import { makeRowGroupColumnIndex } from "./api/row-group-column-index.js";
 import { makeRowGroupIsExpanded } from "./api/row-group-is-expanded.js";
@@ -484,7 +484,7 @@ export function makeLyteNyte(p) {
     const listeners = makeEventListeners();
     Object.assign(api, {
         columnField: makeColumnField(grid),
-        columnFromIndex: makeColumnFromIndex(grid),
+        columnByIndex: makeColumnByIndex(grid),
         columnIndex: makeColumnIndex(grid),
         columnById: makeColumnById(grid),
         columnResize: makeColumnResize(grid),

package/dist/viewport/begin-editing.js

@@ -6,7 +6,7 @@ export function beginEditing(grid, activator, init) {
         return;
     if (activator && editActivator !== activator)
         return;
-    const column = grid.api.columnFromIndex(focusPos.colIndex);
+    const column = grid.api.columnByIndex(focusPos.colIndex);
     if (!column)
         return;
     if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex }))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.0-beta.26",
+  "version": "1.0.0-beta.28",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-core": "1.0.0-beta.26",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.26",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.26",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.26",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.26",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.26"
+    "@1771technologies/lytenyte-core": "1.0.0-beta.28",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.28",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.28",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.28",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.28",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.28"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",