react-store-input 0.2.5 → 0.4.0

package/dist/use_store_input_with_name.mjs

@@ -1,150 +0,0 @@
-// src/use_store_input.tsx
-import { format } from "date-fns";
-
-// src/use_store_controller.tsx
-import { useEffect, useId } from "react";
-function useStoreController(store, props) {
-  const dispatchKey = useId();
-  useEffect(() => {
-    const unsub = store.subscribe((state, key) => {
-      if (key === dispatchKey) {
-        return;
-      }
-      props.onSubscribe(state);
-    });
-    return () => {
-      unsub();
-    };
-  }, []);
-  const dispatch = () => {
-    store.dispatch(
-      (state) => {
-        props.onDispatch(state);
-      },
-      {
-        key: dispatchKey
-      }
-    );
-  };
-  return {
-    dispatch
-  };
-}
-
-// src/use_store_input.tsx
-function useStoreInput(ref, store, props) {
-  const toInputValue = props.toInputValue || ((value) => {
-    if (value === void 0 || value === null) {
-      return "";
-    }
-    if (props.type === "datetime-local") {
-      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;
-    }
-    if (props.type === "checkbox" || props.type === "radio") {
-      return void 0;
-    }
-    return toInputValue(props.getter(store.state));
-  };
-  const toInputChecked = (value) => {
-    if (props.type === "radio") {
-      return value !== void 0 && value === props.value;
-    }
-    return Boolean(value);
-  };
-  const getDefaultChecked = () => {
-    if (props.defaultChecked) {
-      return props.defaultChecked;
-    }
-    if (props.type !== "checkbox" && props.type !== "radio") {
-      return void 0;
-    }
-    return toInputChecked(props.getter(store.state));
-  };
-  const toStateValue = props.toStateValue || ((value) => {
-    if (props.type === "number" || props.type === "range") {
-      return Number(value);
-    }
-    if (props.type === "datetime-local") {
-      return new Date(value);
-    }
-    return value;
-  });
-  const inputProps = useStoreController(store, {
-    onSubscribe: (state) => {
-      const element = ref.current;
-      if (!element) {
-        return;
-      }
-      if ("checked" in element && (props.type === "checkbox" || props.type === "radio")) {
-        const checked = toInputChecked(props.getter(state));
-        if (element.checked === checked) {
-          return;
-        }
-        element.checked = checked;
-      } else {
-        const value = toInputValue(props.getter(state));
-        if (element.value === value) {
-          return;
-        }
-        element.value = value;
-      }
-      const event = new Event("input", { bubbles: true });
-      element.dispatchEvent(event);
-    },
-    onDispatch: (state) => {
-      const element = ref.current;
-      if (!element) {
-        return;
-      }
-      if ("checked" in element && props.type === "checkbox") {
-        props.setter(state, element.checked);
-      } else {
-        props.setter(state, toStateValue(element.value));
-      }
-    }
-  });
-  return {
-    defaultValue: getDefaultValue(),
-    defaultChecked: getDefaultChecked(),
-    onChange: (event) => {
-      inputProps.dispatch();
-      props.onChange?.(event);
-    }
-  };
-}
-
-// src/use_store_input_with_name.tsx
-function useStoreInputWithName(ref, store, props) {
-  const inputProps = useStoreInput(ref, store, {
-    ...props,
-    getter: (state) => {
-      if (props.getter) {
-        return props.getter(state);
-      }
-      return state[props.name];
-    },
-    setter: (state, value) => {
-      if (props.setter) {
-        props.setter(state, value);
-        return;
-      }
-      state[props.name] = value;
-    }
-  });
-  return {
-    ...inputProps,
-    name: "name" in props ? String(props.name) : void 0
-  };
-}
-export {
-  useStoreInputWithName
-};

package/tsup.config.ts

@@ -1,9 +0,0 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig({
-  entry: ["src/**/*.ts", "src/**/*.tsx"], // Your entry file(s)
-  format: ["cjs", "esm"], // Output both CommonJS (.cjs) and ESM (.js/.mjs)
-  dts: true, // Generate .d.ts files for both formats
-  splitting: false,
-  clean: true, // Clean dist folder before build
-});