@kahitsan/ksui 0.17.1 → 0.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kahitsan/ksui",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "description": "ksui is a standalone set of SolidJS UI components for KahitSan/Hilinga and any SolidJS app. Published to the public npm registry and consumed as a normal dependency. Ships source under a `solid` export condition so the consumer's vite-plugin-solid compiles it with only solid-js externalized; it depends on nothing but solid-js + lucide-solid and injects its own CSS.",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/base/DataTable.test.tsx

@@ -48,4 +48,14 @@ describe("DataTable (client-side mode)", () => {
     ));
     expect(screen.getByPlaceholderText("Filter...")).toBeTruthy();
   });
+
+  it("respects pageLength: only that many rows render on page 1 (client-side)", () => {
+    render(() => (
+      <DataTable columns={COLUMNS} data={DATA} paging={true} pageLength={2} />
+    ));
+    // page size 2 over 3 rows → page 1 shows the first two, the third is on page 2.
+    expect(screen.getByText("Alpha")).toBeTruthy();
+    expect(screen.getByText("Beta")).toBeTruthy();
+    expect(screen.queryByText("Gamma")).toBeNull();
+  });
 });

package/src/components/composite/resource/ResourcePage.tsx

@@ -294,6 +294,8 @@ export function ResourcePage<T extends ResourceRow>(
           searching={true}
           ordering={true}
           paging={true}
+          pageLength={spec.pageLength}
+          lengthMenu={spec.lengthMenu ? [...spec.lengthMenu] : undefined}
           searchPlaceholder={spec.labels.searchPlaceholder}
           emptyMessage={spec.labels.empty}
           noResultsMessage={spec.labels.noResults}

package/src/components/composite/resource/spec.ts

@@ -156,6 +156,13 @@ export interface ResourceUiSpec {
   };
   /** data-testid prefix (e.g. "things" → things-add-btn, things-row-3). */
   readonly testIdPrefix: string;
+  /** Initial rows-per-page for the list (DataTable `pageLength`). When omitted,
+   * DataTable's own default (10) applies. A host can lower a resolved user/workspace
+   * preference in here (the platform's route-settings `pageSize`). */
+  readonly pageLength?: number;
+  /** The rows-per-page options offered in the list's page-size menu (DataTable
+   * `lengthMenu`). When omitted, DataTable's default ([10, 25, 50, 100]) applies. */
+  readonly lengthMenu?: readonly number[];
 }
 
 // ---- derived endpoints -----------------------------------------------------