dn-react-router-toolkit 0.6.4 → 0.6.6

package/dist/client/index.d.mts

@@ -2,7 +2,7 @@ export { env } from './env.mjs';
 export { EnvLoader } from './env_loader.mjs';
 export { FileInput } from './file_input.mjs';
 export { useUserAgent } from './use_user_agent.mjs';
-export { createStoreTextEditor } from './store_text_editor.mjs';
+export { StoreTextEditor } from './store_text_editor.mjs';
 import 'react';
 import 'dn-react-text-editor';
 import 'react-store-input';

package/dist/client/index.d.ts

@@ -2,7 +2,7 @@ export { env } from './env.js';
 export { EnvLoader } from './env_loader.js';
 export { FileInput } from './file_input.js';
 export { useUserAgent } from './use_user_agent.js';
-export { createStoreTextEditor } from './store_text_editor.js';
+export { StoreTextEditor } from './store_text_editor.js';
 import 'react';
 import 'dn-react-text-editor';
 import 'react-store-input';

package/dist/client/index.js

@@ -32,7 +32,7 @@ var client_exports = {};
 __export(client_exports, {
   EnvLoader: () => EnvLoader,
   FileInput: () => FileInput,
-  createStoreTextEditor: () => createStoreTextEditor,
+  StoreTextEditor: () => StoreTextEditor,
   env: () => env,
   useUserAgent: () => useUserAgent
 });
