@ferde/data-grid 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,17 +1,26 @@
 import { ColDefField } from 'ag-grid-community';
 import { JSX } from 'react';
+import { RefObject } from 'react';
 
-declare const DataGrid: <T>({ rows, columns }: DataGridProps<T>) => JSX.Element;
+declare const DataGrid: <T>({ ref, rows, columns, rowIdField }: DataGridProps<T>) => JSX.Element;
 export default DataGrid;
 
+declare interface DataGridApi<T> {
+    addRow: (row: Partial<T>) => void;
+    updateRow: (rowId: string, row: Partial<T>) => void;
+    deleteRow: (rowId: string) => void;
+}
+
 export declare interface DataGridColumn<T> {
     field: ColDefField<T>;
     headerName: string;
 }
 
 export declare interface DataGridProps<T> {
+    ref?: RefObject<DataGridApi<T>>;
     rows: T[];
     columns: DataGridColumn<T>[];
+    rowIdField: keyof T;
 }
 
 export { }

package/dist/index.js

@@ -1,17 +1,69 @@
 import { AllCommunityModule as e } from "ag-grid-community";
 import { AgGridProvider as t, AgGridReact as n } from "ag-grid-react";
-import { useMemo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { useImperativeHandle as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region node_modules/uuid/dist/stringify.js
+var s = [];
+for (let e = 0; e < 256; ++e) s.push((e + 256).toString(16).slice(1));
+function c(e, t = 0) {
+	return (s[e[t + 0]] + s[e[t + 1]] + s[e[t + 2]] + s[e[t + 3]] + "-" + s[e[t + 4]] + s[e[t + 5]] + "-" + s[e[t + 6]] + s[e[t + 7]] + "-" + s[e[t + 8]] + s[e[t + 9]] + "-" + s[e[t + 10]] + s[e[t + 11]] + s[e[t + 12]] + s[e[t + 13]] + s[e[t + 14]] + s[e[t + 15]]).toLowerCase();
+}
+//#endregion
+//#region node_modules/uuid/dist/rng.js
+var l = new Uint8Array(16);
+function u() {
+	return crypto.getRandomValues(l);
+}
+//#endregion
+//#region node_modules/uuid/dist/v4.js
+function d(e, t, n) {
+	return !t && !e && crypto.randomUUID ? crypto.randomUUID() : f(e, t, n);
+}
+function f(e, t, n) {
+	e ||= {};
+	let r = e.random ?? e.rng?.() ?? u();
+	if (r.length < 16) throw Error("Random bytes length must be >= 16");
+	if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, t) {
+		if (n ||= 0, n < 0 || n + 16 > t.length) throw RangeError(`UUID byte range ${n}:${n + 15} is out of buffer bounds`);
+		for (let e = 0; e < 16; ++e) t[n + e] = r[e];
+		return t;
+	}
+	return c(r);
+}
+//#endregion
 //#region src/lib/utils.ts
-var a = (e) => e.map((e) => ({
+var p = (e) => e.map((e) => ({
 	field: e.field,
 	headerName: e.headerName
-})), o = [e], s = ({ rows: e, columns: s }) => /* @__PURE__ */ i(t, {
-	modules: o,
-	children: /* @__PURE__ */ i(n, {
-		rowData: r(() => [...e], [e]),
-		columnDefs: r(() => a(s), [s])
-	})
-});
+})), m = [e], h = ({ ref: e, rows: s, columns: c, rowIdField: l }) => {
+	let [u, f] = a(), h = i(() => [...s], [s]), g = i(() => p(c), [c]);
+	return r(e, () => ({
+		addRow: (e) => {
+			let t = {
+				...e,
+				[l]: `--new-row-${d()}`
+			};
+			u?.applyTransaction({ add: [t] });
+		},
+		updateRow: (e, t) => {
+			let n = u?.getRowNode(e)?.data;
+			n && (Object.assign(n, t), u?.applyTransaction({ update: [n] }));
+		},
+		deleteRow: (e) => {
+			let t = u?.getRowNode(e)?.data;
+			t && u?.applyTransaction({ remove: [t] });
+		}
+	}), [u, l]), /* @__PURE__ */ o(t, {
+		modules: m,
+		children: /* @__PURE__ */ o(n, {
+			rowData: h,
+			columnDefs: g,
+			getRowId: ({ data: e }) => String(e[l]),
+			onGridReady: ({ api: e }) => {
+				f(e);
+			}
+		})
+	});
+};
 //#endregion
-export { s as default };
+export { h as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ferde/data-grid",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -26,10 +26,11 @@
     "lint": "eslint .",
     "prettier": "prettier --write .",
     "preview": "vite preview",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "yarn build"
   },
   "dependencies": {
-    "ag-grid-react": "^35.3.1"
+    "ag-grid-react": "^35.3.1",
+    "uuid": "^14.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",