dn-react-router-toolkit 0.7.8 → 0.7.10

package/dist/api/create_handler.js

@@ -27,7 +27,6 @@ var import_http = require("dn-react-toolkit/http");
 var import_server = require("dn-react-toolkit/auth/server");
 
 // src/auth/with_auth.ts
-var import_uuid = require("uuid");
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;

package/dist/api/create_handler.mjs

@@ -14,7 +14,6 @@ import {
 } from "dn-react-toolkit/auth/server";
 
 // src/auth/with_auth.ts
-import { v4 } from "uuid";
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;

package/dist/api/index.js

@@ -31,7 +31,6 @@ var import_http = require("dn-react-toolkit/http");
 var import_server = require("dn-react-toolkit/auth/server");
 
 // src/auth/with_auth.ts
-var import_uuid = require("uuid");
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -244,7 +243,7 @@ var createAPIHandler = ({
 var import_http2 = require("dn-react-toolkit/http");
 var import_drizzle_orm = require("drizzle-orm");
 var import_react_router2 = require("react-router");
-var import_uuid2 = require("uuid");
+var import_uuid = require("uuid");
 
 // src/crud/serialize.ts
 function deserialize(data) {
@@ -319,7 +318,7 @@ function apiHandler({
               }
             }
           }
-          const itemId = params.id || (0, import_uuid2.v4)();
+          const itemId = params.id || (0, import_uuid.v4)();
           if (!params.id && existingConditions) {
             const paramsForExistenceCheck = Object.keys(
               existingConditions

package/dist/api/index.mjs

@@ -14,7 +14,6 @@ import {
 } from "dn-react-toolkit/auth/server";
 
 // src/auth/with_auth.ts
-import { v4 } from "uuid";
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -239,7 +238,7 @@ import {
   and
 } from "drizzle-orm";
 import "react-router";
-import { v4 as v42 } from "uuid";
+import { v4 } from "uuid";
 
 // src/crud/serialize.ts
 function deserialize(data) {
@@ -314,7 +313,7 @@ function apiHandler({
               }
             }
           }
-          const itemId = params.id || v42();
+          const itemId = params.id || v4();
           if (!params.id && existingConditions) {
             const paramsForExistenceCheck = Object.keys(
               existingConditions

package/dist/auth/index.d.mts

@@ -1,4 +1,4 @@
-export { WithAuthHandler, createWithAuthHandler, createWithStrictAuthHandler } from './with_auth.mjs';
+export { WithAuthHandler, createWithStrictAuthHandler } from './with_auth.mjs';
 export { ReactRouterCookieManager } from './cookie_store.mjs';
 import 'dn-react-toolkit/auth';
 import 'dn-react-toolkit/auth/server';

package/dist/auth/index.d.ts

@@ -1,4 +1,4 @@
-export { WithAuthHandler, createWithAuthHandler, createWithStrictAuthHandler } from './with_auth.js';
+export { WithAuthHandler, createWithStrictAuthHandler } from './with_auth.js';
 export { ReactRouterCookieManager } from './cookie_store.js';
 import 'dn-react-toolkit/auth';
 import 'dn-react-toolkit/auth/server';

package/dist/auth/index.js

@@ -21,13 +21,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var auth_exports = {};
 __export(auth_exports, {
   ReactRouterCookieManager: () => ReactRouterCookieManager,
-  createWithAuthHandler: () => createWithAuthHandler,
   createWithStrictAuthHandler: () => createWithStrictAuthHandler
 });
 module.exports = __toCommonJS(auth_exports);
 
 // src/auth/with_auth.ts
-var import_uuid = require("uuid");
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -82,44 +80,6 @@ function createWithStrictAuthHandler({ authService }) {
     return handler;
   };
 }
-function createWithAuthHandler({
-  authService
-}) {
-  return function(fn) {
-    const withAuthHandler = createWithStrictAuthHandler({
-      authService
-    });
-    const handler = withAuthHandler((auth) => async (args) => {
-      if (auth) {
-        return fn(auth)(args);
-      }
-      const respond = async (auth2, headers2 = new Headers()) => {
-        const result = await fn(auth2)(args);
-        return setHeader(toResponse(result), headers2);
-      };
-      const setHeader = (res, headers2) => {
-        headers2.forEach((value, key) => {
-          res.headers.append(key, value);
-        });
-        return res;
-      };
-      const user = await authService.authRepository.createUser({
-        id: (0, import_uuid.v4)(),
-        role: "guest",
-        name: "\uC775\uBA85"
-      });
-      const { accessToken, refreshToken } = await authService.issueTokenPair(user);
-      const headers = new Headers();
-      const accessTokenSetCookie = await authService.getAccessTokenSetCookie(accessToken);
-      headers.append("Set-Cookie", accessTokenSetCookie);
-      const refreshTokenSetCookie = await authService.getRefreshTokenSetCookie(refreshToken);
-      headers.append("Set-Cookie", refreshTokenSetCookie);
-      const payload = authService.accessTokenManager.decode(accessToken);
-      return respond(payload, headers);
-    });
-    return handler;
-  };
-}
 
 // src/auth/cookie_store.ts
 var import_react_router = require("react-router");
@@ -152,6 +112,5 @@ var ReactRouterCookieManager = class {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ReactRouterCookieManager,
-  createWithAuthHandler,
   createWithStrictAuthHandler
 });

package/dist/auth/index.mjs

@@ -1,5 +1,4 @@
 // src/auth/with_auth.ts
-import { v4 } from "uuid";
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -54,44 +53,6 @@ function createWithStrictAuthHandler({ authService }) {
     return handler;
   };
 }
-function createWithAuthHandler({
-  authService
-}) {
-  return function(fn) {
-    const withAuthHandler = createWithStrictAuthHandler({
-      authService
-    });
-    const handler = withAuthHandler((auth) => async (args) => {
-      if (auth) {
-        return fn(auth)(args);
-      }
-      const respond = async (auth2, headers2 = new Headers()) => {
-        const result = await fn(auth2)(args);
-        return setHeader(toResponse(result), headers2);
-      };
-      const setHeader = (res, headers2) => {
-        headers2.forEach((value, key) => {
-          res.headers.append(key, value);
-        });
-        return res;
-      };
-      const user = await authService.authRepository.createUser({
-        id: v4(),
-        role: "guest",
-        name: "\uC775\uBA85"
-      });
-      const { accessToken, refreshToken } = await authService.issueTokenPair(user);
-      const headers = new Headers();
-      const accessTokenSetCookie = await authService.getAccessTokenSetCookie(accessToken);
-      headers.append("Set-Cookie", accessTokenSetCookie);
-      const refreshTokenSetCookie = await authService.getRefreshTokenSetCookie(refreshToken);
-      headers.append("Set-Cookie", refreshTokenSetCookie);
-      const payload = authService.accessTokenManager.decode(accessToken);
-      return respond(payload, headers);
-    });
-    return handler;
-  };
-}
 
 // src/auth/cookie_store.ts
 import { createCookie } from "react-router";
@@ -123,6 +84,5 @@ var ReactRouterCookieManager = class {
 };
 export {
   ReactRouterCookieManager,
-  createWithAuthHandler,
   createWithStrictAuthHandler
 };

package/dist/auth/with_auth.d.mts

@@ -8,8 +8,5 @@ type WithAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (fn: I
 declare function createWithStrictAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs>({ authService }: {
     authService: AuthService;
 }): <THandler extends Handler<T>>(fn: (auth?: AccessTokenPayload) => THandler) => THandler;
-declare function createWithAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs>({ authService, }: {
-    authService: AuthService;
-}): <THandler extends Handler<T>>(fn: (auth: AccessTokenPayload) => THandler) => THandler;
 
-export { type WithAuthHandler, createWithAuthHandler, createWithStrictAuthHandler };
+export { type WithAuthHandler, createWithStrictAuthHandler };

package/dist/auth/with_auth.d.ts

@@ -8,8 +8,5 @@ type WithAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs> = (fn: I
 declare function createWithStrictAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs>({ authService }: {
     authService: AuthService;
 }): <THandler extends Handler<T>>(fn: (auth?: AccessTokenPayload) => THandler) => THandler;
-declare function createWithAuthHandler<T extends LoaderFunctionArgs | ActionFunctionArgs>({ authService, }: {
-    authService: AuthService;
-}): <THandler extends Handler<T>>(fn: (auth: AccessTokenPayload) => THandler) => THandler;
 
-export { type WithAuthHandler, createWithAuthHandler, createWithStrictAuthHandler };
+export { type WithAuthHandler, createWithStrictAuthHandler };

package/dist/auth/with_auth.js

@@ -20,11 +20,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/auth/with_auth.ts
 var with_auth_exports = {};
 __export(with_auth_exports, {
-  createWithAuthHandler: () => createWithAuthHandler,
   createWithStrictAuthHandler: () => createWithStrictAuthHandler
 });
 module.exports = __toCommonJS(with_auth_exports);
-var import_uuid = require("uuid");
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -79,46 +77,7 @@ function createWithStrictAuthHandler({ authService }) {
     return handler;
   };
 }
-function createWithAuthHandler({
-  authService
-}) {
-  return function(fn) {
-    const withAuthHandler = createWithStrictAuthHandler({
-      authService
-    });
-    const handler = withAuthHandler((auth) => async (args) => {
-      if (auth) {
-        return fn(auth)(args);
-      }
-      const respond = async (auth2, headers2 = new Headers()) => {
-        const result = await fn(auth2)(args);
-        return setHeader(toResponse(result), headers2);
-      };
-      const setHeader = (res, headers2) => {
-        headers2.forEach((value, key) => {
-          res.headers.append(key, value);
-        });
-        return res;
-      };
-      const user = await authService.authRepository.createUser({
-        id: (0, import_uuid.v4)(),
-        role: "guest",
-        name: "\uC775\uBA85"
-      });
-      const { accessToken, refreshToken } = await authService.issueTokenPair(user);
-      const headers = new Headers();
-      const accessTokenSetCookie = await authService.getAccessTokenSetCookie(accessToken);
-      headers.append("Set-Cookie", accessTokenSetCookie);
-      const refreshTokenSetCookie = await authService.getRefreshTokenSetCookie(refreshToken);
-      headers.append("Set-Cookie", refreshTokenSetCookie);
-      const payload = authService.accessTokenManager.decode(accessToken);
-      return respond(payload, headers);
-    });
-    return handler;
-  };
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createWithAuthHandler,
   createWithStrictAuthHandler
 });

package/dist/auth/with_auth.mjs

@@ -1,5 +1,4 @@
 // src/auth/with_auth.ts
-import { v4 } from "uuid";
 var toResponse = (result) => {
   if (result instanceof Response) {
     return result;
@@ -54,45 +53,6 @@ function createWithStrictAuthHandler({ authService }) {
     return handler;
   };
 }
-function createWithAuthHandler({
-  authService
-}) {
-  return function(fn) {
-    const withAuthHandler = createWithStrictAuthHandler({
-      authService
-    });
-    const handler = withAuthHandler((auth) => async (args) => {
-      if (auth) {
-        return fn(auth)(args);
-      }
-      const respond = async (auth2, headers2 = new Headers()) => {
-        const result = await fn(auth2)(args);
-        return setHeader(toResponse(result), headers2);
-      };
-      const setHeader = (res, headers2) => {
-        headers2.forEach((value, key) => {
-          res.headers.append(key, value);
-        });
-        return res;
-      };
-      const user = await authService.authRepository.createUser({
-        id: v4(),
-        role: "guest",
-        name: "\uC775\uBA85"
-      });
-      const { accessToken, refreshToken } = await authService.issueTokenPair(user);
-      const headers = new Headers();
-      const accessTokenSetCookie = await authService.getAccessTokenSetCookie(accessToken);
-      headers.append("Set-Cookie", accessTokenSetCookie);
-      const refreshTokenSetCookie = await authService.getRefreshTokenSetCookie(refreshToken);
-      headers.append("Set-Cookie", refreshTokenSetCookie);
-      const payload = authService.accessTokenManager.decode(accessToken);
-      return respond(payload, headers);
-    });
-    return handler;
-  };
-}
 export {
-  createWithAuthHandler,
   createWithStrictAuthHandler
 };

package/dist/crud/crud_form.js

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(crud_form_exports);
 var import_react_router = require("react-router");
 var import_react_store_input = require("react-store-input");
 var import_react = require("react");
+var import_utils = require("dn-react-toolkit/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FormContext = (0, import_react.createContext)({});
 function useFormContext() {
@@ -35,13 +36,13 @@ function useFormContext() {
 }
 
 // src/form/create_form_component.tsx
-var import_utils = require("dn-react-toolkit/utils");
+var import_utils2 = require("dn-react-toolkit/utils");
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { ...props, className: (0, import_utils2.cn)(options.className, className) });
   };
 }
 
@@ -189,12 +190,21 @@ function CrudForm({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }

package/dist/crud/crud_form.mjs

@@ -5,6 +5,7 @@ import {
   createContext,
   useContext
 } from "react";
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx } from "react/jsx-runtime";
 var FormContext = createContext({});
 function useFormContext() {
@@ -170,12 +171,21 @@ function CrudForm({
     /* @__PURE__ */ jsx6("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ jsx6(Fragment2, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ jsx6(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ jsx6(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }

package/dist/crud/crud_form_provider.d.mts

@@ -9,7 +9,7 @@ type FormColumnValue<TModel> = {
     defaultValue?: TModel[keyof TModel];
     component?: FC<{
         store: Store<TModel>;
-        property: string;
+        name: string;
     }>;
     options?: FC;
 };

package/dist/crud/crud_form_provider.d.ts

@@ -9,7 +9,7 @@ type FormColumnValue<TModel> = {
     defaultValue?: TModel[keyof TModel];
     component?: FC<{
         store: Store<TModel>;
-        property: string;
+        name: string;
     }>;
     options?: FC;
 };

package/dist/crud/crud_form_provider.js

@@ -88,6 +88,7 @@ function serialize(value) {
 }
 
 // src/crud/crud_form_provider.tsx
+var import_utils = require("dn-react-toolkit/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FormContext = (0, import_react.createContext)({});
 function useFormContext() {
@@ -138,7 +139,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix}/${id}`);
   };
@@ -158,7 +159,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
   const value = {

package/dist/crud/crud_form_provider.mjs

@@ -65,6 +65,7 @@ function serialize(value) {
 }
 
 // src/crud/crud_form_provider.tsx
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx } from "react/jsx-runtime";
 var FormContext = createContext({});
 function useFormContext() {
@@ -115,7 +116,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix}/${id}`);
   };
@@ -135,7 +136,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
   const value = {

package/dist/crud/crud_loader.d.mts

@@ -1,4 +1,4 @@
-import { LoaderFunction, LoaderFunctionArgs } from 'react-router';
+import { LoaderFunctionArgs, LoaderFunction } from 'react-router';
 import { TableLoaderOptions } from '../table/loader.mjs';
 import { TableItemLoaderOptions } from '../table/item_loader.mjs';
 import { Table } from 'drizzle-orm';

package/dist/crud/crud_loader.d.ts

@@ -1,4 +1,4 @@
-import { LoaderFunction, LoaderFunctionArgs } from 'react-router';
+import { LoaderFunctionArgs, LoaderFunction } from 'react-router';
 import { TableLoaderOptions } from '../table/loader.js';
 import { TableItemLoaderOptions } from '../table/item_loader.js';
 import { Table } from 'drizzle-orm';

package/dist/crud/crud_page.js

@@ -89,6 +89,7 @@ function serialize(value) {
 }
 
 // src/crud/crud_form_provider.tsx
+var import_utils = require("dn-react-toolkit/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FormContext = (0, import_react.createContext)({});
 function useFormContext() {
@@ -139,7 +140,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix}/${id}`);
   };
@@ -159,7 +160,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
   const value = {
@@ -178,7 +179,7 @@ var import_react_router4 = require("react-router");
 var import_go2 = require("react-icons/go");
 
 // src/table/buttons.tsx
-var import_utils = require("dn-react-toolkit/utils");
+var import_utils2 = require("dn-react-toolkit/utils");
 var import_react_router2 = require("react-router");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function TablePageButtons({
@@ -218,7 +219,7 @@ function TablePageButtons({
             );
             return `${pathname}?${searchParams.toString()}`;
           })(),
-          className: (0, import_utils.cn)(
+          className: (0, import_utils2.cn)(
             "w-6 block text-center transition-colors",
             currentPage === startButton + index + 1 ? "font-bold text-primary" : "hover:text-primary"
           ),
@@ -242,7 +243,7 @@ function TablePageButtons({
 }
 
 // src/table/table.tsx
-var import_utils2 = require("dn-react-toolkit/utils");
+var import_utils3 = require("dn-react-toolkit/utils");
 var import_go = require("react-icons/go");
 var import_react_router3 = require("react-router");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -263,7 +264,7 @@ function Table({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "table",
     {
-      className: (0, import_utils2.cn)(className, "text-[15px] border-separate border-spacing-0"),
+      className: (0, import_utils3.cn)(className, "text-[15px] border-separate border-spacing-0"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { children: keys.map((key) => {
           const value = columns[key];
@@ -279,7 +280,7 @@ function Table({
               return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "button",
                 {
-                  className: (0, import_utils2.cn)(
+                  className: (0, import_utils3.cn)(
                     orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
                     "px-4 h-14 flex items-center w-full"
                   ),
@@ -302,7 +303,7 @@ function Table({
             }
             return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: reactNode });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { className: (0, import_utils2.cn)("border-y font-normal"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Head, {}) }, key);
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { className: (0, import_utils3.cn)("border-y font-normal"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Head, {}) }, key);
         }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { children: [
           sortedArray.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -435,13 +436,13 @@ function createTablePage({
 }
 
 // src/form/create_form_component.tsx
-var import_utils3 = require("dn-react-toolkit/utils");
+var import_utils4 = require("dn-react-toolkit/utils");
 var import_react2 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tag, { ...props, className: (0, import_utils3.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tag, { ...props, className: (0, import_utils4.cn)(options.className, className) });
   };
 }
 
@@ -589,12 +590,21 @@ function CrudForm({
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }

package/dist/crud/crud_page.mjs

@@ -68,6 +68,7 @@ function serialize(value) {
 }
 
 // src/crud/crud_form_provider.tsx
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx } from "react/jsx-runtime";
 var FormContext = createContext({});
 function useFormContext() {
@@ -118,7 +119,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix}/${id}`);
   };
@@ -138,7 +139,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix}`);
   };
   const value = {
@@ -578,12 +579,21 @@ function CrudForm({
     /* @__PURE__ */ jsx9("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ jsx9(Fragment5, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ jsx9(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ jsx9(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }

package/dist/crud/generate_routes.js

@@ -7627,7 +7627,7 @@ function generateCrudRoutes(routes, apiFile, file) {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/crud/generate_routes.mjs

@@ -7615,7 +7615,7 @@ export {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/crud/index.js

@@ -7704,6 +7704,7 @@ function deserialize(data) {
 }
 
 // src/crud/crud_form_provider.tsx
+var import_utils = require("dn-react-toolkit/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var FormContext = (0, import_react.createContext)({});
 function useFormContext() {
@@ -7754,7 +7755,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix2}/${id}`);
   };
@@ -7774,7 +7775,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${import_utils.Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix2}`);
   };
   const value = {
@@ -7789,13 +7790,13 @@ function CrudFormProvider({
 }
 
 // src/form/create_form_component.tsx
-var import_utils = require("dn-react-toolkit/utils");
+var import_utils2 = require("dn-react-toolkit/utils");
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { ...props, className: (0, import_utils2.cn)(options.className, className) });
   };
 }
 
@@ -7943,12 +7944,21 @@ function CrudForm({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }
@@ -8231,7 +8241,7 @@ var import_react_router8 = require("react-router");
 var import_go2 = require("react-icons/go");
 
 // src/table/buttons.tsx
-var import_utils2 = require("dn-react-toolkit/utils");
+var import_utils3 = require("dn-react-toolkit/utils");
 var import_react_router6 = require("react-router");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function TablePageButtons({
@@ -8271,7 +8281,7 @@ function TablePageButtons({
             );
             return `${pathname}?${searchParams.toString()}`;
           })(),
-          className: (0, import_utils2.cn)(
+          className: (0, import_utils3.cn)(
             "w-6 block text-center transition-colors",
             currentPage === startButton + index2 + 1 ? "font-bold text-primary" : "hover:text-primary"
           ),
@@ -8295,7 +8305,7 @@ function TablePageButtons({
 }
 
 // src/table/table.tsx
-var import_utils3 = require("dn-react-toolkit/utils");
+var import_utils4 = require("dn-react-toolkit/utils");
 var import_go = require("react-icons/go");
 var import_react_router7 = require("react-router");
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -8316,7 +8326,7 @@ function Table({
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "table",
     {
-      className: (0, import_utils3.cn)(className, "text-[15px] border-separate border-spacing-0"),
+      className: (0, import_utils4.cn)(className, "text-[15px] border-separate border-spacing-0"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: keys.map((key) => {
           const value = columns[key];
@@ -8332,7 +8342,7 @@ function Table({
               return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 "button",
                 {
-                  className: (0, import_utils3.cn)(
+                  className: (0, import_utils4.cn)(
                     orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
                     "px-4 h-14 flex items-center w-full"
                   ),
@@ -8355,7 +8365,7 @@ function Table({
             }
             return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: reactNode });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { className: (0, import_utils3.cn)("border-y font-normal"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Head, {}) }, key);
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { className: (0, import_utils4.cn)("border-y font-normal"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Head, {}) }, key);
         }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tbody", { children: [
           sortedArray.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -8614,7 +8624,7 @@ function generateCrudRoutes(routes, apiFile, file) {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/crud/index.mjs

@@ -7686,6 +7686,7 @@ function deserialize(data) {
 }
 
 // src/crud/crud_form_provider.tsx
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx } from "react/jsx-runtime";
 var FormContext = createContext({});
 function useFormContext() {
@@ -7736,7 +7737,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.`);
     const { id } = await res.json();
     navigate(`${prefix2}/${id}`);
   };
@@ -7756,7 +7757,7 @@ function CrudFormProvider({
       alert(message);
       return;
     }
-    alert(`${name}\uB97C \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
+    alert(`${Korean.with(name, ["\uC744", "\uB97C"])} \uC0AD\uC81C\uD588\uC2B5\uB2C8\uB2E4.`);
     navigate(`${prefix2}`);
   };
   const value = {
@@ -7929,12 +7930,21 @@ function CrudForm({
     /* @__PURE__ */ jsx6("div", { className: "max-w-2xl mx-auto", children: Object.keys(form.columns).length > 0 && /* @__PURE__ */ jsx6(Fragment2, { children: Object.entries(form.columns).map(
       ([name, value]) => {
         function InputComponent() {
+          if (value.component) {
+            const Component = value.component;
+            return /* @__PURE__ */ jsx6(Component, { store: form.store, name });
+          }
           if (value.type === "textarea") {
             return /* @__PURE__ */ jsx6(
               StoreTextEditor,
               {
                 store: form.store,
-                name
+                name,
+                editor: {
+                  attributes: {
+                    class: "text-editor-form"
+                  }
+                }
               }
             );
           }
@@ -8617,7 +8627,7 @@ export {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/post/index.js

@@ -7899,7 +7899,7 @@ function EditorToolbar({
 
 // src/post/post_form_page.tsx
 var import_react_router11 = require("react-router");
-var import_utils6 = require("dn-react-toolkit/utils");
+var import_utils7 = require("dn-react-toolkit/utils");
 var import_react_store_input5 = require("react-store-input");
 var import_react6 = require("react");
 var import_dn_react_text_editor2 = require("dn-react-text-editor");
@@ -7908,17 +7908,18 @@ var import_dn_react_text_editor2 = require("dn-react-text-editor");
 var import_react_router3 = require("react-router");
 var import_react_store_input3 = require("react-store-input");
 var import_react4 = require("react");
+var import_utils3 = require("dn-react-toolkit/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FormContext = (0, import_react4.createContext)({});
 
 // src/form/create_form_component.tsx
-var import_utils3 = require("dn-react-toolkit/utils");
+var import_utils4 = require("dn-react-toolkit/utils");
 var import_react5 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { ...props, className: (0, import_utils3.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { ...props, className: (0, import_utils4.cn)(options.className, className) });
   };
 }
 
@@ -7958,12 +7959,12 @@ var import_react_router8 = require("react-router");
 var import_go3 = require("react-icons/go");
 
 // src/table/buttons.tsx
-var import_utils4 = require("dn-react-toolkit/utils");
+var import_utils5 = require("dn-react-toolkit/utils");
 var import_react_router6 = require("react-router");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/table/table.tsx
-var import_utils5 = require("dn-react-toolkit/utils");
+var import_utils6 = require("dn-react-toolkit/utils");
 var import_go2 = require("react-icons/go");
 var import_react_router7 = require("react-router");
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -8085,7 +8086,7 @@ var createPostFormPage = ({
                 onChange: (e) => {
                   const title = e.target.value;
                   form.store.dispatch((state) => {
-                    state.slug = (0, import_utils6.toSlug)(title);
+                    state.slug = (0, import_utils7.toSlug)(title);
                   });
                 }
               }
@@ -8168,7 +8169,7 @@ var createPostFormPage = ({
           updateDelay: 500,
           editor: {
             attributes: {
-              class: (0, import_utils6.cn)(textEditorClassName, "pb-[50vh]")
+              class: (0, import_utils7.cn)(textEditorClassName, "pb-[50vh]")
             }
           },
           attachFile
@@ -8187,7 +8188,7 @@ var createPostFormPage = ({
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/post/index.mjs

@@ -7905,6 +7905,7 @@ import {
   createContext,
   useContext
 } from "react";
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var FormContext = createContext({});
 
@@ -8201,7 +8202,7 @@ export {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/post/post_form_page.js

@@ -7597,7 +7597,7 @@ __export(post_form_page_exports, {
 });
 module.exports = __toCommonJS(post_form_page_exports);
 var import_react_router11 = require("react-router");
-var import_utils6 = require("dn-react-toolkit/utils");
+var import_utils7 = require("dn-react-toolkit/utils");
 var import_react_store_input5 = require("react-store-input");
 
 // src/post/editor_toolbar.tsx
@@ -7906,17 +7906,18 @@ function PostThumbnailPicker({
 var import_react_router3 = require("react-router");
 var import_react_store_input3 = require("react-store-input");
 var import_react4 = require("react");
+var import_utils3 = require("dn-react-toolkit/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FormContext = (0, import_react4.createContext)({});
 
 // src/form/create_form_component.tsx
-var import_utils3 = require("dn-react-toolkit/utils");
+var import_utils4 = require("dn-react-toolkit/utils");
 var import_react5 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { ...props, className: (0, import_utils3.cn)(options.className, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tag, { ...props, className: (0, import_utils4.cn)(options.className, className) });
   };
 }
 
@@ -7956,12 +7957,12 @@ var import_react_router8 = require("react-router");
 var import_go3 = require("react-icons/go");
 
 // src/table/buttons.tsx
-var import_utils4 = require("dn-react-toolkit/utils");
+var import_utils5 = require("dn-react-toolkit/utils");
 var import_react_router6 = require("react-router");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/table/table.tsx
-var import_utils5 = require("dn-react-toolkit/utils");
+var import_utils6 = require("dn-react-toolkit/utils");
 var import_go2 = require("react-icons/go");
 var import_react_router7 = require("react-router");
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -8083,7 +8084,7 @@ var createPostFormPage = ({
                 onChange: (e) => {
                   const title = e.target.value;
                   form.store.dispatch((state) => {
-                    state.slug = (0, import_utils6.toSlug)(title);
+                    state.slug = (0, import_utils7.toSlug)(title);
                   });
                 }
               }
@@ -8166,7 +8167,7 @@ var createPostFormPage = ({
           updateDelay: 500,
           editor: {
             attributes: {
-              class: (0, import_utils6.cn)(textEditorClassName, "pb-[50vh]")
+              class: (0, import_utils7.cn)(textEditorClassName, "pb-[50vh]")
             }
           },
           attachFile
@@ -8183,7 +8184,7 @@ var createPostFormPage = ({
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/dist/post/post_form_page.mjs

@@ -7907,6 +7907,7 @@ import {
   createContext,
   useContext
 } from "react";
+import { Korean } from "dn-react-toolkit/utils";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var FormContext = createContext({});
 
@@ -8201,7 +8202,7 @@ export {
 
 @react-router/dev/dist/routes.js:
   (**
-   * @react-router/dev v7.12.0
+   * @react-router/dev v7.13.1
    *
    * Copyright (c) Remix Software Inc.
    *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -77,19 +77,19 @@
   "homepage": "https://github.com/dndnsoft/dn-react-router-toolkit#readme",
   "description": "",
   "devDependencies": {
-    "@react-router/dev": "^7.12.0",
-    "@types/node": "^24.10.1",
+    "@react-router/dev": "^7.13.1",
+    "@types/node": "^25.3.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "schema-dts": "^1.1.5",
     "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "cookie": "^1.1.1",
     "dn-react-text-editor": "^0.3.7",
-    "dn-react-toolkit": "^0.2.52",
-    "pg": "^8.16.3",
+    "dn-react-toolkit": "^0.2.54",
+    "pg": "^8.19.0",
     "react-icons": "^5.5.0",
     "react-store-input": "^0.2.1",
     "uuid": "^13.0.0"
@@ -98,6 +98,6 @@
     "drizzle-orm": "^0.45.1",
     "react": "^19",
     "react-dom": "^19",
-    "react-router": "^7.12.0"
+    "react-router": "^7.13.1"
   }
-}
+}