dn-react-router-toolkit 0.8.0 → 0.9.0

package/dist/table/load_table.js

@@ -32,16 +32,27 @@ async function loadTable({
   const searchParams = new URL(request.url).searchParams;
   const { where, searchKey, defaultOrderBy, defaultDirection } = options;
   const query = searchParams.get("query") ?? void 0;
-  const limit = Number(searchParams.get("limit") ?? "20");
+  const limit = Number(searchParams.get("limit") ?? "10");
   const offset = Number(searchParams.get("offset") ?? "0");
   const orderBy = searchParams.get("orderBy") ?? defaultOrderBy;
   const direction = searchParams.get("direction") ?? defaultDirection;
+  const filterWhere = Object.entries(options.filters ?? {}).map(([key, value]) => {
+    const param = searchParams.get(key);
+    if (param) {
+      return (0, import_drizzle_orm.eq)(
+        repository.schema[key],
+        decodeURIComponent(param)
+      );
+    }
+    return void 0;
+  }).filter(Boolean);
   const whereClauses = (0, import_drizzle_orm.and)(
     searchKey && query ? (0, import_drizzle_orm.ilike)(
       repository.schema[searchKey],
       `%${query}%`
     ) : void 0,
-    ...where ?? []
+    ...filterWhere,
+    where
   );
   const total = await repository.countTotal({ where: whereClauses });
   const items = await repository.findAll({
@@ -51,6 +62,14 @@ async function loadTable({
     offset,
     where: whereClauses
   });
+  const filters = Object.fromEntries(
+    await Promise.all(
+      Object.keys(options.filters ?? {}).map(async (key) => {
+        const values = await repository.select(key);
+        return [key, values.filter(Boolean)];
+      })
+    )
+  );
   return {
     items,
     total,
@@ -58,7 +77,8 @@ async function loadTable({
     offset,
     orderBy,
     direction,
-    searchKey
+    searchKey,
+    filters
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/table/load_table.mjs

@@ -1,6 +1,7 @@
 // src/table/load_table.tsx
 import {
   and,
+  eq,
   ilike
 } from "drizzle-orm";
 async function loadTable({
@@ -11,16 +12,27 @@ async function loadTable({
   const searchParams = new URL(request.url).searchParams;
   const { where, searchKey, defaultOrderBy, defaultDirection } = options;
   const query = searchParams.get("query") ?? void 0;
-  const limit = Number(searchParams.get("limit") ?? "20");
+  const limit = Number(searchParams.get("limit") ?? "10");
   const offset = Number(searchParams.get("offset") ?? "0");
   const orderBy = searchParams.get("orderBy") ?? defaultOrderBy;
   const direction = searchParams.get("direction") ?? defaultDirection;
+  const filterWhere = Object.entries(options.filters ?? {}).map(([key, value]) => {
+    const param = searchParams.get(key);
+    if (param) {
+      return eq(
+        repository.schema[key],
+        decodeURIComponent(param)
+      );
+    }
+    return void 0;
+  }).filter(Boolean);
   const whereClauses = and(
     searchKey && query ? ilike(
       repository.schema[searchKey],
       `%${query}%`
     ) : void 0,
-    ...where ?? []
+    ...filterWhere,
+    where
   );
   const total = await repository.countTotal({ where: whereClauses });
   const items = await repository.findAll({
@@ -30,6 +42,14 @@ async function loadTable({
     offset,
     where: whereClauses
   });
+  const filters = Object.fromEntries(
+    await Promise.all(
+      Object.keys(options.filters ?? {}).map(async (key) => {
+        const values = await repository.select(key);
+        return [key, values.filter(Boolean)];
+      })
+    )
+  );
   return {
     items,
     total,
@@ -37,7 +57,8 @@ async function loadTable({
     offset,
     orderBy,
     direction,
-    searchKey
+    searchKey,
+    filters
   };
 }
 export {

package/dist/table/loader.d.mts

@@ -14,6 +14,9 @@ declare function tableLoader<T extends PgTableWithColumns<any>, TSelect>({ repos
         orderBy: keyof T["_"]["columns"] & string;
         direction: "asc" | "desc";
         searchKey: ColumnOf<T> | undefined;
+        filters: {
+            [k: string]: unknown[];
+        };
     };
 }>;
 

package/dist/table/loader.d.ts

@@ -14,6 +14,9 @@ declare function tableLoader<T extends PgTableWithColumns<any>, TSelect>({ repos
         orderBy: keyof T["_"]["columns"] & string;
         direction: "asc" | "desc";
         searchKey: ColumnOf<T> | undefined;
+        filters: {
+            [k: string]: unknown[];
+        };
     };
 }>;
 

package/dist/table/loader.js

@@ -34,16 +34,27 @@ async function loadTable({
   const searchParams = new URL(request.url).searchParams;
   const { where, searchKey, defaultOrderBy, defaultDirection } = options;
   const query = searchParams.get("query") ?? void 0;
-  const limit = Number(searchParams.get("limit") ?? "20");
+  const limit = Number(searchParams.get("limit") ?? "10");
   const offset = Number(searchParams.get("offset") ?? "0");
   const orderBy = searchParams.get("orderBy") ?? defaultOrderBy;
   const direction = searchParams.get("direction") ?? defaultDirection;
+  const filterWhere = Object.entries(options.filters ?? {}).map(([key, value]) => {
+    const param = searchParams.get(key);
+    if (param) {
+      return (0, import_drizzle_orm.eq)(
+        repository.schema[key],
+        decodeURIComponent(param)
+      );
+    }
+    return void 0;
+  }).filter(Boolean);
   const whereClauses = (0, import_drizzle_orm.and)(
     searchKey && query ? (0, import_drizzle_orm.ilike)(
       repository.schema[searchKey],
       `%${query}%`
     ) : void 0,
-    ...where ?? []
+    ...filterWhere,
+    where
   );
   const total = await repository.countTotal({ where: whereClauses });
   const items = await repository.findAll({
@@ -53,6 +64,14 @@ async function loadTable({
     offset,
     where: whereClauses
   });
+  const filters = Object.fromEntries(
+    await Promise.all(
+      Object.keys(options.filters ?? {}).map(async (key) => {
+        const values = await repository.select(key);
+        return [key, values.filter(Boolean)];
+      })
+    )
+  );
   return {
     items,
     total,
@@ -60,7 +79,8 @@ async function loadTable({
     offset,
     orderBy,
     direction,
-    searchKey
+    searchKey,
+    filters
   };
 }
 

package/dist/table/loader.mjs

@@ -1,6 +1,7 @@
 // src/table/load_table.tsx
 import {
   and,
+  eq,
   ilike
 } from "drizzle-orm";
 async function loadTable({
@@ -11,16 +12,27 @@ async function loadTable({
   const searchParams = new URL(request.url).searchParams;
   const { where, searchKey, defaultOrderBy, defaultDirection } = options;
   const query = searchParams.get("query") ?? void 0;
-  const limit = Number(searchParams.get("limit") ?? "20");
+  const limit = Number(searchParams.get("limit") ?? "10");
   const offset = Number(searchParams.get("offset") ?? "0");
   const orderBy = searchParams.get("orderBy") ?? defaultOrderBy;
   const direction = searchParams.get("direction") ?? defaultDirection;
+  const filterWhere = Object.entries(options.filters ?? {}).map(([key, value]) => {
+    const param = searchParams.get(key);
+    if (param) {
+      return eq(
+        repository.schema[key],
+        decodeURIComponent(param)
+      );
+    }
+    return void 0;
+  }).filter(Boolean);
   const whereClauses = and(
     searchKey && query ? ilike(
       repository.schema[searchKey],
       `%${query}%`
     ) : void 0,
-    ...where ?? []
+    ...filterWhere,
+    where
   );
   const total = await repository.countTotal({ where: whereClauses });
   const items = await repository.findAll({
@@ -30,6 +42,14 @@ async function loadTable({
     offset,
     where: whereClauses
   });
+  const filters = Object.fromEntries(
+    await Promise.all(
+      Object.keys(options.filters ?? {}).map(async (key) => {
+        const values = await repository.select(key);
+        return [key, values.filter(Boolean)];
+      })
+    )
+  );
   return {
     items,
     total,
@@ -37,7 +57,8 @@ async function loadTable({
     offset,
     orderBy,
     direction,
-    searchKey
+    searchKey,
+    filters
   };
 }
 

package/dist/table/repository.d.mts

@@ -21,20 +21,22 @@ interface TableRepository<T extends PgTableWithColumns<any>, TSelect = InferSele
     findAll: (options: FindAllOptions<T>) => Promise<TSelect[]>;
     save: (values: InferInsertModel<T>) => Promise<TSelect>;
     delete: (id: string) => Promise<void>;
+    select(key: keyof InferSelectModel<T>): Promise<InferSelectModel<T>[typeof key][]>;
 }
 type SchemaOf<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"]> = TDatabase["_"]["fullSchema"][TSchemaKey];
-declare class BaseTableRepository<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"], TPrimaryKey extends keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> = "id" extends keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> ? "id" : never> implements TableRepository<SchemaOf<TDatabase, TSchemaKey>> {
+declare class BaseTableRepository<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"], TSelect = InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>, TPrimaryKey extends keyof TSelect = "id" extends keyof TSelect ? "id" : never> implements TableRepository<SchemaOf<TDatabase, TSchemaKey>> {
     db: TDatabase;
     schema: SchemaOf<TDatabase, TSchemaKey>;
     pk: TPrimaryKey;
     constructor(db: TDatabase, schema: TSchemaKey, pk?: TPrimaryKey);
-    find(id: string): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> | undefined>;
+    find(id: string): Promise<TSelect | undefined>;
     countTotal({ where }: {
         where?: SQL<unknown>;
     }): Promise<number>;
-    findAll(options: FindAllOptions<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>[]>;
-    save(values: InferInsertModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>>;
+    findAll(options: FindAllOptions<SchemaOf<TDatabase, TSchemaKey>>): Promise<TSelect[]>;
+    save(values: InferInsertModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<TSelect>;
     delete(pk: string): Promise<void>;
+    select(key: keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>[typeof key][]>;
 }
 
 export { BaseTableRepository, type ColumnOf, type FindAllOptions, type InsertModelOf, type SchemaOf, type SelectModelOf, type TableRepository };

package/dist/table/repository.d.ts

@@ -21,20 +21,22 @@ interface TableRepository<T extends PgTableWithColumns<any>, TSelect = InferSele
     findAll: (options: FindAllOptions<T>) => Promise<TSelect[]>;
     save: (values: InferInsertModel<T>) => Promise<TSelect>;
     delete: (id: string) => Promise<void>;
+    select(key: keyof InferSelectModel<T>): Promise<InferSelectModel<T>[typeof key][]>;
 }
 type SchemaOf<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"]> = TDatabase["_"]["fullSchema"][TSchemaKey];
-declare class BaseTableRepository<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"], TPrimaryKey extends keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> = "id" extends keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> ? "id" : never> implements TableRepository<SchemaOf<TDatabase, TSchemaKey>> {
+declare class BaseTableRepository<TDatabase extends NodePgDatabase<any>, TSchemaKey extends keyof TDatabase["_"]["fullSchema"], TSelect = InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>, TPrimaryKey extends keyof TSelect = "id" extends keyof TSelect ? "id" : never> implements TableRepository<SchemaOf<TDatabase, TSchemaKey>> {
     db: TDatabase;
     schema: SchemaOf<TDatabase, TSchemaKey>;
     pk: TPrimaryKey;
     constructor(db: TDatabase, schema: TSchemaKey, pk?: TPrimaryKey);
-    find(id: string): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>> | undefined>;
+    find(id: string): Promise<TSelect | undefined>;
     countTotal({ where }: {
         where?: SQL<unknown>;
     }): Promise<number>;
-    findAll(options: FindAllOptions<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>[]>;
-    save(values: InferInsertModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>>;
+    findAll(options: FindAllOptions<SchemaOf<TDatabase, TSchemaKey>>): Promise<TSelect[]>;
+    save(values: InferInsertModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<TSelect>;
     delete(pk: string): Promise<void>;
+    select(key: keyof InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>): Promise<InferSelectModel<SchemaOf<TDatabase, TSchemaKey>>[typeof key][]>;
 }
 
 export { BaseTableRepository, type ColumnOf, type FindAllOptions, type InsertModelOf, type SchemaOf, type SelectModelOf, type TableRepository };

package/dist/table/repository.js

@@ -69,6 +69,10 @@ var BaseTableRepository = class {
   async delete(pk) {
     await this.db.delete(this.schema).where((0, import_drizzle_orm.eq)(this.schema[this.pk], pk));
   }
+  async select(key) {
+    const rows = await this.db.select({ value: this.schema[key] }).from(this.schema).groupBy(this.schema[key]);
+    return rows.map((row) => row.value);
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/table/repository.mjs

@@ -50,6 +50,10 @@ var BaseTableRepository = class {
   async delete(pk) {
     await this.db.delete(this.schema).where(eq(this.schema[this.pk], pk));
   }
+  async select(key) {
+    const rows = await this.db.select({ value: this.schema[key] }).from(this.schema).groupBy(this.schema[key]);
+    return rows.map((row) => row.value);
+  }
 };
 export {
   BaseTableRepository

package/dist/table/table.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, DetailedHTMLProps, TableHTMLAttributes, FC } from 'react';
+import { DetailedHTMLProps, TableHTMLAttributes, ReactNode, FC } from 'react';
 
 type TableColumnProps<T> = ReactNode | {
     label: ReactNode;
@@ -22,7 +22,10 @@ type OrderedTableProps<T> = DetailedHTMLProps<TableHTMLAttributes<HTMLTableEleme
     offset?: number;
     orderBy?: string;
     direction?: string;
+    filters?: {
+        [key: string]: unknown[];
+    };
 };
-declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, filters, }: OrderedTableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { type OrderedTableProps, Table, type TableColumnOptions, type TableColumnProps };

package/dist/table/table.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, DetailedHTMLProps, TableHTMLAttributes, FC } from 'react';
+import { DetailedHTMLProps, TableHTMLAttributes, ReactNode, FC } from 'react';
 
 type TableColumnProps<T> = ReactNode | {
     label: ReactNode;
@@ -22,7 +22,10 @@ type OrderedTableProps<T> = DetailedHTMLProps<TableHTMLAttributes<HTMLTableEleme
     offset?: number;
     orderBy?: string;
     direction?: string;
+    filters?: {
+        [key: string]: unknown[];
+    };
 };
-declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, filters, }: OrderedTableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { type OrderedTableProps, Table, type TableColumnOptions, type TableColumnProps };

package/dist/table/table.js

@@ -36,7 +36,8 @@ function Table({
   limit,
   offset,
   orderBy,
-  direction
+  direction,
+  filters
 }) {
   const keys = Object.entries(columns).filter((entry) => entry[1]).map(([key]) => key);
   const sortedArray = [...data];
@@ -61,8 +62,8 @@ function Table({
                 "button",
                 {
                   className: (0, import_utils.cn)(
-                    orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
-                    "px-4 h-14 flex items-center w-full"
+                    orderBy === key ? "text-gray-900 font-medium" : "text-gray-500 font-medium",
+                    "px-4 flex items-center w-full"
                   ),
                   onClick: () => {
                     let newDirection = "asc";
@@ -83,14 +84,45 @@ function Table({
             }
             return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: reactNode });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: (0, import_utils.cn)("border-y font-normal"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Head, {}) }, key);
+          const filter = filters?.[key];
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "th",
+            {
+              className: (0, import_utils.cn)("py-4 border-y font-normal align-top"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Head, {}),
+                filter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-3 mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "select",
+                  {
+                    className: "w-full h-10 px-1.5 border rounded-full outline-none",
+                    onChange: (e) => {
+                      const value2 = e.target.value;
+                      setSearchParams((prev) => {
+                        if (value2) {
+                          prev.set(key, encodeURIComponent(value2));
+                        } else {
+                          prev.delete(key);
+                        }
+                        return prev;
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\uC804\uCCB4" }),
+                      filter.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: option, children: option }, option))
+                    ]
+                  }
+                ) })
+              ]
+            },
+            key
+          );
         }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tbody", { children: [
           sortedArray.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "td",
             {
               colSpan: keys.length,
-              className: "px-4 h-14 text-neutral-400 text-center",
+              className: "px-4 h-20 text-gray-400 text-center",
               children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
             }
           ) }),
@@ -115,7 +147,7 @@ function Table({
                 className: "block content-center px-4 w-full h-full",
                 children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {})
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {});
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 w-full h-full content-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {}) });
             const cell = Mapper ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mapper, { item, index: i2, children: linkedContent }) : linkedContent;
             return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "px-0 h-14 border-b", children: cell }, key);
           }) }, i))

package/dist/table/table.mjs

@@ -12,7 +12,8 @@ function Table({
   limit,
   offset,
   orderBy,
-  direction
+  direction,
+  filters
 }) {
   const keys = Object.entries(columns).filter((entry) => entry[1]).map(([key]) => key);
   const sortedArray = [...data];
@@ -37,8 +38,8 @@ function Table({
                 "button",
                 {
                   className: cn(
-                    orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
-                    "px-4 h-14 flex items-center w-full"
+                    orderBy === key ? "text-gray-900 font-medium" : "text-gray-500 font-medium",
+                    "px-4 flex items-center w-full"
                   ),
                   onClick: () => {
                     let newDirection = "asc";
@@ -59,14 +60,45 @@ function Table({
             }
             return /* @__PURE__ */ jsx(Fragment, { children: reactNode });
           }
-          return /* @__PURE__ */ jsx("th", { className: cn("border-y font-normal"), children: /* @__PURE__ */ jsx(Head, {}) }, key);
+          const filter = filters?.[key];
+          return /* @__PURE__ */ jsxs(
+            "th",
+            {
+              className: cn("py-4 border-y font-normal align-top"),
+              children: [
+                /* @__PURE__ */ jsx(Head, {}),
+                filter && /* @__PURE__ */ jsx("div", { className: "px-3 mt-4", children: /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    className: "w-full h-10 px-1.5 border rounded-full outline-none",
+                    onChange: (e) => {
+                      const value2 = e.target.value;
+                      setSearchParams((prev) => {
+                        if (value2) {
+                          prev.set(key, encodeURIComponent(value2));
+                        } else {
+                          prev.delete(key);
+                        }
+                        return prev;
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "", children: "\uC804\uCCB4" }),
+                      filter.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+                    ]
+                  }
+                ) })
+              ]
+            },
+            key
+          );
         }) }) }),
         /* @__PURE__ */ jsxs("tbody", { children: [
           sortedArray.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
             "td",
             {
               colSpan: keys.length,
-              className: "px-4 h-14 text-neutral-400 text-center",
+              className: "px-4 h-20 text-gray-400 text-center",
               children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
             }
           ) }),
@@ -91,7 +123,7 @@ function Table({
                 className: "block content-center px-4 w-full h-full",
                 children: /* @__PURE__ */ jsx(Content, {})
               }
-            ) : /* @__PURE__ */ jsx(Content, {});
+            ) : /* @__PURE__ */ jsx("div", { className: "px-4 w-full h-full content-center", children: /* @__PURE__ */ jsx(Content, {}) });
             const cell = Mapper ? /* @__PURE__ */ jsx(Mapper, { item, index: i2, children: linkedContent }) : linkedContent;
             return /* @__PURE__ */ jsx("td", { className: "px-0 h-14 border-b", children: cell }, key);
           }) }, i))

package/dist/table/table_form.d.mts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TableColumnOptions } from './table.mjs';
-import { LoadedTable } from './use_table.mjs';
+import { TableLoaderData } from './use_table.mjs';
 import 'react';
 
 type TablePageOptions<TModel> = {
     columns: TableColumnOptions<TModel>;
     primaryKey?: keyof TModel;
 };
-type LoadedModel<T extends (...args: any) => any> = LoadedTable<T>["items"][number];
+type LoadedModel<T extends (...args: any) => any> = TableLoaderData<T>["items"][number];
 declare function TableForm<T extends (...args: any) => any>({ columns, primaryKey, }: TablePageOptions<LoadedModel<T>>): react_jsx_runtime.JSX.Element;
 
 export { type LoadedModel, TableForm, type TablePageOptions };

package/dist/table/table_form.d.ts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TableColumnOptions } from './table.js';
-import { LoadedTable } from './use_table.js';
+import { TableLoaderData } from './use_table.js';
 import 'react';
 
 type TablePageOptions<TModel> = {
     columns: TableColumnOptions<TModel>;
     primaryKey?: keyof TModel;
 };
-type LoadedModel<T extends (...args: any) => any> = LoadedTable<T>["items"][number];
+type LoadedModel<T extends (...args: any) => any> = TableLoaderData<T>["items"][number];
 declare function TableForm<T extends (...args: any) => any>({ columns, primaryKey, }: TablePageOptions<LoadedModel<T>>): react_jsx_runtime.JSX.Element;
 
 export { type LoadedModel, TableForm, type TablePageOptions };