@@ -122,63 +122,55 @@ function useUserAgent() {
 var import_dn_react_text_editor = require("dn-react-text-editor");
 var import_react_store_input = require("react-store-input");
 var import_react4 = __toESM(require("react"));
-function createStoreTextEditor(TextEditor) {
-  function StoreComponent({
-    store,
-    name,
-    defaultValue,
-    ...props
-  }) {
-    const { ref, dispatch } = (0, import_react_store_input.useStoreController)(
-      store,
-      {
-        ref: props.ref,
-        onSubscribe: (state, element) => {
-          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
-          if (element.value !== result) {
-            element.value = result;
-          }
-        },
-        onDispatch: (state, element) => {
-          if (props.setter) {
-            props.setter(state, element.value);
-            return;
-          }
-          if (name) {
-            state[name] = element.value;
-          }
-        }
+function StoreTextEditor({
+  store,
+  name,
+  defaultValue,
+  ...props
+}) {
+  const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
+    onSubscribe: (state, element) => {
+      const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+      if (element.value !== result) {
+        element.value = result;
       }
-    );
-    const getDefaultValue = () => {
-      if (props.getter) {
-        return props.getter(store.state);
+    },
+    onDispatch: (state, element) => {
+      if (props.setter) {
+        props.setter(state, element.value);
+        return;
       }
       if (name) {
-        return store.state[name];
+        state[name] = element.value;
       }
-      return void 0;
-    };
-    return /* @__PURE__ */ import_react4.default.createElement(
-      TextEditor,
-      {
-        ...props,
-        ref,
-        defaultValue: defaultValue ?? getDefaultValue(),
-        onChange: (e) => {
-          dispatch();
-          props.onChange?.(e);
-        }
+    }
+  });
+  const getDefaultValue = () => {
+    if (props.getter) {
+      return props.getter(store.state);
+    }
+    if (name) {
+      return store.state[name];
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(
+    import_dn_react_text_editor.TextEditor,
+    {
+      ...props,
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (e) => {
+        dispatch();
+        props.onChange?.(e);
       }
-    );
-  }
-  return StoreComponent;
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EnvLoader,
   FileInput,
-  createStoreTextEditor,
+  StoreTextEditor,
   env,
   useUserAgent
 });

package/dist/client/index.mjs

@@ -79,65 +79,59 @@ function useUserAgent() {
 }
 
 // src/client/store_text_editor.tsx
-import "dn-react-text-editor";
+import {
+  TextEditor
+} from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
 import React3 from "react";
-function createStoreTextEditor(TextEditor) {
-  function StoreComponent({
-    store,
-    name,
-    defaultValue,
-    ...props
-  }) {
-    const { ref, dispatch } = useStoreController(
-      store,
-      {
-        ref: props.ref,
-        onSubscribe: (state, element) => {
-          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
-          if (element.value !== result) {
-            element.value = result;
-          }
-        },
-        onDispatch: (state, element) => {
-          if (props.setter) {
-            props.setter(state, element.value);
-            return;
-          }
-          if (name) {
-            state[name] = element.value;
-          }
-        }
+function StoreTextEditor({
+  store,
+  name,
+  defaultValue,
+  ...props
+}) {
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state, element) => {
+      const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+      if (element.value !== result) {
+        element.value = result;
       }
-    );
-    const getDefaultValue = () => {
-      if (props.getter) {
-        return props.getter(store.state);
+    },
+    onDispatch: (state, element) => {
+      if (props.setter) {
+        props.setter(state, element.value);
+        return;
       }
       if (name) {
-        return store.state[name];
+        state[name] = element.value;
       }
-      return void 0;
-    };
-    return /* @__PURE__ */ React3.createElement(
-      TextEditor,
-      {
-        ...props,
-        ref,
-        defaultValue: defaultValue ?? getDefaultValue(),
-        onChange: (e) => {
-          dispatch();
-          props.onChange?.(e);
-        }
+    }
+  });
+  const getDefaultValue = () => {
+    if (props.getter) {
+      return props.getter(store.state);
+    }
+    if (name) {
+      return store.state[name];
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ React3.createElement(
+    TextEditor,
+    {
+      ...props,
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (e) => {
+        dispatch();
+        props.onChange?.(e);
       }
-    );
-  }
-  return StoreComponent;
+    }
+  );
 }
 export {
   EnvLoader,
   FileInput,
-  createStoreTextEditor,
+  StoreTextEditor,
   env,
   useUserAgent
 };

package/dist/client/store_text_editor.d.mts

@@ -1,6 +1,6 @@
 import { TextEditorProps } from 'dn-react-text-editor';
 import { Store } from 'react-store-input';
-import React__default, { FC } from 'react';
+import React__default from 'react';
 
 type Props<TState> = {
     store: Store<TState>;
@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function createStoreTextEditor(TextEditor: FC<TextEditorProps>): <TState>({ store, name, defaultValue, ...props }: Props<TState>) => React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
 
-export { createStoreTextEditor };
+export { StoreTextEditor };

package/dist/client/store_text_editor.d.ts

@@ -1,6 +1,6 @@
 import { TextEditorProps } from 'dn-react-text-editor';
 import { Store } from 'react-store-input';
-import React__default, { FC } from 'react';
+import React__default from 'react';
 
 type Props<TState> = {
     store: Store<TState>;
@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function createStoreTextEditor(TextEditor: FC<TextEditorProps>): <TState>({ store, name, defaultValue, ...props }: Props<TState>) => React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
 
-export { createStoreTextEditor };
+export { StoreTextEditor };

package/dist/client/store_text_editor.js

@@ -30,65 +30,57 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client/store_text_editor.tsx
 var store_text_editor_exports = {};
 __export(store_text_editor_exports, {
-  createStoreTextEditor: () => createStoreTextEditor
+  StoreTextEditor: () => StoreTextEditor
 });
 module.exports = __toCommonJS(store_text_editor_exports);
 var import_dn_react_text_editor = require("dn-react-text-editor");
 var import_react_store_input = require("react-store-input");
 var import_react = __toESM(require("react"));
-function createStoreTextEditor(TextEditor) {
-  function StoreComponent({
-    store,
-    name,
-    defaultValue,
-    ...props
-  }) {
-    const { ref, dispatch } = (0, import_react_store_input.useStoreController)(
-      store,
-      {
-        ref: props.ref,
-        onSubscribe: (state, element) => {
-          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
-          if (element.value !== result) {
-            element.value = result;
-          }
-        },
-        onDispatch: (state, element) => {
-          if (props.setter) {
-            props.setter(state, element.value);
-            return;
-          }
-          if (name) {
-            state[name] = element.value;
-          }
-        }
+function StoreTextEditor({
+  store,
+  name,
+  defaultValue,
+  ...props
+}) {
+  const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
+    onSubscribe: (state, element) => {
+      const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+      if (element.value !== result) {
+        element.value = result;
       }
-    );
-    const getDefaultValue = () => {
-      if (props.getter) {
-        return props.getter(store.state);
+    },
+    onDispatch: (state, element) => {
+      if (props.setter) {
+        props.setter(state, element.value);
+        return;
       }
       if (name) {
-        return store.state[name];
+        state[name] = element.value;
       }
-      return void 0;
-    };
-    return /* @__PURE__ */ import_react.default.createElement(
-      TextEditor,
-      {
-        ...props,
-        ref,
-        defaultValue: defaultValue ?? getDefaultValue(),
-        onChange: (e) => {
-          dispatch();
-          props.onChange?.(e);
-        }
+    }
+  });
+  const getDefaultValue = () => {
+    if (props.getter) {
+      return props.getter(store.state);
+    }
+    if (name) {
+      return store.state[name];
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_dn_react_text_editor.TextEditor,
+    {
+      ...props,
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (e) => {
+        dispatch();
+        props.onChange?.(e);
       }
-    );
-  }
-  return StoreComponent;
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createStoreTextEditor
+  StoreTextEditor
 });

package/dist/client/store_text_editor.mjs

@@ -1,59 +1,53 @@
 // src/client/store_text_editor.tsx
-import "dn-react-text-editor";
+import {
+  TextEditor
+} from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
 import React from "react";
-function createStoreTextEditor(TextEditor) {
-  function StoreComponent({
-    store,
-    name,
-    defaultValue,
-    ...props
-  }) {
-    const { ref, dispatch } = useStoreController(
-      store,
-      {
-        ref: props.ref,
-        onSubscribe: (state, element) => {
-          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
-          if (element.value !== result) {
-            element.value = result;
-          }
-        },
-        onDispatch: (state, element) => {
-          if (props.setter) {
-            props.setter(state, element.value);
-            return;
-          }
-          if (name) {
-            state[name] = element.value;
-          }
-        }
+function StoreTextEditor({
+  store,
+  name,
+  defaultValue,
+  ...props
+}) {
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state, element) => {
+      const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+      if (element.value !== result) {
+        element.value = result;
       }
-    );
-    const getDefaultValue = () => {
-      if (props.getter) {
-        return props.getter(store.state);
+    },
+    onDispatch: (state, element) => {
+      if (props.setter) {
+        props.setter(state, element.value);
+        return;
       }
       if (name) {
-        return store.state[name];
+        state[name] = element.value;
       }
-      return void 0;
-    };
-    return /* @__PURE__ */ React.createElement(
-      TextEditor,
-      {
-        ...props,
-        ref,
-        defaultValue: defaultValue ?? getDefaultValue(),
-        onChange: (e) => {
-          dispatch();
-          props.onChange?.(e);
-        }
+    }
+  });
+  const getDefaultValue = () => {
+    if (props.getter) {
+      return props.getter(store.state);
+    }
+    if (name) {
+      return store.state[name];
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ React.createElement(
+    TextEditor,
+    {
+      ...props,
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (e) => {
+        dispatch();
+        props.onChange?.(e);
       }
-    );
-  }
-  return StoreComponent;
+    }
+  );
 }
 export {
-  createStoreTextEditor
+  StoreTextEditor
 };

package/dist/crud/crud_form.js

@@ -46,83 +46,14 @@ function useFormContext() {
 
 // src/crud/crud_form.tsx
 var import_react8 = __toESM(require("react"));
-var import_dn_react_text_editor2 = require("dn-react-text-editor");
-
-// src/client/env_loader.tsx
-var import_react3 = __toESM(require("react"));
-var import_react_router2 = require("react-router");
-
-// src/client/file_input.tsx
-var import_react4 = require("react");
-var import_react5 = __toESM(require("react"));
-
-// src/client/use_user_agent.tsx
-var import_react_router3 = require("react-router");
-
-// src/client/store_text_editor.tsx
-var import_dn_react_text_editor = require("dn-react-text-editor");
-var import_react_store_input2 = require("react-store-input");
-var import_react6 = __toESM(require("react"));
-function createStoreTextEditor(TextEditor2) {
-  function StoreComponent({
-    store,
-    name,
-    defaultValue,
-    ...props
-  }) {
-    const { ref, dispatch } = (0, import_react_store_input2.useStoreController)(
-      store,
-      {
-        ref: props.ref,
-        onSubscribe: (state, element) => {
-          const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
-          if (element.value !== result) {
-            element.value = result;
-          }
-        },
-        onDispatch: (state, element) => {
-          if (props.setter) {
-            props.setter(state, element.value);
-            return;
-          }
-          if (name) {
-            state[name] = element.value;
-          }
-        }
-      }
-    );
-    const getDefaultValue = () => {
-      if (props.getter) {
-        return props.getter(store.state);
-      }
-      if (name) {
-        return store.state[name];
-      }
-      return void 0;
-    };
-    return /* @__PURE__ */ import_react6.default.createElement(
-      TextEditor2,
-      {
-        ...props,
-        ref,
-        defaultValue: defaultValue ?? getDefaultValue(),
-        onChange: (e) => {
-          dispatch();
-          props.onChange?.(e);
-        }
-      }
-    );
-  }
-  return StoreComponent;
-}
 
 // src/form/create_form_component.tsx
 var import_utils = require("dn-react-toolkit/utils");
-var import_react7 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 function createComponent(tag, options) {
   return function FormComponent({ className, ...props }) {
     const Tag = tag;
-    return /* @__PURE__ */ import_react7.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+    return /* @__PURE__ */ import_react3.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
   };
 }
 
@@ -139,7 +70,68 @@ var FormLabel = createComponent("label", {
 
 // src/crud/crud_form.tsx
 var import_react_store_input3 = require("react-store-input");
-var TextEditor = createStoreTextEditor((0, import_dn_react_text_editor2.createTextEditor)());
+
+// src/client/env_loader.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_router2 = require("react-router");
+
+// src/client/file_input.tsx
+var import_react5 = require("react");
+var import_react6 = __toESM(require("react"));
+
+// src/client/use_user_agent.tsx
+var import_react_router3 = require("react-router");
+
+// src/client/store_text_editor.tsx
+var import_dn_react_text_editor = require("dn-react-text-editor");
+var import_react_store_input2 = require("react-store-input");
+var import_react7 = __toESM(require("react"));
+function StoreTextEditor({
+  store,
+  name,
+  defaultValue,
+  ...props
+}) {
+  const { dispatch } = (0, import_react_store_input2.useStoreController)(store, {
+    onSubscribe: (state, element) => {
+      const result = (props.getter ? props.getter(state) : name ? state[name] : "") || "";
+      if (element.value !== result) {
+        element.value = result;
+      }
+    },
+    onDispatch: (state, element) => {
+      if (props.setter) {
+        props.setter(state, element.value);
+        return;
+      }
+      if (name) {
+        state[name] = element.value;
+      }
+    }
+  });
+  const getDefaultValue = () => {
+    if (props.getter) {
+      return props.getter(store.state);
+    }
+    if (name) {
+      return store.state[name];
+    }
+    return void 0;
+  };
+  return /* @__PURE__ */ import_react7.default.createElement(
+    import_dn_react_text_editor.TextEditor,
+    {
+      ...props,
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (e) => {
+        dispatch();
+        props.onChange?.(e);
+      }
+    }
+  );
+}
+
+// src/crud/crud_form.tsx
 function CrudForm({
   AdminHeader
 }) {
@@ -149,7 +141,17 @@ function CrudForm({
     AdminHeader,
     {
       title: `${form.name} ${form.item ? "\uC218\uC815" : "\uCD94\uAC00"}`,
-      actions: /* @__PURE__ */ import_react8.default.createElement(
+      actions: /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, form.item && /* @__PURE__ */ import_react8.default.createElement(
+        "button",
+        {
+          type: "button",
+          className: "button-outline",
+          onClick: () => {
+            form.delete();
+          }
+        },
+        "\uC0AD\uC81C\uD558\uAE30"
+      ), /* @__PURE__ */ import_react8.default.createElement(
         "button",
         {
           type: "button",
@@ -157,13 +159,19 @@ function CrudForm({
           onClick: form.submit
         },
         "\uC800\uC7A5\uD558\uAE30"
-      )
+      ))
     }
   ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "max-w-2xl mx-auto" }, Object.keys(form.columns).length > 0 && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, Object.entries(form.columns).map(
     ([name, value]) => {
       function InputComponent() {
         if (value.type === "textarea") {
-          return /* @__PURE__ */ import_react8.default.createElement(TextEditor, { store: form.store, name });
+          return /* @__PURE__ */ import_react8.default.createElement(
+            StoreTextEditor,
+            {
+              store: form.store,
+              name
+            }
+          );
         }
         if (value.options) {
           const Component = value.options;