react-store-input 0.1.4 → 0.1.6

package/dist/use_store_input_with_name.mjs

@@ -3,7 +3,7 @@ import "react";
 import { format } from "date-fns";
 
 // src/use_store_controller.tsx
-import { useEffect as useEffect2, useId, useRef } from "react";
+import { useId, useImperativeHandle, useRef } from "react";
 
 // src/use_subscribe.tsx
 import { useEffect } from "react";
@@ -19,18 +19,8 @@ function useSubscribe(store, subscriber) {
 // src/use_store_controller.tsx
 function useStoreController(store, props) {
   const ref = useRef(null);
+  useImperativeHandle(props.ref, () => ref.current, []);
   const dispatchKey = useId();
-  useEffect2(() => {
-    const element = ref.current;
-    if (!element) {
-      return;
-    }
-    if (typeof props.ref === "function") {
-      props.ref(element);
-    } else if (props.ref) {
-      props.ref.current = element;
-    }
-  }, []);
   useSubscribe(store, (state, key) => {
     if (key === dispatchKey) {
       return;
@@ -38,7 +28,7 @@ function useStoreController(store, props) {
     if (!ref.current) return;
     props.onSubscribe(state, ref.current);
   });
-  const onChange = () => {
+  const dispatch = () => {
     store.dispatch(
       (state) => {
         const element = ref.current;
@@ -52,26 +42,24 @@ function useStoreController(store, props) {
   };
   return {
     ref,
-    onChange
+    dispatch
   };
 }
 
 // src/use_store_input.tsx
 function useStoreInput(store, props) {
-  const toInputValue = (value) => {
+  const toInputValue = props.toInputValue || ((value) => {
     if (value === void 0 || value === null) {
       return "";
     }
     if (props.type === "datetime-local") {
-      if (value instanceof Date) {
-        return format(value, "yyyy-MM-dd'T'HH:mm:ss");
-      }
-      if (typeof value === "string") {
-        return toInputValue(new Date(value));
+      const date = new Date(value);
+      if (!isNaN(date.getTime())) {
+        return format(date, "yyyy-MM-dd'T'HH:mm:ss");
       }
     }
     return String(value);
-  };
+  });
   const getDefaultValue = () => {
     if (props.defaultValue !== void 0) {
       return props.defaultValue;
@@ -96,16 +84,15 @@ function useStoreInput(store, props) {
     }
     return toInputChecked(props.getter(store.state));
   };
-  function toStateValue(value) {
-    const selected = props.getter(store.state);
-    if (typeof selected === "number") {
+  const toStateValue = props.toStateValue || ((value) => {
+    if (props.type === "number" || props.type === "range") {
       return Number(value);
     }
-    if (selected instanceof Date) {
+    if (props.type === "datetime-local") {
       return new Date(value);
     }
     return value;
-  }
+  });
   const inputProps = useStoreController(store, {
     ref: props.ref,
     onSubscribe: (state, element) => {
@@ -138,7 +125,7 @@ function useStoreInput(store, props) {
     defaultValue: getDefaultValue(),
     defaultChecked: getDefaultChecked(),
     onChange: (event) => {
-      inputProps.onChange();
+      inputProps.dispatch();
       props.onChange?.(event);
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-store-input",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",

package/dist/serialize.d.mts

@@ -1,4 +0,0 @@
-declare function serialize(value: unknown): unknown;
-declare function deserialize(data: unknown): unknown;
-
-export { deserialize, serialize };

package/dist/serialize.d.ts

@@ -1,4 +0,0 @@
-declare function serialize(value: unknown): unknown;
-declare function deserialize(data: unknown): unknown;
-
-export { deserialize, serialize };

package/dist/serialize.js

@@ -1,116 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/serialize.ts
-var serialize_exports = {};
-__export(serialize_exports, {
-  deserialize: () => deserialize,
-  serialize: () => serialize
-});
-module.exports = __toCommonJS(serialize_exports);
-function serialize(value) {
-  if (value === void 0) {
-    return void 0;
-  }
-  if (value === null) {
-    return {
-      type: "null",
-      value: null
-    };
-  }
-  if (typeof value === "string") {
-    return {
-      type: "string",
-      value
-    };
-  }
-  if (typeof value === "number") {
-    return {
-      type: "number",
-      value
-    };
-  }
-  if (typeof value === "boolean") {
-    return {
-      type: "boolean",
-      value
-    };
-  }
-  if (value instanceof Date) {
-    return {
-      type: "date",
-      value: value.toISOString()
-    };
-  }
-  if (Array.isArray(value)) {
-    return {
-      type: "array",
-      value: value.map((item) => serialize(item))
-    };
-  }
-  if (typeof value === "object") {
-    return {
-      type: "object",
-      value: Object.entries(value).reduce((acc, [key, value2]) => {
-        return {
-          ...acc,
-          [key]: serialize(value2)
-        };
-      }, {})
-    };
-  }
-  return void 0;
-}
-function deserialize(data) {
-  if (data === void 0) {
-    return void 0;
-  }
-  if (typeof data === "object" && data !== null && "type" in data && "value" in data) {
-    const { type, value } = data;
-    switch (type) {
-      case "null":
-        return null;
-      case "string":
-        return value;
-      case "number":
-        return value;
-      case "boolean":
-        return value;
-      case "date":
-        return new Date(value);
-      case "array":
-        return value.map((item) => deserialize(item));
-      case "object":
-        return Object.entries(value).reduce((acc, [key, value2]) => {
-          return {
-            ...acc,
-            [key]: deserialize(value2)
-          };
-        }, {});
-      default:
-        return void 0;
-    }
-  }
-  return void 0;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  deserialize,
-  serialize
-});

package/dist/serialize.mjs

@@ -1,90 +0,0 @@
-// src/serialize.ts
-function serialize(value) {
-  if (value === void 0) {
-    return void 0;
-  }
-  if (value === null) {
-    return {
-      type: "null",
-      value: null
-    };
-  }
-  if (typeof value === "string") {
-    return {
-      type: "string",
-      value
-    };
-  }
-  if (typeof value === "number") {
-    return {
-      type: "number",
-      value
-    };
-  }
-  if (typeof value === "boolean") {
-    return {
-      type: "boolean",
-      value
-    };
-  }
-  if (value instanceof Date) {
-    return {
-      type: "date",
-      value: value.toISOString()
-    };
-  }
-  if (Array.isArray(value)) {
-    return {
-      type: "array",
-      value: value.map((item) => serialize(item))
-    };
-  }
-  if (typeof value === "object") {
-    return {
-      type: "object",
-      value: Object.entries(value).reduce((acc, [key, value2]) => {
-        return {
-          ...acc,
-          [key]: serialize(value2)
-        };
-      }, {})
-    };
-  }
-  return void 0;
-}
-function deserialize(data) {
-  if (data === void 0) {
-    return void 0;
-  }
-  if (typeof data === "object" && data !== null && "type" in data && "value" in data) {
-    const { type, value } = data;
-    switch (type) {
-      case "null":
-        return null;
-      case "string":
-        return value;
-      case "number":
-        return value;
-      case "boolean":
-        return value;
-      case "date":
-        return new Date(value);
-      case "array":
-        return value.map((item) => deserialize(item));
-      case "object":
-        return Object.entries(value).reduce((acc, [key, value2]) => {
-          return {
-            ...acc,
-            [key]: deserialize(value2)
-          };
-        }, {});
-      default:
-        return void 0;
-    }
-  }
-  return void 0;
-}
-export {
-  deserialize,
-  serialize
-};