@teselagen/ui 0.8.6-beta.2 → 0.8.6-beta.21

package/src/DataTable/utils/filterLocalEntitiesToHasura.test.js

@@ -57,6 +57,14 @@ describe("filterLocalEntitiesToHasura", () => {
     expect(result.entitiesAcrossPages).toEqual([records[0]]);
     expect(result.entityCount).toBe(1);
   });
+  it("should filter num fields by _eq", () => {
+    const result = filterLocalEntitiesToHasura(records, {
+      where: { age: { _eq: 30 } }
+    });
+    expect(result.entities).toEqual([records[0]]);
+    expect(result.entitiesAcrossPages).toEqual([records[0]]);
+    expect(result.entityCount).toBe(1);
+  });
 
   it("should filter by _neq", () => {
     const result = filterLocalEntitiesToHasura(records, {
@@ -379,47 +387,565 @@ describe("filterLocalEntitiesToHasura", () => {
     ]);
     expect(result.entityCount).toBe(3);
   });
-  it("should order by age ascending", () => {
-    const result = filterLocalEntitiesToHasura(records, {
-      order_by: { age: "asc" }
-    });
+  it("should order by age ascending and put null vals last by default", () => {
+    const result = filterLocalEntitiesToHasura(
+      [{ id: 111, name: "Null Age", age: null, city: "Unknown" }, ...records],
+      {
+        order_by: { path: "age", direction: "asc" }
+      }
+    );
     expect(result.entities).toEqual([
       records[3],
       records[1],
       records[0],
-      records[2]
+      records[2],
+      { id: 111, name: "Null Age", age: null, city: "Unknown" }
     ]);
     expect(result.entitiesAcrossPages).toEqual([
       records[3],
       records[1],
       records[0],
-      records[2]
+      records[2],
+      { id: 111, name: "Null Age", age: null, city: "Unknown" }
     ]);
-    expect(result.entityCount).toBe(4);
+    expect(result.entityCount).toBe(5);
   });
-
-  it("should order by age descending", () => {
-    const result = filterLocalEntitiesToHasura(records, {
-      order_by: { age: "desc" }
+  it("should not reorder ents if ordering on something that doesn't exist for any of them ", () => {
+    const ents = [
+      {
+        name: "Tom88",
+        id: "3JKXdPA4KiEqSqMswYXBE",
+        type: "fail",
+        howMany: "fail",
+        isProtein: true,
+        weather: "WAY TOO HOT"
+      },
+      {
+        name: "Tom89 a",
+        id: "18zbauHCMxFlkbGfGmRBn",
+        type: "too old",
+        howMany: "15",
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom90 a",
+        id: "Nj1AFBQ-GWZ7TEvhUOsFj",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom91 a",
+        id: "X0a4uOF8vwofrciUfQ8Zn",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom92 a",
+        id: "rbeGUYOa6u8tsQgK2MQKv",
+        type: "new",
+        howMany: 5,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom93",
+        id: "Hq_SOIylSuFnQDyXZtojT",
+        type: "old",
+        howMany: 5,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Tom94 a",
+        id: "XOd1GtMqr1y-dzKknfxFc",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom95 a",
+        id: "Bw1rASgu9XLFC7DzTFw9K",
+        type: "old",
+        howMany: 5,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Tom96 a",
+        id: "j8pHKMzXi1n9Ce7roXP5f",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom97 a",
+        id: "pLhv2XoDSy7tmmJI61f4-",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom98",
+        id: "I0WqsADFT9QxZVzEDrki0",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom99 a",
+        id: "oTLzlqWtuYbcicyUn3LFl",
+        type: "new",
+        howMany: 2,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Tom100 a",
+        id: "M4piV2ZfizeWmf6ZKNr_4",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom101 a",
+        id: "E1Yr5zaY41PrmAs2uC-be",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom102 a",
+        id: "usnFso9ObH8RZpDmOyOv4",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Tom103",
+        id: "_BRQ-t0CDnlSYU3ZJ73Ca",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Tom104 a",
+        id: "-wnRraVlIkY4RoaV5foeA",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Tom105 a",
+        id: "iY3jceZSdV6OrMytaKWS2",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom106 a",
+        id: "ZrZ0Vo9qm5cu9Zf6sHZsd",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Tom107 a",
+        id: "wvmW-7Wy_WtCAAOK6mnwr",
+        type: "new",
+        howMany: 5,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Nancy108",
+        id: "c-ht1uCS44JFSHekDvbRj",
+        type: "new",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Nancy109",
+        id: "Oi3cFzKPebr7ZzYJu68w3",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Nancy110",
+        id: "0z2Z29YBISe41V7DL1JYJ",
+        type: "too old",
+        howMany: 2,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Nancy111",
+        id: "kaHP6YFgq4rNVsRpjkH5D",
+        type: "new",
+        howMany: 2,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Nancy112",
+        id: "C-XhKDnDXmdbJ-JXnj-yn",
+        type: "old",
+        howMany: 5,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Agnes Byrd",
+        id: "21Jd9-PxHBoHIXJ1j-Ei0",
+        type: "new",
+        howMany: 2,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Christopher Parks",
+        id: "jzP3oWirGfd4_c5KH2VmJ",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Emily Hicks",
+        id: "rV4rRcgFKOn3AhIvNgs8R",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Amanda Quinn",
+        id: "m29qs7y5yrlF2t_byAjRn",
+        type: "old",
+        howMany: 5,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Ola Roberts",
+        id: "DqjIk7lzU6_8cw3EAkQMN",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Theresa Rogers",
+        id: "XsUemLHKc5RpMmYiV3UeT",
+        type: "new",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Sylvia Jackson",
+        id: "t7RhaB3SRKqkKSwAkMjwo",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Eugene Crawford",
+        id: "gogZgycHEYGE8pQzFfKpn",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Josie Rodgers",
+        id: "P4gDKi3su3kBT2X8Nsoj5",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Dale Nelson",
+        id: "cxNmge4Mr3emklYh-mYKO",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Vera Tran",
+        id: "BsNyrA-qstXd66wS-Z0hC",
+        type: "new",
+        howMany: 5,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Blake Tate",
+        id: "pAgunZo2FNcc_zHGxCs-1",
+        type: "old",
+        howMany: 2,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Amy Harrison",
+        id: "xn21FFjVyMD00qUMmHQ-k",
+        type: "new",
+        howMany: 40,
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Raymond Swanson",
+        id: "lhBo3hBJYQKnhs7BIHaW0",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Kevin Tate",
+        id: "kgCPxens2N-AqSE41_CdM",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Lenora Garrett",
+        id: "QsaiEKpRNErq_ZjFkedc2",
+        type: "old",
+        howMany: 5,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Erik Spencer",
+        id: "fDzD7BVxS0W1F2e4AUmGm",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Mildred Mann",
+        id: "n3Vis7omDyOrAVeHToRt1",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "HOT"
+      },
+      {
+        name: "Glen Wilkerson",
+        id: "cPK9vv-JfHBmNUwn8wUZI",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Ida Alvarado",
+        id: "EkqcC3Lxn5O4EnebszsOu",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Hilda Miller",
+        id: "PVbWALmDv9bqr6kmsMP6g",
+        type: "new",
+        howMany: 5,
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Ella Douglas",
+        id: "HjMy4vzzloDP9zl2EtjYv",
+        type: "old",
+        howMany: "3",
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Leonard McKenzie",
+        id: "ZX8GMPeZMlN6_dfANi-NN",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "rainy"
+      },
+      {
+        name: "Lora Love",
+        id: "EydnrigpkrEERB5cygoWx",
+        type: "new",
+        howMany: "3",
+        isProtein: true,
+        weather: "cloudy"
+      },
+      {
+        name: "Charlotte Ford",
+        id: "1lM9fZSEWpFl6PiNf4XkJ",
+        type: "old",
+        howMany: 40,
+        isProtein: true,
+        weather: "cloudy"
+      }
+    ];
+    const result = filterLocalEntitiesToHasura([...ents], {
+      order_by: { path: "updatedAt", direction: "desc" }
     });
+    expect(result.entities).toEqual(ents);
+  });
+  it("should order by age desc and put null/undefined vals last by default", () => {
+    const result = filterLocalEntitiesToHasura(
+      [
+        { id: 111, name: "Null Age", age: null, city: "Unknown" },
+        { id: 1121, name: "Undefined Age", age: undefined, city: "Unknown" },
+        ...records
+      ],
+      {
+        order_by: { path: "age", direction: "desc" }
+      }
+    );
     expect(result.entities).toEqual([
       records[2],
       records[0],
       records[1],
-      records[3]
+      records[3],
+      { id: 111, name: "Null Age", age: null, city: "Unknown" },
+      { id: 1121, name: "Undefined Age", age: undefined, city: "Unknown" }
     ]);
-    expect(result.entitiesAcrossPages).toEqual([
+    expect(result.entityCount).toBe(6);
+  });
+
+  it("should order by updatedAt descending, putting null/undefined vals last ", () => {
+    const result = filterLocalEntitiesToHasura(
+      [
+        {
+          name: "-10_signal",
+          color: "#4ECDC4",
+          isGenbankStandardType: true,
+          __typename: "featureTypeOverride"
+        },
+        {
+          name: "-35_signal",
+          color: "#F7FFF7",
+          isGenbankStandardType: true,
+          __typename: "featureTypeOverride"
+        },
+        {
+          name: "3'clip",
+          color: "#FF6B6B",
+          isGenbankStandardType: true,
+          __typename: "featureTypeOverride"
+        },
+        {
+          name: "3'UTR",
+          color: "#FFE66D",
+          isGenbankStandardType: true,
+          __typename: "featureTypeOverride"
+        },
+
+        {
+          __typename: "featureTypeOverride",
+          id: "33a90fcb-fc26-406f-a6d5-41ac4ba8ea64",
+          name: "lalala",
+          description: null,
+          color: "#81bb41",
+          genbankEquivalentType: null,
+          updatedAt: "2025-06-03T01:02:24.737499+00:00",
+          isHidden: false,
+          isCustomType: true
+        }
+      ],
+      {
+        order_by: [{ path: "updatedAt", direction: "desc", type: "timestamp" }]
+      }
+    );
+    expect(result.entities).toEqual([
+      {
+        __typename: "featureTypeOverride",
+        id: "33a90fcb-fc26-406f-a6d5-41ac4ba8ea64",
+        name: "lalala",
+        description: null,
+        color: "#81bb41",
+        genbankEquivalentType: null,
+        updatedAt: "2025-06-03T01:02:24.737499+00:00",
+        isHidden: false,
+        isCustomType: true
+      },
+      {
+        name: "-10_signal",
+        color: "#4ECDC4",
+        isGenbankStandardType: true,
+        __typename: "featureTypeOverride"
+      },
+      {
+        name: "-35_signal",
+        color: "#F7FFF7",
+        isGenbankStandardType: true,
+        __typename: "featureTypeOverride"
+      },
+      {
+        name: "3'clip",
+        color: "#FF6B6B",
+        isGenbankStandardType: true,
+        __typename: "featureTypeOverride"
+      },
+      {
+        name: "3'UTR",
+        color: "#FFE66D",
+        isGenbankStandardType: true,
+        __typename: "featureTypeOverride"
+      }
+    ]);
+  });
+  it("should order by age descending, putting null/undefined vals last ", () => {
+    const result = filterLocalEntitiesToHasura(
+      [
+        { id: 111, name: "Null Age", age: null, city: "Unknown" },
+        { id: 1121, name: "Undefined Age", age: undefined, city: "Unknown" },
+        ...records
+      ],
+      {
+        order_by: { path: "age", direction: "desc" }
+      }
+    );
+    expect(result.entities).toEqual([
       records[2],
       records[0],
       records[1],
-      records[3]
+      records[3],
+      { id: 111, name: "Null Age", age: null, city: "Unknown" },
+      { id: 1121, name: "Undefined Age", age: undefined, city: "Unknown" }
     ]);
-    expect(result.entityCount).toBe(4);
   });
 
   it("should order by name ascending", () => {
     const result = filterLocalEntitiesToHasura(records, {
-      order_by: { name: "asc" }
+      order_by: { path: "name", direction: "asc" }
     });
     expect(result.entities).toEqual([
       records[2],
@@ -438,7 +964,7 @@ describe("filterLocalEntitiesToHasura", () => {
 
   it("should order by name descending", () => {
     const result = filterLocalEntitiesToHasura(records, {
-      order_by: { name: "desc" }
+      order_by: { path: "name", direction: "desc" }
     });
     expect(result.entities).toEqual([
       records[0],
@@ -458,7 +984,7 @@ describe("filterLocalEntitiesToHasura", () => {
   it("should filter and order", () => {
     const result = filterLocalEntitiesToHasura(records, {
       where: { city: { _eq: "London" } },
-      order_by: { age: "desc" }
+      order_by: { path: "age", direction: "desc" }
     });
     expect(result.entities).toEqual([records[2], records[0]]);
     expect(result.entitiesAcrossPages).toEqual([records[2], records[0]]);
@@ -476,7 +1002,7 @@ describe("filterLocalEntitiesToHasura", () => {
 
   it("should handle order_by with empty where", () => {
     const result = filterLocalEntitiesToHasura(records, {
-      order_by: { age: "asc" }
+      order_by: { path: "age", direction: "asc" }
     });
     expect(result.entities).toEqual([
       records[3],
@@ -536,11 +1062,50 @@ describe("filterLocalEntitiesToHasura", () => {
     expect(result.entitiesAcrossPages).toEqual([records[0], records[2]]);
     expect(result.entityCount).toBe(2);
   });
-
+  it("should order order well names properly, aka names a1, a11, a2, a3 should be sorted a1, a2, a3, a11", () => {
+    const recordsWithNames = [
+      { id: 1, name: "a1" },
+      { id: 2, name: "a11" },
+      { id: 3, name: "a2" },
+      { id: 4, name: "a3" }
+    ];
+    const result = filterLocalEntitiesToHasura(recordsWithNames, {
+      order_by: { path: "name", direction: "asc" }
+    });
+    expect(result.entities).toEqual([
+      recordsWithNames[0], // a1
+      recordsWithNames[2], // a2
+      recordsWithNames[3], // a3
+      recordsWithNames[1] // a11
+    ]);
+    expect(result.entityCount).toBe(4);
+  });
+  it("should order by multiple fields (age asc, name desc)", () => {
+    // Make two of the ages the same for testing secondary sort
+    const modifiedRecords = [
+      records[1], // Jane Smith, age 25
+      { ...records[0], age: 25 }, // John Doe, age 25
+      records[2], // Alice Johnson, age 35
+      records[3] // Bob Williams, age 20
+    ];
+    const result = filterLocalEntitiesToHasura(modifiedRecords, {
+      order_by: [
+        { path: "age", direction: "asc" },
+        { path: "name", direction: "desc" }
+      ]
+    });
+    expect(result.entities).toEqual([
+      modifiedRecords[3], // age 20, name "Bob Williams"
+      modifiedRecords[1], // age 25, name "John Doe" (name desc)
+      modifiedRecords[0], // age 25, name "Jane Smith"
+      modifiedRecords[2] // age 35, name "Alice Johnson"
+    ]);
+    expect(result.entityCount).toBe(4);
+  });
   it("should apply limit and offset to filtered and ordered results", () => {
     const result = filterLocalEntitiesToHasura(records, {
       where: { city: { _eq: "London" } },
-      order_by: { age: "desc" },
+      order_by: { path: "age", direction: "desc" },
       limit: 1,
       offset: 1
     });
@@ -584,4 +1149,137 @@ describe("filterLocalEntitiesToHasura", () => {
     expect(result.entitiesAcrossPages).toEqual([records[0], records[2]]);
     expect(result.entityCount).toBe(2);
   });
+  it("should order using custom sortFn", () => {
+    // Create a custom sort function that sorts by the length of the name
+    const sortByNameLength = record => record.name.length;
+
+    const result = filterLocalEntitiesToHasura(records, {
+      order_by: { sortFn: sortByNameLength, direction: "asc" }
+    });
+
+    // Expected order: "Bob Williams" (12), "John Doe" (8), "Jane Smith" (10), "Alice Johnson" (13)
+    expect(result.entities).toEqual([
+      records[0], // John Doe (8 chars)
+      records[1], // Jane Smith (10 chars)
+      records[3], // Bob Williams (12 chars)
+      records[2] // Alice Johnson (13 chars)
+    ]);
+    expect(result.entityCount).toBe(4);
+  });
+
+  it("should order using multiple custom sortFn functions", () => {
+    // Sort first by whether the user is active, then by name length
+    const sortByActive = record => (record.is_active ? 1 : 0);
+    const sortByNameLength = record => record.name.length;
+
+    const result = filterLocalEntitiesToHasura(records, {
+      order_by: { sortFn: [sortByActive, sortByNameLength], direction: "desc" }
+    });
+
+    // First active users (John, Alice) sorted by name length DESC
+    // Then inactive users (Jane, Bob) sorted by name length DESC
+    expect(result.entities).toEqual([
+      records[2], // Alice Johnson (active, 13 chars)
+      records[0], // John Doe (active, 8 chars)
+      records[3], // Bob Williams (inactive, 12 chars)
+      records[1] // Jane Smith (inactive, 10 chars)
+    ]);
+    expect(result.entityCount).toBe(4);
+  });
+
+  it("should handle custom sortFn with null values", () => {
+    // Create test records with some null values
+    const recordsWithNulls = [
+      { id: 1, value: 10, name: "Item 1" },
+      { id: 2, value: null, name: "Item 2" },
+      { id: 3, value: 30, name: "Item 3" },
+      { id: 4, value: 20, name: "Item 4" },
+      { id: 5, value: null, name: "Item 5" }
+    ];
+
+    // Sort function that handles null values
+    const sortByValue = record => {
+      return record.value === null ? -Infinity : record.value;
+    };
+
+    const result = filterLocalEntitiesToHasura(recordsWithNulls, {
+      order_by: { sortFn: sortByValue, direction: "desc" }
+    });
+
+    // Nulls should appear at the end when sorting in descending order
+    expect(result.entities).toEqual([
+      recordsWithNulls[2], // value: 30
+      recordsWithNulls[3], // value: 20
+      recordsWithNulls[0], // value: 10
+      recordsWithNulls[1], // value: null
+      recordsWithNulls[4] // value: null
+    ]);
+    expect(result.entityCount).toBe(5);
+  });
+  it("should order using array of string paths in sortFn", () => {
+    // Records with rowPosition and columnPosition properties
+    const gridRecords = [
+      { id: 1, name: "Item A", rowPosition: 2, columnPosition: 3 },
+      { id: 2, name: "Item B", rowPosition: 1, columnPosition: 2 },
+      { id: 3, name: "Item C", rowPosition: 1, columnPosition: 1 },
+      { id: 4, name: "Item D", rowPosition: 2, columnPosition: 1 },
+      { id: 5, name: "Item E", rowPosition: 0, columnPosition: 0 }
+    ];
+
+    const result = filterLocalEntitiesToHasura(gridRecords, {
+      order_by: [
+        { path: "rowPosition", direction: "asc" },
+        { path: "columnPosition", direction: "asc" }
+      ]
+    });
+
+    // Should sort first by rowPosition ascending, then by columnPosition ascending
+    expect(result.entities).toEqual([
+      gridRecords[4], // rowPos: 0, colPos: 0
+      gridRecords[2], // rowPos: 1, colPos: 1
+      gridRecords[1], // rowPos: 1, colPos: 2
+      gridRecords[3], // rowPos: 2, colPos: 1
+      gridRecords[0]  // rowPos: 2, colPos: 3
+    ]);
+    expect(result.entitiesAcrossPages).toEqual([
+      gridRecords[4], 
+      gridRecords[2], 
+      gridRecords[1], 
+      gridRecords[3], 
+      gridRecords[0]
+    ]);
+    expect(result.entityCount).toBe(5);
+  });
+  it("should handle nulls and missing properties with array of string paths in sortFn", () => {
+    // Records with some missing or null rowPosition and columnPosition properties
+    const gridRecords = [
+      { id: 1, name: "Item A", rowPosition: 2, columnPosition: 3 },
+      { id: 2, name: "Item B", rowPosition: null, columnPosition: 2 },
+      { id: 3, name: "Item C", rowPosition: 1, columnPosition: null },
+      { id: 4, name: "Item D" }, // Missing both properties
+      { id: 5, name: "Item E", rowPosition: 0, columnPosition: 0 }
+    ];
+
+    const result = filterLocalEntitiesToHasura(gridRecords, {
+      order_by: { sortFn: ["rowPosition", "columnPosition"], direction: "asc" }
+    });
+
+    // Should sort first by rowPosition ascending, then by columnPosition ascending
+    // Null or undefined values should be placed at the end
+    expect(result.entities).toEqual([
+      gridRecords[4], // rowPos: 0, colPos: 0
+      gridRecords[2], // rowPos: 1, colPos: null
+      gridRecords[0], // rowPos: 2, colPos: 3
+      gridRecords[1], // rowPos: null, colPos: 2
+      gridRecords[3]  // rowPos: undefined, colPos: undefined
+    ]);
+    expect(result.entitiesAcrossPages).toEqual([
+      gridRecords[4],
+      gridRecords[2],
+      gridRecords[0],
+      gridRecords[1],
+      gridRecords[3]
+    ]);
+    expect(result.entityCount).toBe(5);
+  });
 });