dn-react-router-toolkit 0.6.7 → 0.6.10

package/dist/client/index.js

@@ -128,28 +128,49 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = (0, import_react_store_input.useStoreController)(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -159,11 +180,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ import_react4.default.createElement(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/index.mjs

@@ -83,35 +83,56 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React3 from "react";
+import React3, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = useStoreController(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -121,11 +142,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ React3.createElement(
     TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/store_text_editor.d.mts

@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: Props<TState>): React__default.JSX.Element;
 
 export { StoreTextEditor };

package/dist/client/store_text_editor.d.ts

@@ -8,6 +8,6 @@ type Props<TState> = {
     getter?: (state: TState) => string;
     setter?: (state: TState, value: string) => void;
 } & TextEditorProps;
-declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ...props }: Props<TState>): React__default.JSX.Element;
+declare function StoreTextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: Props<TState>): React__default.JSX.Element;
 
 export { StoreTextEditor };

package/dist/client/store_text_editor.js

@@ -42,28 +42,49 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = (0, import_react_store_input.useStoreController)(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = (0, import_react_store_input.useStoreController)(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -73,11 +94,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ import_react.default.createElement(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/store_text_editor.mjs

@@ -3,35 +3,56 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React from "react";
+import React, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = useStoreController(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -41,11 +62,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ React.createElement(
     TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_form.js

@@ -92,28 +92,49 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = (0, import_react_store_input2.useStoreController)(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = (0, import_react_store_input2.useStoreController)(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -123,11 +144,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ import_react7.default.createElement(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_form.mjs

@@ -51,35 +51,56 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5 from "react";
+import React5, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = useStoreController(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -89,11 +110,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ React5.createElement(
     TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_page.js

@@ -633,28 +633,49 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = (0, import_react_store_input2.useStoreController)(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = (0, import_react_store_input2.useStoreController)(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -664,11 +685,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ import_react12.default.createElement(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_page.mjs

@@ -600,35 +600,56 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React10 from "react";
+import React10, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = useStoreController(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -638,11 +659,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ React10.createElement(
     TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/index.js

@@ -7832,28 +7832,49 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = (0, import_react_store_input2.useStoreController)(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useImperativeHandle)(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = (0, import_react_store_input2.useStoreController)(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -7863,11 +7884,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ import_react7.default.createElement(
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/index.mjs

@@ -7808,35 +7808,56 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5 from "react";
+import React5, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const { ref, dispatch } = useStoreController(
-    store,
-    {
-      onSubscribe: (state, element) => {
-        const result = (getter ? getter(state) : name ? state[name] : "") || "";
-        if (element.value !== result) {
-          element.value = result;
-        }
-      },
-      onDispatch: (state, element) => {
-        if (setter) {
-          setter(state, element.value);
-          return;
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
         }
         if (name) {
-          state[name] = element.value;
+          return state[name];
         }
+        return "";
+      };
+      const result = getResult();
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      if (setter) {
+        setter(state, controller.value);
+        return;
+      }
+      if (name) {
+        state[name] = controller.value;
       }
     }
-  );
+  });
   const getDefaultValue = () => {
     if (getter) {
       return getter(store.state);
@@ -7846,11 +7867,11 @@ function StoreTextEditor({
     }
     return void 0;
   };
-  ref.current = props.controller || null;
   return /* @__PURE__ */ React5.createElement(
     TextEditor,
     {
       ...props,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.6.7",
+  "version": "0.6.10",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -86,10 +86,10 @@
     "typescript": "^5.7.3"
   },
   "dependencies": {
-    "dn-react-text-editor": "^0.3.4",
+    "dn-react-text-editor": "^0.3.5",
     "dn-react-toolkit": "^0.2.49",
     "pg": "^8.16.3",
-    "react-store-input": "^0.1.7",
+    "react-store-input": "^0.1.9",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {