@bbodek/hooks 0.0.1

package/dist/dotoli-hooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),d=typeof window<"u"?n.useLayoutEffect:n.useEffect,y=({initialValues:c,validate:o})=>{const[s,a]=n.useState(c),[f,u]=n.useState({});return{values:s,setValues:t=>{const e=typeof t=="function"?t(s):t;if(a(e),o){const r=o(e);u(r)}},errors:f,handleChange:t=>{const{name:e,value:r}=t.target;if(e in c&&(a({...s,[e]:r}),o)){const i=o({...s,[e]:r});u(i)}},setErrors:u}};exports.useForm=y;exports.useIsomorphicLayoutEffect=d;

package/dist/dotoli-hooks.es.js

@@ -0,0 +1,33 @@
+import { useLayoutEffect as d, useEffect as p, useState as u } from "react";
+const y = typeof window < "u" ? d : p, g = ({
+  initialValues: c,
+  validate: e
+}) => {
+  const [s, f] = u(c), [a, r] = u({});
+  return {
+    values: s,
+    setValues: (o) => {
+      const t = typeof o == "function" ? o(s) : o;
+      if (f(t), e) {
+        const n = e(t);
+        r(n);
+      }
+    },
+    errors: a,
+    handleChange: (o) => {
+      const { name: t, value: n } = o.target;
+      if (t in c && (f({ ...s, [t]: n }), e)) {
+        const i = e({
+          ...s,
+          [t]: n
+        });
+        r(i);
+      }
+    },
+    setErrors: r
+  };
+};
+export {
+  g as useForm,
+  y as useIsomorphicLayoutEffect
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { default as useForm } from "./useForm";

package/dist/useForm/index.d.ts

@@ -0,0 +1,3 @@
+import { Props, UseFormReturnType } from "./types";
+declare const useForm: <T extends object>({ initialValues, validate, }: Props<T>) => UseFormReturnType<T>;
+export default useForm;

package/dist/useForm/types.d.ts

@@ -0,0 +1,19 @@
+import { ChangeEvent, Dispatch, SetStateAction } from "react";
+export type ValueKey<T> = keyof T & string;
+export type UseFormErrors = {
+    [key: string]: string;
+};
+export interface Props<T> {
+    initialValues: T;
+    validate?: (fields: T) => UseFormErrors;
+}
+export interface UseFormHandleChangeParams {
+    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
+}
+export interface UseFormReturnType<T> {
+    values: T;
+    setValues: Dispatch<SetStateAction<T>>;
+    errors: UseFormErrors;
+    handleChange: (event: UseFormHandleChangeParams["event"]) => void;
+    setErrors: Dispatch<SetStateAction<UseFormErrors>>;
+}

package/dist/useIsomorphicLayoutEffect/index.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@bbodek/hooks",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/dotoli-hooks.cjs.js",
+  "module": "dist/dotoli-hooks.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/dotoli-hooks.cjs.js",
+      "import": "./dist/dotoli-hooks.es.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix",
+    "preview": "vite preview",
+    "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,css,html}\""
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@dotoli/eslint-config": "workspace:*",
+    "@dotoli/prettier-config": "workspace:*",
+    "@dotoli/typescript-config": "workspace:*",
+    "@eslint/js": "^9.13.0",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/parser": "^7.1.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^9.13.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.10",
+    "vite-tsconfig-paths": "^5.1.1"
+  },
+  "prettier": "@dotoli/prettier-config"
+}