dn-react-router-toolkit 0.5.8 → 0.6.0

package/dist/table/index.js

@@ -480,7 +480,7 @@ function createTablePage({
   primaryKey = "id"
 }) {
   return function TablePage({
-    AdminLayout
+    AdminHeader
   }) {
     const { pathname } = (0, import_react_router3.useLocation)();
     const { table } = (0, import_react_router3.useLoaderData)();
@@ -493,63 +493,60 @@ function createTablePage({
       navigate(`${pathname}?${searchParams2.toString()}`);
     };
     const [searchParams] = (0, import_react_router3.useSearchParams)();
-    return /* @__PURE__ */ import_react5.default.createElement(
-      AdminLayout,
+    return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
+      AdminHeader,
       {
         title: name,
         actions: /* @__PURE__ */ import_react5.default.createElement(import_react_router3.Link, { to: `${pathname}/new`, className: "button-primary" }, name, " \uCD94\uAC00")
+      }
+    ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-7xl mx-auto" }, searchKey && /* @__PURE__ */ import_react5.default.createElement(
+      "form",
+      {
+        className: "h-18 px-4 flex items-center border-t",
+        onSubmit: (e) => {
+          e.preventDefault();
+          const formData = new FormData(e.currentTarget);
+          const query = formData.get("query");
+          search(query);
+        }
       },
-      searchKey && /* @__PURE__ */ import_react5.default.createElement(
-        "form",
-        {
-          className: "h-18 px-4 flex items-center border-t",
-          onSubmit: (e) => {
-            e.preventDefault();
-            const formData = new FormData(e.currentTarget);
-            const query = formData.get("query");
-            search(query);
-          }
-        },
-        /* @__PURE__ */ import_react5.default.createElement(
-          "button",
-          {
-            type: "submit",
-            className: "w-10 h-10 flex justify-center items-center"
-          },
-          /* @__PURE__ */ import_react5.default.createElement(GoSearch, { className: "text-xl mr-4" })
-        ),
-        /* @__PURE__ */ import_react5.default.createElement(
-          "input",
-          {
-            className: "outline-none h-full flex-1",
-            placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
-            name: "query",
-            defaultValue: searchParams.get("query") ?? ""
-          }
-        )
-      ),
       /* @__PURE__ */ import_react5.default.createElement(
-        Table,
+        "button",
         {
-          data: items,
-          columns,
-          getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
-          limit,
-          offset,
-          orderBy,
-          direction
-        }
+          type: "submit",
+          className: "w-10 h-10 flex justify-center items-center"
+        },
+        /* @__PURE__ */ import_react5.default.createElement(GoSearch, { className: "text-xl mr-4" })
       ),
       /* @__PURE__ */ import_react5.default.createElement(
-        TablePageButtons,
+        "input",
         {
-          total,
-          limit,
-          offset,
-          MAX_PAGES_TO_SHOW: 10
+          className: "outline-none h-full flex-1",
+          placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
+          name: "query",
+          defaultValue: searchParams.get("query") ?? ""
         }
       )
-    );
+    ), /* @__PURE__ */ import_react5.default.createElement(
+      Table,
+      {
+        data: items,
+        columns,
+        getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
+        limit,
+        offset,
+        orderBy,
+        direction
+      }
+    ), /* @__PURE__ */ import_react5.default.createElement(
+      TablePageButtons,
+      {
+        total,
+        limit,
+        offset,
+        MAX_PAGES_TO_SHOW: 10
+      }
+    )));
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/table/index.mjs

