dn-react-router-toolkit 0.7.14 → 0.8.0

package/dist/post/post_form_page.js

@@ -7936,52 +7936,59 @@ var FormLabel = createComponent("label", {
 var import_react_store_input4 = require("react-store-input");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 
-// src/table/loader.tsx
+// src/table/load_table.tsx
 var import_drizzle_orm = require("drizzle-orm");
 
 // src/api/create_api_handler.ts
 var import_http = require("dn-react-toolkit/http");
 var import_drizzle_orm2 = require("drizzle-orm");
-var import_react_router4 = require("react-router");
 var import_uuid = require("uuid");
 
 // src/api/item_api_handler.ts
 var import_http2 = require("dn-react-toolkit/http");
-var import_react_router5 = require("react-router");
 
 // src/crud/crud_page.tsx
 var import_react_router9 = require("react-router");
 
 // src/table/page.tsx
 var import_react_router8 = require("react-router");
+
+// src/table/table_form.tsx
+var import_react_router7 = require("react-router");
 var import_go3 = require("react-icons/go");
 
-// src/table/buttons.tsx
+// src/table/table.tsx
 var import_utils5 = require("dn-react-toolkit/utils");
-var import_react_router6 = require("react-router");
+var import_go2 = require("react-icons/go");
+var import_react_router4 = require("react-router");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
-// src/table/table.tsx
+// src/table/use_table.tsx
+var import_react_router5 = require("react-router");
+
+// src/table/buttons.tsx
 var import_utils6 = require("dn-react-toolkit/utils");
-var import_go2 = require("react-icons/go");
-var import_react_router7 = require("react-router");
+var import_react_router6 = require("react-router");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 
-// src/table/page.tsx
+// src/table/table_form.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
-// src/crud/crud_page.tsx
+// src/table/page.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 
+// src/crud/crud_page.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
 // src/crud/generate_pages.tsx
 var import_react_router10 = require("react-router");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/crud/generate_routes.tsx
 var Routes = __toESM(require_routes());
 
 // src/post/post_form_page.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -7991,13 +7998,13 @@ var createPostFormPage = ({
     const { boards } = (0, import_react_router11.useLoaderData)();
     const component = (0, import_react_store_input5.useStoreComponent)(form.store);
     const textEditorRef = (0, import_react6.useRef)(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         AdminPageHeader,
         {
           title: `${form.name} \uCD94\uAC00`,
-          actions: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          actions: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "button",
               {
                 type: "button",
@@ -8008,7 +8015,7 @@ var createPostFormPage = ({
                 children: "\uC0AD\uC81C\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "button",
               {
                 type: "button",
@@ -8022,11 +8029,11 @@ var createPostFormPage = ({
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "max-w-7xl mx-auto w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               component.select,
               {
                 name: "isPublic",
@@ -8034,15 +8041,15 @@ var createPostFormPage = ({
                 toInputValue: (value) => value ? "true" : "false",
                 toStateValue: (value) => Boolean(value === "true"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "true", children: "\uACF5\uAC1C" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "createdAt",
@@ -8052,17 +8059,17 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(component.select, { name: "boardId", className: "select-form", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
-              boards.map((board) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: board.id, children: board.title }, board.id))
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: board.id, children: board.title }, board.id))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "category",
@@ -8072,10 +8079,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC81C\uBAA9" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "title",
@@ -8090,9 +8097,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "subtitle",
@@ -8102,10 +8109,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "slug",
@@ -8114,9 +8121,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uD0DC\uADF8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               component.input,
               {
                 name: "tags",
@@ -8126,9 +8133,9 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC124\uBA85" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             StoreTextEditor,
             {
               store: form.store,
@@ -8139,9 +8146,9 @@ var createPostFormPage = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(FormEntry, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLabel, { children: "\uC378\uB124\uC77C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormRow, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FormEntry, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             PostThumbnailPicker,
             {
               store: form.store,
@@ -8150,14 +8157,14 @@ var createPostFormPage = ({
           )
         ] }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         EditorToolbar,
         {
           textEditorRef,
           className: "max-w-7xl mx-auto"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         StoreTextEditor,
         {
           ref: textEditorRef,

package/dist/post/post_form_page.mjs

@@ -7937,7 +7937,7 @@ var FormLabel = createComponent("label", {
 import { useStoreComponent } from "react-store-input";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 
-// src/table/loader.tsx
+// src/table/load_table.tsx
 import {
   and,
   ilike
@@ -7955,52 +7955,53 @@ import {
 import {
   and as and2
 } from "drizzle-orm";
-import "react-router";
 import { v4 } from "uuid";
 
 // src/api/item_api_handler.ts
 import { UNAUTHORIZED as UNAUTHORIZED2 } from "dn-react-toolkit/http";
-import "react-router";
 
 // src/crud/crud_page.tsx
-import { useLoaderData as useLoaderData2, useLocation as useLocation3 } from "react-router";
+import { useLoaderData as useLoaderData2, useLocation as useLocation4 } from "react-router";
 
 // src/table/page.tsx
-import {
-  Link as Link3,
-  useLoaderData,
-  useLocation as useLocation2,
-  useNavigate as useNavigate2,
-  useSearchParams as useSearchParams3
-} from "react-router";
+import { Link as Link3, useLocation as useLocation3 } from "react-router";
+
+// src/table/table_form.tsx
+import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams3 } from "react-router";
 import { GoSearch } from "react-icons/go";
 
-// src/table/buttons.tsx
+// src/table/table.tsx
 import { cn as cn4 } from "dn-react-toolkit/utils";
-import { Link, useLocation, useSearchParams } from "react-router";
+import { GoArrowDown, GoArrowUp } from "react-icons/go";
+import { Link, useSearchParams } from "react-router";
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 
-// src/table/table.tsx
+// src/table/use_table.tsx
+import { useLoaderData } from "react-router";
+
+// src/table/buttons.tsx
 import { cn as cn5 } from "dn-react-toolkit/utils";
-import { GoArrowDown, GoArrowUp } from "react-icons/go";
-import { Link as Link2, useSearchParams as useSearchParams2 } from "react-router";
+import { Link as Link2, useLocation, useSearchParams as useSearchParams2 } from "react-router";
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 
-// src/table/page.tsx
+// src/table/table_form.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 
+// src/table/page.tsx
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+
 // src/crud/crud_page.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 
 // src/crud/generate_pages.tsx
-import { useLocation as useLocation4 } from "react-router";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useLocation as useLocation5 } from "react-router";
+import { jsx as jsx14 } from "react/jsx-runtime";
 
 // src/crud/generate_routes.tsx
 var Routes = __toESM(require_routes());
 
 // src/post/post_form_page.tsx
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var createPostFormPage = ({
   header: AdminPageHeader,
   textEditorClassName,
@@ -8010,13 +8011,13 @@ var createPostFormPage = ({
     const { boards } = useLoaderData3();
     const component = useStoreComponent2(form.store);
     const textEditorRef = useRef3(null);
-    return /* @__PURE__ */ jsxs7(Fragment6, { children: [
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      /* @__PURE__ */ jsx15(
         AdminPageHeader,
         {
           title: `${form.name} \uCD94\uAC00`,
-          actions: /* @__PURE__ */ jsxs7(Fragment6, { children: [
-            /* @__PURE__ */ jsx14(
+          actions: /* @__PURE__ */ jsxs8(Fragment7, { children: [
+            /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -8027,7 +8028,7 @@ var createPostFormPage = ({
                 children: "\uC0AD\uC81C\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -8041,11 +8042,11 @@ var createPostFormPage = ({
           ] })
         }
       ),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsxs7("div", { className: "max-w-7xl mx-auto w-full", children: [
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
-            /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsx15("div", { className: "px-4", children: /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto w-full", children: [
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uACF5\uAC1C\uC5EC\uBD80" }),
+            /* @__PURE__ */ jsxs8(
               component.select,
               {
                 name: "isPublic",
@@ -8053,15 +8054,15 @@ var createPostFormPage = ({
                 toInputValue: (value) => value ? "true" : "false",
                 toStateValue: (value) => Boolean(value === "true"),
                 children: [
-                  /* @__PURE__ */ jsx14("option", { value: "true", children: "\uACF5\uAC1C" }),
-                  /* @__PURE__ */ jsx14("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
+                  /* @__PURE__ */ jsx15("option", { value: "true", children: "\uACF5\uAC1C" }),
+                  /* @__PURE__ */ jsx15("option", { value: "false", children: "\uBE44\uACF5\uAC1C" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC791\uC131\uC77C\uC2DC" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "createdAt",
@@ -8071,17 +8072,17 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
-            /* @__PURE__ */ jsxs7(component.select, { name: "boardId", className: "select-form", children: [
-              /* @__PURE__ */ jsx14("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
-              boards.map((board) => /* @__PURE__ */ jsx14("option", { value: board.id, children: board.title }, board.id))
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uAC8C\uC2DC\uD310" }),
+            /* @__PURE__ */ jsxs8(component.select, { name: "boardId", className: "select-form", children: [
+              /* @__PURE__ */ jsx15("option", { value: "", children: "\uC120\uD0DD\uD558\uC138\uC694" }),
+              boards.map((board) => /* @__PURE__ */ jsx15("option", { value: board.id, children: board.title }, board.id))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uCE74\uD14C\uACE0\uB9AC" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "category",
@@ -8091,10 +8092,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC81C\uBAA9" }),
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "title",
@@ -8109,9 +8110,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uBD80\uC81C\uBAA9" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "subtitle",
@@ -8121,10 +8122,10 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(FormRow, { children: [
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs8(FormRow, { children: [
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uC2AC\uB7EC\uADF8" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "slug",
@@ -8133,9 +8134,9 @@ var createPostFormPage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs7(FormEntry, { children: [
-            /* @__PURE__ */ jsx14(FormLabel, { children: "\uD0DC\uADF8" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8(FormEntry, { children: [
+            /* @__PURE__ */ jsx15(FormLabel, { children: "\uD0DC\uADF8" }),
+            /* @__PURE__ */ jsx15(
               component.input,
               {
                 name: "tags",
@@ -8145,9 +8146,9 @@ var createPostFormPage = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
-          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC124\uBA85" }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(FormRow, { children: /* @__PURE__ */ jsxs8(FormEntry, { children: [
+          /* @__PURE__ */ jsx15(FormLabel, { children: "\uC124\uBA85" }),
+          /* @__PURE__ */ jsx15(
             StoreTextEditor,
             {
               store: form.store,
@@ -8158,9 +8159,9 @@ var createPostFormPage = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx14(FormRow, { children: /* @__PURE__ */ jsxs7(FormEntry, { children: [
-          /* @__PURE__ */ jsx14(FormLabel, { children: "\uC378\uB124\uC77C" }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(FormRow, { children: /* @__PURE__ */ jsxs8(FormEntry, { children: [
+          /* @__PURE__ */ jsx15(FormLabel, { children: "\uC378\uB124\uC77C" }),
+          /* @__PURE__ */ jsx15(
             PostThumbnailPicker,
             {
               store: form.store,
@@ -8169,14 +8170,14 @@ var createPostFormPage = ({
           )
         ] }) })
       ] }) }),
-      /* @__PURE__ */ jsx14("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "sticky top-[160px] z-998 bg-white px-4", children: /* @__PURE__ */ jsx15(
         EditorToolbar,
         {
           textEditorRef,
           className: "max-w-7xl mx-auto"
         }
       ) }),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "px-4", children: /* @__PURE__ */ jsx15(
         StoreTextEditor,
         {
           ref: textEditorRef,

package/dist/table/index.d.mts

@@ -1,10 +1,14 @@
-export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SelectModelOf, TableRepository } from './repository.mjs';
+export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SchemaOf, SelectModelOf, TableRepository } from './repository.mjs';
 export { TablePageButtons } from './buttons.mjs';
 export { TableItemLoaderOptions, tableItemloader } from './item_loader.mjs';
-export { TableLoaderOptions, tableLoader } from './loader.mjs';
-export { TablePageOptions, TableProps, createTablePage } from './page.mjs';
+export { tableLoader } from './loader.mjs';
+export { createTablePage } from './page.mjs';
 export { OrderedTableProps, Table, TableColumnOptions, TableColumnProps } from './table.mjs';
+export { TableLoaderOptions, loadTable } from './load_table.mjs';
+export { LoadedModel, TableForm, TablePageOptions } from './table_form.mjs';
+export { LoadedTable, useTable } from './use_table.mjs';
 import 'drizzle-orm';
+import 'drizzle-orm/node-postgres';
 import 'drizzle-orm/pg-core';
 import 'react/jsx-runtime';
 import 'react-router';

package/dist/table/index.d.ts

@@ -1,10 +1,14 @@
-export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SelectModelOf, TableRepository } from './repository.js';
+export { BaseTableRepository, ColumnOf, FindAllOptions, InsertModelOf, SchemaOf, SelectModelOf, TableRepository } from './repository.js';
 export { TablePageButtons } from './buttons.js';
 export { TableItemLoaderOptions, tableItemloader } from './item_loader.js';
-export { TableLoaderOptions, tableLoader } from './loader.js';
-export { TablePageOptions, TableProps, createTablePage } from './page.js';
+export { tableLoader } from './loader.js';
+export { createTablePage } from './page.js';
 export { OrderedTableProps, Table, TableColumnOptions, TableColumnProps } from './table.js';
+export { TableLoaderOptions, loadTable } from './load_table.js';
+export { LoadedModel, TableForm, TablePageOptions } from './table_form.js';
+export { LoadedTable, useTable } from './use_table.js';
 import 'drizzle-orm';
+import 'drizzle-orm/node-postgres';
 import 'drizzle-orm/pg-core';
 import 'react/jsx-runtime';
 import 'react-router';