sveltacular 0.0.69 → 0.0.70

package/dist/tables/data-grid.svelte

@@ -28,12 +28,16 @@ const getColType = (col) => {
     return col.type;
   if (!rows?.length)
     return "string";
-  return typeof rows[0][col.key];
+  const firstRow = rows[0];
+  if (!firstRow)
+    return "undefined";
+  if (col.key in firstRow)
+    return typeof firstRow[col.key];
 };
 const format = (row, key) => {
   const col = cols.find((col2) => col2.key === key);
   if (!col)
-    return row[key];
+    return key in row ? String(row[key]) : "";
   if ((row[key] === null || row[key] === void 0) && col.nullText)
     return col.nullText;
   if (String(row[key]).trim() === "" && col.emptyText)
@@ -44,7 +48,7 @@ const format = (row, key) => {
     return formatDateTime(String(row[key])).substring(0, 10);
   if (col.type === "date-time")
     return formatDateTime(String(row[key]));
-  return row[key];
+  return String(row[key]);
 };
 const calculateTotalPages = () => {
   if (!pagination || !rows)

package/dist/tables/data-grid.svelte.d.ts

@@ -1,19 +1,19 @@
 import { SvelteComponent } from "svelte";
-import type { DataCol, DataRow, PaginationProperties } from '../types/data.js';
+import type { DataCol, JsonObject, PaginationProperties } from '../types/data.js';
 declare const __propDef: {
     props: {
         captionSide?: "top" | "bottom" | undefined;
         captionAlign?: "center" | "left" | "right" | undefined;
-        rows?: DataRow[] | undefined;
+        rows?: JsonObject[] | undefined;
         cols: DataCol[];
         pagination?: PaginationProperties | undefined;
         actions?: {
             text: string;
-            onClick: (row: DataRow) => unknown;
+            onClick: (row: JsonObject) => unknown;
         }[] | undefined;
         /**
              * Handle page change, which should return the new filtered/fetched rows.
-             */ onPageChange?: ((pagination: PaginationProperties) => Promise<DataRow[]>) | null | undefined;
+             */ onPageChange?: ((pagination: PaginationProperties) => Promise<JsonObject[]>) | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/types/data.d.ts

@@ -1,12 +1,17 @@
-export type DataRow = Record<string, unknown>;
-export type DataCol<T extends DataRow = DataRow> = {
+export type JsonValue = string | number | boolean | null | {
+    [key: string]: JsonValue;
+} | JsonValue[];
+export type JsonObject = {
+    [key: string]: JsonValue;
+};
+export type DataCol = {
     key: string;
     label: string;
     type?: string;
     nullText?: string;
     emptyText?: string;
-    format?: (row: T, key: keyof T) => string;
-    link?: (row: T, key: keyof T) => string;
+    format?: (row: JsonObject, key: string) => string;
+    link?: (row: JsonObject, key: string) => string;
     hide?: boolean;
     width?: number | string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltacular",
-	"version": "0.0.69",
+	"version": "0.0.70",
 	"description": "A Svelte component library",
 	"main": "dist/index.js",
 	"module": "dist/index.js",