@@ -454,7 +454,7 @@ function createTablePage({
   primaryKey = "id"
 }) {
   return function TablePage({
-    AdminLayout
+    AdminHeader
   }) {
     const { pathname } = useLocation2();
     const { table } = useLoaderData();
@@ -467,63 +467,60 @@ function createTablePage({
       navigate(`${pathname}?${searchParams2.toString()}`);
     };
     const [searchParams] = useSearchParams3();
-    return /* @__PURE__ */ React5.createElement(
-      AdminLayout,
+    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+      AdminHeader,
       {
         title: name,
         actions: /* @__PURE__ */ React5.createElement(Link3, { to: `${pathname}/new`, className: "button-primary" }, name, " \uCD94\uAC00")
+      }
+    ), /* @__PURE__ */ React5.createElement("div", { className: "max-w-7xl mx-auto" }, searchKey && /* @__PURE__ */ React5.createElement(
+      "form",
+      {
+        className: "h-18 px-4 flex items-center border-t",
+        onSubmit: (e) => {
+          e.preventDefault();
+          const formData = new FormData(e.currentTarget);
+          const query = formData.get("query");
+          search(query);
+        }
       },
-      searchKey && /* @__PURE__ */ React5.createElement(
-        "form",
-        {
-          className: "h-18 px-4 flex items-center border-t",
-          onSubmit: (e) => {
-            e.preventDefault();
-            const formData = new FormData(e.currentTarget);
-            const query = formData.get("query");
-            search(query);
-          }
-        },
-        /* @__PURE__ */ React5.createElement(
-          "button",
-          {
-            type: "submit",
-            className: "w-10 h-10 flex justify-center items-center"
-          },
-          /* @__PURE__ */ React5.createElement(GoSearch, { className: "text-xl mr-4" })
-        ),
-        /* @__PURE__ */ React5.createElement(
-          "input",
-          {
-            className: "outline-none h-full flex-1",
-            placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
-            name: "query",
-            defaultValue: searchParams.get("query") ?? ""
-          }
-        )
-      ),
       /* @__PURE__ */ React5.createElement(
-        Table,
+        "button",
         {
-          data: items,
-          columns,
-          getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
-          limit,
-          offset,
-          orderBy,
-          direction
-        }
+          type: "submit",
+          className: "w-10 h-10 flex justify-center items-center"
+        },
+        /* @__PURE__ */ React5.createElement(GoSearch, { className: "text-xl mr-4" })
       ),
       /* @__PURE__ */ React5.createElement(
-        TablePageButtons,
+        "input",
         {
-          total,
-          limit,
-          offset,
-          MAX_PAGES_TO_SHOW: 10
+          className: "outline-none h-full flex-1",
+          placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
+          name: "query",
+          defaultValue: searchParams.get("query") ?? ""
         }
       )
-    );
+    ), /* @__PURE__ */ React5.createElement(
+      Table,
+      {
+        data: items,
+        columns,
+        getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
+        limit,
+        offset,
+        orderBy,
+        direction
+      }
+    ), /* @__PURE__ */ React5.createElement(
+      TablePageButtons,
+      {
+        total,
+        limit,
+        offset,
+        MAX_PAGES_TO_SHOW: 10
+      }
+    )));
   };
 }
 export {

package/dist/table/page.d.mts

@@ -1,5 +1,5 @@
 import { TableColumnOptions } from './table.mjs';
-import React from 'react';
+import React__default from 'react';
 
 type TableProps<TModel> = {
     items: TModel[];
@@ -15,13 +15,11 @@ type TablePageOptions<TModel> = {
     columns: TableColumnOptions<TModel>;
     primaryKey?: keyof TModel;
 };
-declare function createTablePage<TModel>({ name, columns, primaryKey, }: TablePageOptions<TModel>): ({ AdminLayout, }: {
-    AdminLayout: React.FC<{
+declare function createTablePage<TModel>({ name, columns, primaryKey, }: TablePageOptions<TModel>): ({ AdminHeader, }: {
+    AdminHeader: React__default.FC<{
         title: string;
-        actions?: React.ReactNode;
-        className?: string;
-        children?: React.ReactNode;
+        actions?: React__default.ReactNode;
     }>;
-}) => React.JSX.Element;
+}) => React__default.JSX.Element;
 
 export { type TablePageOptions, type TableProps, createTablePage };

package/dist/table/page.d.ts

@@ -1,5 +1,5 @@
 import { TableColumnOptions } from './table.js';
-import React from 'react';
+import React__default from 'react';
 
 type TableProps<TModel> = {
     items: TModel[];
@@ -15,13 +15,11 @@ type TablePageOptions<TModel> = {
     columns: TableColumnOptions<TModel>;
     primaryKey?: keyof TModel;
 };
-declare function createTablePage<TModel>({ name, columns, primaryKey, }: TablePageOptions<TModel>): ({ AdminLayout, }: {
-    AdminLayout: React.FC<{
+declare function createTablePage<TModel>({ name, columns, primaryKey, }: TablePageOptions<TModel>): ({ AdminHeader, }: {
+    AdminHeader: React__default.FC<{
         title: string;
-        actions?: React.ReactNode;
-        className?: string;
-        children?: React.ReactNode;
+        actions?: React__default.ReactNode;
     }>;
-}) => React.JSX.Element;
+}) => React__default.JSX.Element;
 
 export { type TablePageOptions, type TableProps, createTablePage };

package/dist/table/page.js

@@ -366,7 +366,7 @@ function createTablePage({
   primaryKey = "id"
 }) {
   return function TablePage({
-    AdminLayout
+    AdminHeader
   }) {
     const { pathname } = (0, import_react_router3.useLocation)();
     const { table } = (0, import_react_router3.useLoaderData)();
@@ -379,63 +379,60 @@ function createTablePage({
       navigate(`${pathname}?${searchParams2.toString()}`);
     };
     const [searchParams] = (0, import_react_router3.useSearchParams)();
-    return /* @__PURE__ */ import_react5.default.createElement(
-      AdminLayout,
+    return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
+      AdminHeader,
       {
         title: name,
         actions: /* @__PURE__ */ import_react5.default.createElement(import_react_router3.Link, { to: `${pathname}/new`, className: "button-primary" }, name, " \uCD94\uAC00")
+      }
+    ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-7xl mx-auto" }, searchKey && /* @__PURE__ */ import_react5.default.createElement(
+      "form",
+      {
+        className: "h-18 px-4 flex items-center border-t",
+        onSubmit: (e) => {
+          e.preventDefault();
+          const formData = new FormData(e.currentTarget);
+          const query = formData.get("query");
+          search(query);
+        }
       },
-      searchKey && /* @__PURE__ */ import_react5.default.createElement(
-        "form",
-        {
-          className: "h-18 px-4 flex items-center border-t",
-          onSubmit: (e) => {
-            e.preventDefault();
-            const formData = new FormData(e.currentTarget);
-            const query = formData.get("query");
-            search(query);
-          }
-        },
-        /* @__PURE__ */ import_react5.default.createElement(
-          "button",
-          {
-            type: "submit",
-            className: "w-10 h-10 flex justify-center items-center"
-          },
-          /* @__PURE__ */ import_react5.default.createElement(GoSearch, { className: "text-xl mr-4" })
-        ),
-        /* @__PURE__ */ import_react5.default.createElement(
-          "input",
-          {
-            className: "outline-none h-full flex-1",
-            placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
-            name: "query",
-            defaultValue: searchParams.get("query") ?? ""
-          }
-        )
-      ),
       /* @__PURE__ */ import_react5.default.createElement(
-        Table,
+        "button",
         {
-          data: items,
-          columns,
-          getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
-          limit,
-          offset,
-          orderBy,
-          direction
-        }
+          type: "submit",
+          className: "w-10 h-10 flex justify-center items-center"
+        },
+        /* @__PURE__ */ import_react5.default.createElement(GoSearch, { className: "text-xl mr-4" })
       ),
       /* @__PURE__ */ import_react5.default.createElement(
-        TablePageButtons,
+        "input",
         {
-          total,
-          limit,
-          offset,
-          MAX_PAGES_TO_SHOW: 10
+          className: "outline-none h-full flex-1",
+          placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
+          name: "query",
+          defaultValue: searchParams.get("query") ?? ""
         }
       )
-    );
+    ), /* @__PURE__ */ import_react5.default.createElement(
+      Table,
+      {
+        data: items,
+        columns,
+        getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
+        limit,
+        offset,
+        orderBy,
+        direction
+      }
+    ), /* @__PURE__ */ import_react5.default.createElement(
+      TablePageButtons,
+      {
+        total,
+        limit,
+        offset,
+        MAX_PAGES_TO_SHOW: 10
+      }
+    )));
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/table/page.mjs

@@ -338,7 +338,7 @@ function createTablePage({
   primaryKey = "id"
 }) {
   return function TablePage({
-    AdminLayout
+    AdminHeader
   }) {
     const { pathname } = useLocation2();
     const { table } = useLoaderData();
@@ -351,63 +351,60 @@ function createTablePage({
       navigate(`${pathname}?${searchParams2.toString()}`);
     };
     const [searchParams] = useSearchParams3();
-    return /* @__PURE__ */ React5.createElement(
-      AdminLayout,
+    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+      AdminHeader,
       {
         title: name,
         actions: /* @__PURE__ */ React5.createElement(Link3, { to: `${pathname}/new`, className: "button-primary" }, name, " \uCD94\uAC00")
+      }
+    ), /* @__PURE__ */ React5.createElement("div", { className: "max-w-7xl mx-auto" }, searchKey && /* @__PURE__ */ React5.createElement(
+      "form",
+      {
+        className: "h-18 px-4 flex items-center border-t",
+        onSubmit: (e) => {
+          e.preventDefault();
+          const formData = new FormData(e.currentTarget);
+          const query = formData.get("query");
+          search(query);
+        }
       },
-      searchKey && /* @__PURE__ */ React5.createElement(
-        "form",
-        {
-          className: "h-18 px-4 flex items-center border-t",
-          onSubmit: (e) => {
-            e.preventDefault();
-            const formData = new FormData(e.currentTarget);
-            const query = formData.get("query");
-            search(query);
-          }
-        },
-        /* @__PURE__ */ React5.createElement(
-          "button",
-          {
-            type: "submit",
-            className: "w-10 h-10 flex justify-center items-center"
-          },
-          /* @__PURE__ */ React5.createElement(GoSearch, { className: "text-xl mr-4" })
-        ),
-        /* @__PURE__ */ React5.createElement(
-          "input",
-          {
-            className: "outline-none h-full flex-1",
-            placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
-            name: "query",
-            defaultValue: searchParams.get("query") ?? ""
-          }
-        )
-      ),
       /* @__PURE__ */ React5.createElement(
-        Table,
+        "button",
         {
-          data: items,
-          columns,
-          getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
-          limit,
-          offset,
-          orderBy,
-          direction
-        }
+          type: "submit",
+          className: "w-10 h-10 flex justify-center items-center"
+        },
+        /* @__PURE__ */ React5.createElement(GoSearch, { className: "text-xl mr-4" })
       ),
       /* @__PURE__ */ React5.createElement(
-        TablePageButtons,
+        "input",
         {
-          total,
-          limit,
-          offset,
-          MAX_PAGES_TO_SHOW: 10
+          className: "outline-none h-full flex-1",
+          placeholder: "\uC5EC\uAE30\uC5D0 \uAC80\uC0C9\uD558\uC138\uC694...",
+          name: "query",
+          defaultValue: searchParams.get("query") ?? ""
         }
       )
-    );
+    ), /* @__PURE__ */ React5.createElement(
+      Table,
+      {
+        data: items,
+        columns,
+        getLink: primaryKey ? (item) => `${pathname}/${item[primaryKey]}` : void 0,
+        limit,
+        offset,
+        orderBy,
+        direction
+      }
+    ), /* @__PURE__ */ React5.createElement(
+      TablePageButtons,
+      {
+        total,
+        limit,
+        offset,
+        MAX_PAGES_TO_SHOW: 10
+      }
+    )));
   };
 }
 export {

package/dist/table/table.d.mts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 
 type TableColumnProps<T> = ReactNode | {
     label: ReactNode;
@@ -8,10 +8,10 @@ type TableColumnProps<T> = ReactNode | {
 type TableColumnOptions<T> = {
     [key in string]?: TableColumnProps<T>;
 };
-type OrderedTableProps<T> = React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> & {
+type OrderedTableProps<T> = React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> & {
     data: T[];
     columns: TableColumnOptions<T>;
-    mapper?: React.FC<{
+    mapper?: React__default.FC<{
         item: T;
         index: number;
         children: ReactNode;
@@ -22,6 +22,6 @@ type OrderedTableProps<T> = React.DetailedHTMLProps<React.TableHTMLAttributes<HT
     orderBy?: string;
     direction?: string;
 };
-declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): React.JSX.Element;
+declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): React__default.JSX.Element;
 
 export { type OrderedTableProps, Table, type TableColumnOptions, type TableColumnProps };

package/dist/table/table.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 
 type TableColumnProps<T> = ReactNode | {
     label: ReactNode;
@@ -8,10 +8,10 @@ type TableColumnProps<T> = ReactNode | {
 type TableColumnOptions<T> = {
     [key in string]?: TableColumnProps<T>;
 };
-type OrderedTableProps<T> = React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> & {
+type OrderedTableProps<T> = React__default.DetailedHTMLProps<React__default.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> & {
     data: T[];
     columns: TableColumnOptions<T>;
-    mapper?: React.FC<{
+    mapper?: React__default.FC<{
         item: T;
         index: number;
         children: ReactNode;
@@ -22,6 +22,6 @@ type OrderedTableProps<T> = React.DetailedHTMLProps<React.TableHTMLAttributes<HT
     orderBy?: string;
     direction?: string;
 };
-declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): React.JSX.Element;
+declare function Table<T>({ className, data, columns, mapper: Mapper, getLink, limit, offset, orderBy, direction, }: OrderedTableProps<T>): React__default.JSX.Element;
 
 export { type OrderedTableProps, Table, type TableColumnOptions, type TableColumnProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.5.8",
+  "version": "0.6.0",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -49,6 +49,16 @@
       "types": "./dist/crud/index.d.ts",
       "import": "./dist/crud/index.mjs",
       "require": "./dist/crud/index.js"
+    },
+    "./post": {
+      "types": "./dist/post/index.d.ts",
+      "import": "./dist/post/index.mjs",
+      "require": "./dist/post/index.js"
+    },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.mjs",
+      "require": "./dist/form/index.js"
     }
   },
   "scripts": {
@@ -76,11 +86,13 @@
   },
   "dependencies": {
     "@react-router/dev": "^7.11.0",
+    "dn-react-text-editor": "^0.2.1",
+    "dn-react-toolkit": "^0.2.49",
     "pg": "^8.16.3",
+    "react-store-input": "^0.1.5",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {
-    "dn-react-toolkit": "^0.2.43",
     "drizzle-orm": "^0.45.1",
     "react": "^19",
     "react-dom": "^19",