Add test for GridTemplateType and GridDataGet

__tests__/GridLoader.ts

@@ -0,0 +1,55 @@
+import { DataTypes } from "@etsoo/shared";
+import {
+  GridDataGetData,
+  GridTemplateType
+} from "../src/components/GridLoader";
+
+const template = {
+  keyword: "string",
+  deviceId: "number",
+  creationStart: "date",
+  creationEnd: "date"
+} as const satisfies DataTypes.BasicTemplate;
+
+test("Tests for GridTemplateType", () => {
+  const data: GridTemplateType<typeof template> = {
+    keyword: "test",
+    deviceId: 1,
+    creationStart: new Date()
+  };
+
+  expect(data.keyword).toBe("test");
+  expect(data.deviceId).toBe(1);
+});
+
+test("Tests for GridDataGetData with keeping source", () => {
+  const data = {
+    keyword: "test",
+    deviceId: 1,
+    creationStart: "2024/12/06",
+    other: false
+  };
+
+  const result = GridDataGetData(data, template, true);
+
+  expect(result.keyword).toBe("test");
+  expect(result.deviceId).toBe(1);
+  expect(result.creationStart).toBeInstanceOf(Date);
+  expect((result as any).other).toBe(false);
+});
+
+test("Tests for GridDataGetData without keeping source", () => {
+  const data = {
+    keyword: "test",
+    deviceId: 1,
+    creationStart: "2024/12/06",
+    other: false
+  };
+
+  const result = GridDataGetData(data, template, false);
+
+  expect(result.keyword).toBe("test");
+  expect(result.deviceId).toBe(1);
+  expect(result.creationStart).toBeInstanceOf(Date);
+  expect((result as any).other).toBeUndefined();
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.10",
+  "version": "1.8.11",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

src/components/GridLoader.ts

@@ -24,11 +24,11 @@ export type GridData = FormData | DataTypes.StringRecord;
 /**
  * Grid template type
  */
-export type GridTemplateType<o extends object> = DataTypes.BasicTemplateType<{
-  [k in keyof o]: k extends "date"
+export type GridTemplateType<T> = DataTypes.BasicTemplateType<{
+  [k in keyof T]: T[k] extends "date"
     ? "date" | "string"
-    : k extends DataTypes.BasicNames
-    ? DataTypes.BasicNames
+    : T[k] extends DataTypes.BasicNames
+    ? T[k]
     : never;
 }>;
 
@@ -39,16 +39,16 @@ export type GridTemplateType<o extends object> = DataTypes.BasicTemplateType<{
  * @param keepSource Keep source data
  * @returns Json data
  */
-export function GridDataGet(
+export function GridDataGet<const T>(
   props: GridLoadDataProps,
-  template: object = {} satisfies DataTypes.BasicTemplate,
-  keepSource: boolean = true
-): GridJsonData & GridTemplateType<typeof template> {
+  template?: T,
+  keepSource?: boolean
+): GridJsonData & GridTemplateType<T> {
   // Destruct
   const { data, ...rest } = props;
 
   // DomUtils.dataAs(data, template);
-  return { ...GridDataGetData(data, template, keepSource), ...rest };
+  return { ...GridDataGetData<T>(data, template, keepSource), ...rest };
 }
 
 /**
@@ -58,24 +58,24 @@ export function GridDataGet(
  * @param keepSource Keep source data
  * @returns Json data
  */
-export function GridDataGetData(
+export function GridDataGetData<const T>(
   data?: GridData,
-  template: object = {} satisfies DataTypes.BasicTemplate,
-  keepSource: boolean = true
-): GridTemplateType<typeof template> {
+  template?: T,
+  keepSource?: boolean
+): GridTemplateType<T> {
   // Clear form empty value
   if (data instanceof FormData) {
     DomUtils.clearFormData(data);
   }
 
   // Conditions
   // Set keepSource to true to hold form data, even they are invisible from the conditions
-  const conditions: GridTemplateType<typeof template> =
+  const conditions =
     data == null
       ? {}
       : DomUtils.dataAs(data, template as DataTypes.BasicTemplate, keepSource);
 
-  return conditions;
+  return conditions as any;
 }
 
 /**