dn-react-router-toolkit 0.6.8 → 0.6.10

package/dist/client/index.js

@@ -128,22 +128,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react4.useRef)(null);
+  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 = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -169,7 +184,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/index.mjs

@@ -83,29 +83,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React3, { useRef } from "react";
+import React3, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -131,7 +146,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      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,22 +42,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react.useRef)(null);
+  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 = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -83,7 +98,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/client/store_text_editor.mjs

@@ -3,29 +3,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React, { useRef } from "react";
+import React, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -51,7 +66,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_form.js

@@ -92,22 +92,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react7.useRef)(null);
+  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 = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -133,7 +148,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_form.mjs

@@ -51,29 +51,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5, { useRef } from "react";
+import React5, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -99,7 +114,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_page.js

@@ -633,22 +633,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react12.useRef)(null);
+  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 = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -674,7 +689,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/crud_page.mjs

@@ -600,29 +600,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React10, { useRef } from "react";
+import React10, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -648,7 +663,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/index.js

@@ -7832,22 +7832,37 @@ function StoreTextEditor({
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = (0, import_react7.useRef)(null);
+  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 = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -7873,7 +7888,7 @@ function StoreTextEditor({
     import_dn_react_text_editor.TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/dist/crud/index.mjs

@@ -7808,29 +7808,44 @@ import {
   TextEditor
 } from "dn-react-text-editor";
 import { useStoreController } from "react-store-input";
-import React5, { useRef } from "react";
+import React5, { useImperativeHandle, useRef } from "react";
 function StoreTextEditor({
   store,
   name,
   getter,
   setter,
   defaultValue,
+  ref,
   ...props
 }) {
-  const ref = useRef(null);
+  const controllerRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
   const { dispatch } = useStoreController(store, {
     onSubscribe: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
-      const result = (getter ? getter(state) : name ? state[name] : "") || "";
+      const getResult = () => {
+        if (getter) {
+          return getter(state);
+        }
+        if (name) {
+          return state[name];
+        }
+        return "";
+      };
+      const result = getResult();
       if (controller.value !== result) {
         controller.value = result;
       }
     },
     onDispatch: (state) => {
-      const controller = ref.current;
+      const controller = controllerRef.current;
       if (!controller) {
         return;
       }
@@ -7856,7 +7871,7 @@ function StoreTextEditor({
     TextEditor,
     {
       ...props,
-      ref,
+      ref: controllerRef,
       defaultValue: defaultValue ?? getDefaultValue(),
       onChange: (e) => {
         dispatch();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -89,7 +89,7 @@
     "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": {