@jskit-ai/users-web 0.1.59 → 0.1.61

package/test/useCrudListFilterLookups.test.js

@@ -0,0 +1,114 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+import {
+  resolveLookupSelectedValues,
+  createLookupOptionsFromItems,
+  mergeSelectedLookupOptions,
+  resolveLookupOptionLabel
+} from "../src/client/composables/internal/crudListFilterLookupSupport.js";
+
+const supplierFilter = Object.freeze({
+  key: "supplierContactId",
+  type: "recordIdMany",
+  label: "Supplier",
+  lookup: Object.freeze({
+    apiSuffix: "/contacts",
+    valueKey: "id",
+    labelKey: "name"
+  })
+});
+
+test("lookup filter support normalizes selected record ids for single and many filters", () => {
+  assert.deepEqual(
+    resolveLookupSelectedValues(supplierFilter, ["7", "4", "7", ""]),
+    ["7", "4"]
+  );
+
+  assert.deepEqual(
+    resolveLookupSelectedValues(
+      {
+        ...supplierFilter,
+        type: "recordId"
+      },
+      12
+    ),
+    ["12"]
+  );
+});
+
+test("lookup filter support builds option labels from custom resolvers and fallback lookup labels", () => {
+  const options = createLookupOptionsFromItems(
+    [
+      {
+        id: 7,
+        firstName: "Pollen",
+        lastName: "Partners"
+      },
+      {
+        id: 4,
+        name: "Harbor Storage"
+      }
+    ],
+    supplierFilter,
+    (item = {}) => {
+      if (item.id === 7) {
+        return `${item.firstName} ${item.lastName}`;
+      }
+
+      return "";
+    }
+  );
+
+  assert.deepEqual(options, [
+    {
+      value: "7",
+      label: "Pollen Partners",
+      record: {
+        id: 7,
+        firstName: "Pollen",
+        lastName: "Partners"
+      }
+    },
+    {
+      value: "4",
+      label: "Harbor Storage",
+      record: {
+        id: 4,
+        name: "Harbor Storage"
+      }
+    }
+  ]);
+});
+
+test("lookup filter support merges cached selected labels and resolves fallback labels", () => {
+  const currentOptions = [
+    {
+      value: "7",
+      label: "Pollen Partners",
+      record: {
+        id: 7,
+        name: "Pollen Partners"
+      }
+    }
+  ];
+  const cachedOptions = new Map([
+    ["12", {
+      value: "12",
+      label: "North Shed",
+      record: {
+        id: 12,
+        name: "North Shed"
+      }
+    }]
+  ]);
+
+  const mergedOptions = mergeSelectedLookupOptions(
+    currentOptions,
+    ["12", "7"],
+    cachedOptions
+  );
+
+  assert.deepEqual(mergedOptions.map((option) => option.value), ["12", "7"]);
+  assert.equal(resolveLookupOptionLabel(mergedOptions, cachedOptions, "12", "Storage"), "North Shed");
+  assert.equal(resolveLookupOptionLabel(mergedOptions, cachedOptions, "55", "Storage"), "Storage 55");
+});

package/test/useCrudListFilters.test.js

@@ -0,0 +1,182 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+
+test("useCrudListFilters manages values, query params, chips, and presets", async () => {
+  const { useCrudListFilters } = await import("@jskit-ai/users-web/client/composables/useCrudListFilters");
+
+  const filters = useCrudListFilters(
+    {
+      onlyStaff: {
+        type: "flag",
+        label: "Staff"
+      },
+      status: {
+        type: "enumMany",
+        label: "Status",
+        options: [
+          { value: "active", label: "Active" },
+          { value: "archived", label: "Archived" }
+        ]
+      },
+      supplierContactId: {
+        type: "recordIdMany",
+        label: "Supplier"
+      },
+      arrivalDate: {
+        type: "dateRange",
+        label: "Arrival Date"
+      }
+    },
+    {
+      labelResolvers: {
+        supplierContactId(value) {
+          return value === "7" ? "Pollen Partners" : "";
+        }
+      },
+      presets: [
+        {
+          key: "needs-staff-review",
+          label: "Needs Staff Review",
+          values: {
+            onlyStaff: true,
+            status: ["archived"]
+          }
+        }
+      ]
+    }
+  );
+
+  filters.values.onlyStaff = true;
+  filters.values.status = ["active"];
+  filters.values.supplierContactId = ["7"];
+  filters.values.arrivalDate.from = "2026-04-01";
+
+  assert.equal(filters.queryParams.onlyStaff.value, true);
+  assert.deepEqual(filters.queryParams.status.value, ["active"]);
+  assert.equal(filters.queryParams.arrivalDateFrom.value, "2026-04-01");
+  assert.equal(filters.hasActiveFilters.value, true);
+  assert.deepEqual(
+    filters.activeChips.value.map((chip) => chip.label),
+    [
+      "Staff",
+      "Status: Active",
+      "Supplier: Pollen Partners",
+      "Arrival Date: from 2026-04-01"
+    ]
+  );
+
+  filters.clearChip(filters.activeChips.value.find((chip) => chip.filterKey === "supplierContactId"));
+  assert.deepEqual(filters.values.supplierContactId, []);
+
+  filters.applyPreset("needs-staff-review");
+  assert.equal(filters.values.onlyStaff, true);
+  assert.deepEqual(filters.values.status, ["archived"]);
+  assert.equal(filters.values.arrivalDate.from, "");
+
+  filters.clearFilters();
+  assert.equal(filters.values.onlyStaff, false);
+  assert.deepEqual(filters.values.status, []);
+  assert.equal(filters.hasActiveFilters.value, false);
+});
+
+test("useCrudListFilters supports dynamic presets and preset matching", async () => {
+  const { useCrudListFilters } = await import("@jskit-ai/users-web/client/composables/useCrudListFilters");
+  let today = "2026-04-18";
+
+  const filters = useCrudListFilters(
+    {
+      status: {
+        type: "enumMany",
+        label: "Status",
+        options: [
+          { value: "active", label: "Active" },
+          { value: "archived", label: "Archived" }
+        ]
+      },
+      arrivalDate: {
+        type: "dateRange",
+        label: "Arrival Date"
+      }
+    },
+    {
+      presets: [
+        {
+          key: "today",
+          label: "Today",
+          resolveValues() {
+            return {
+              arrivalDate: {
+                from: today,
+                to: today
+              }
+            };
+          }
+        },
+        {
+          key: "all-dates",
+          label: "All Dates",
+          values: {
+            arrivalDate: {
+              from: "",
+              to: ""
+            }
+          }
+        }
+      ]
+    }
+  );
+
+  filters.values.status = ["archived"];
+  filters.applyPreset("today", { mode: "merge" });
+
+  assert.equal(filters.values.arrivalDate.from, "2026-04-18");
+  assert.equal(filters.values.arrivalDate.to, "2026-04-18");
+  assert.deepEqual(filters.values.status, ["archived"]);
+  assert.equal(filters.matchesPreset("today"), true);
+  assert.equal(filters.matchesPreset("all-dates"), false);
+
+  today = "2026-04-19";
+  assert.equal(filters.matchesPreset("today"), false);
+
+  filters.applyPreset("all-dates", { mode: "merge" });
+  assert.equal(filters.values.arrivalDate.from, "");
+  assert.equal(filters.values.arrivalDate.to, "");
+  assert.deepEqual(filters.values.status, ["archived"]);
+  assert.equal(filters.matchesPreset("all-dates"), true);
+});
+
+test("useCrudListFilters preset matching rejects extra enumMany values present in current state", async () => {
+  const { useCrudListFilters } = await import("@jskit-ai/users-web/client/composables/useCrudListFilters");
+
+  const filters = useCrudListFilters(
+    {
+      status: {
+        type: "enumMany",
+        label: "Status",
+        options: [
+          { value: "active", label: "Active" },
+          { value: "archived", label: "Archived" }
+        ]
+      }
+    },
+    {
+      presets: [
+        {
+          key: "archived-only",
+          label: "Archived Only",
+          values: {
+            status: ["archived"]
+          }
+        }
+      ]
+    }
+  );
+
+  filters.values.status = ["archived", "bogus"];
+
+  assert.equal(filters.matchesPreset("archived-only"), false);
+  assert.deepEqual(
+    filters.activeChips.value.map((chip) => chip.label),
+    ["Status: Archived", "Status: bogus"]
+  );
+});