pratyushform 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/useForm.d.ts +5 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/core/useForm.ts +36 -24
package/dist/core/useForm.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { FieldRules } from "./validators";
|
|
2
|
+
type FormValues = Record<string, string>;
|
|
2
3
|
export declare function useForm(): {
|
|
3
4
|
register: (name: string, fieldRules: FieldRules) => {
|
|
4
5
|
name: string;
|
|
5
|
-
rules: FieldRules;
|
|
6
6
|
};
|
|
7
7
|
updateValue: (name: string, value: string) => void;
|
|
8
|
-
values:
|
|
9
|
-
errors:
|
|
10
|
-
handleSubmit: (callback:
|
|
8
|
+
values: FormValues;
|
|
9
|
+
errors: FormValues;
|
|
10
|
+
handleSubmit: (callback: (values: FormValues) => void) => void;
|
|
11
11
|
};
|
|
12
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -12,15 +12,15 @@ declare function validateValue(value: string, rules: FieldRules): {
|
|
|
12
12
|
message: string;
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
+
type FormValues = Record<string, string>;
|
|
15
16
|
declare function useForm(): {
|
|
16
17
|
register: (name: string, fieldRules: FieldRules) => {
|
|
17
18
|
name: string;
|
|
18
|
-
rules: FieldRules;
|
|
19
19
|
};
|
|
20
20
|
updateValue: (name: string, value: string) => void;
|
|
21
|
-
values:
|
|
22
|
-
errors:
|
|
23
|
-
handleSubmit: (callback:
|
|
21
|
+
values: FormValues;
|
|
22
|
+
errors: FormValues;
|
|
23
|
+
handleSubmit: (callback: (values: FormValues) => void) => void;
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
declare function useField(name: string, rules: FieldRules, updateValue: any): {
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react");function r(e,r){if(r.required&&!e.trim())return{valid:!1,message:"This field
|
|
1
|
+
"use strict";var e=require("react");function r(e,r){if(r.required&&!e.trim())return{valid:!1,message:"This field isssss required."};if(r.minLength&&e.length<r.minLength)return{valid:!1,message:`Minimum length is ${r.minLength}.`};if(r.maxLength&&e.length>r.maxLength)return{valid:!1,message:`Maximum length is ${r.maxLength}.`};if(r.pattern&&!r.pattern.test(e))return{valid:!1,message:"Invalid format."};if(r.validate){const t=r.validate(e);if(!0!==t)return{valid:!1,message:String(t)}}return{valid:!0,message:""}}function t(e,r){let t=0;return(...n)=>{const o=Date.now();o-t>=r&&(t=o,e(...n))}}function n(e,r){let t;return(...n)=>{clearTimeout(t),t=setTimeout(()=>e(...n),r)}}function o(t,o,a){const[s,i]=e.useState(""),l=n(e=>{const t=r(e,o);i(t.message)},300);return{error:s,onChange:function(e){const r=e.target.value;a(t,r),l(r)}}}var a,s={exports:{}},i={};var l,c,u={};
|
|
2
2
|
/**
|
|
3
3
|
* @license React
|
|
4
4
|
* react-jsx-runtime.development.js
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the MIT license found in the
|
|
9
9
|
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/function f(){return l||(l=1,"production"!==process.env.NODE_ENV&&function(){function r(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===w?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"Fragment";case v:return"Profiler";case b:return"StrictMode";case
|
|
10
|
+
*/function f(){return l||(l=1,"production"!==process.env.NODE_ENV&&function(){function r(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===w?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"Fragment";case v:return"Profiler";case b:return"StrictMode";case _:return"Suspense";case S:return"SuspenseList";case O:return"Activity"}if("object"==typeof e)switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case h:return e.displayName||"Context";case g:return(e._context.displayName||"Context")+".Consumer";case k:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case j:return null!==(t=e.displayName||null)?t:r(e.type)||"Memo";case x:t=e._payload,e=e._init;try{return r(e(t))}catch(e){}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch(e){r=!0}if(r){var n=(r=console).error,o="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),t(e)}}function o(e){if(e===d)return"<>";if("object"==typeof e&&null!==e&&e.$$typeof===x)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch(e){return"<...>"}}function a(){return Error("react-stack-top-frame")}function s(){var e=r(this.type);return E[e]||(E[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function i(e,t,o,a,i,c){var u,p=t.children;if(void 0!==p)if(a)if(R(p)){for(a=0;a<p.length;a++)l(p[a]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(p);if(T.call(t,"key")){p=r(e);var m=Object.keys(t).filter(function(e){return"key"!==e});a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",A[p+a]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',a,p,m,p),A[p+a]=!0)}if(p=null,void 0!==o&&(n(o),p=""+o),function(e){if(T.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(t)&&(n(t.key),p=""+t.key),"key"in t)for(var d in o={},t)"key"!==d&&(o[d]=t[d]);else o=t;return p&&function(e,r){function t(){f||(f=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,r,t,n,o,a){var i=t.ref;return e={$$typeof:y,type:e,key:r,props:t,_owner:n},null!==(void 0!==i?i:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:s}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:o}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,p,o,null===(u=N.A)?null:u.getOwner(),i,c)}function l(e){c(e)?e._store&&(e._store.validated=1):"object"==typeof e&&null!==e&&e.$$typeof===x&&("fulfilled"===e._payload.status?c(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function c(e){return"object"==typeof e&&null!==e&&e.$$typeof===y}var f,p=e,y=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),g=Symbol.for("react.consumer"),h=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),O=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),N=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,R=Array.isArray,$=console.createTask?console.createTask:function(){return null},E={},C=(p={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(p,a)(),P=$(o(a)),A={};u.Fragment=d,u.jsx=function(e,r,t){var n=1e4>N.recentlyCreatedOwnerStacks++;return i(e,r,t,!1,n?Error("react-stack-top-frame"):C,n?$(o(e)):P)},u.jsxs=function(e,r,t){var n=1e4>N.recentlyCreatedOwnerStacks++;return i(e,r,t,!0,n?Error("react-stack-top-frame"):C,n?$(o(e)):P)}}()),u}var p=(c||(c=1,"production"===process.env.NODE_ENV?s.exports=function(){if(a)return i;a=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(r,t,n){var o=null;if(void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in n={},t)"key"!==a&&(n[a]=t[a]);else n=t;return t=n.ref,{$$typeof:e,type:r,key:o,ref:void 0!==t?t:null,props:n}}return i.Fragment=r,i.jsx=t,i.jsxs=t,i}():s.exports=f()),s.exports);exports.Field=function({label:e,name:r,rules:t,updateValue:n}){const{error:a,onChange:s}=o(r,t,n);return p.jsxs("div",{className:"field-container",children:[p.jsx("label",{children:e}),p.jsx("input",{name:r,onChange:s,className:a?"error-shake":""}),a&&p.jsx("p",{className:"fade-in",style:{color:"red"},children:a})]})},exports.debounce=n,exports.throttle=t,exports.useField=o,exports.useForm=function(){const[n,o]=e.useState({}),[a,s]=e.useState({}),[i,l]=e.useState({}),c=e.useCallback((e,r)=>(l(t=>t[e]?t:{...t,[e]:r}),{name:e}),[]),u=e.useCallback((e,t)=>{o(r=>({...r,[e]:t}));const n=r(t,i[e]);s(r=>({...r,[e]:n.message}))},[i]),f=t(e=>{for(let e in i){if(!r(n[e],i[e]).valid)return void alert("Form contains errors!")}e(n)},700);return{register:c,updateValue:u,values:n,errors:a,handleSubmit:f}},exports.validateValue=r;
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/core/validators.ts","../src/utils/throttle.ts","../src/utils/debounce.ts","../src/core/useField.ts","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../node_modules/react/cjs/react-jsx-runtime.production.js","../src/components/Field.tsx","../src/core/useForm.ts"],"sourcesContent":["export interface FieldRules {\r\n required?: boolean;\r\n minLength?: number;\r\n maxLength?: number;\r\n pattern?: RegExp;\r\n validate?: (value: string) => boolean | string;\r\n}\r\n\r\nexport function validateValue(value: string, rules: FieldRules) {\r\n if (rules.required && !value.trim()) {\r\n return { valid: false, message: \"This field is required.\" };\r\n }\r\n\r\n if (rules.minLength && value.length < rules.minLength) {\r\n return { valid: false, message: `Minimum length is ${rules.minLength}.` };\r\n }\r\n\r\n if (rules.maxLength && value.length > rules.maxLength) {\r\n return { valid: false, message: `Maximum length is ${rules.maxLength}.` };\r\n }\r\n\r\n if (rules.pattern && !rules.pattern.test(value)) {\r\n return { valid: false, message: \"Invalid format.\" };\r\n }\r\n\r\n if (rules.validate) {\r\n const res = rules.validate(value);\r\n if (res !== true) return { valid: false, message: String(res) };\r\n }\r\n\r\n return { valid: true, message: \"\" };\r\n}\r\n","export function throttle<T extends (...args: any[]) => void>(fn: T, limit: number) {\r\n let lastCall = 0;\r\n\r\n return (...args: Parameters<T>) => {\r\n const now = Date.now();\r\n if (now - lastCall >= limit) {\r\n lastCall = now;\r\n fn(...args);\r\n }\r\n };\r\n}\r\n","export function debounce<T extends (...args: any[]) => void>(fn: T, delay: number) {\r\n let timer: any;\r\n return (...args: Parameters<T>) => {\r\n clearTimeout(timer);\r\n timer = setTimeout(() => fn(...args), delay);\r\n };\r\n}\r\n","import { useState } from \"react\";\r\nimport { debounce } from \"../utils/debounce\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\n\r\nexport function useField(name: string, rules: FieldRules, updateValue: any) {\r\n const [error, setError] = useState(\"\");\r\n\r\n const validate = debounce((value: string) => {\r\n const result = validateValue(value, rules);\r\n setError(result.message);\r\n }, 300);\r\n\r\n function onChange(e: React.ChangeEvent<HTMLInputElement>) {\r\n const value = e.target.value;\r\n updateValue(name, value);\r\n validate(value);\r\n }\r\n\r\n return { error, onChange };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","import React from \"react\";\r\nimport { useField } from \"../core/useField\";\r\nimport { FieldRules } from \"../core/validators\";\r\n\r\ninterface Props {\r\n label: string;\r\n name: string;\r\n rules: FieldRules;\r\n updateValue: (name: string, value: string) => void;\r\n}\r\n\r\nexport function Field({ label, name, rules, updateValue }: Props) {\r\n const { error, onChange } = useField(name, rules, updateValue);\r\n\r\n return (\r\n <div className=\"field-container\">\r\n <label>{label}</label>\r\n\r\n <input\r\n name={name}\r\n onChange={onChange}\r\n className={error ? \"error-shake\" : \"\"}\r\n />\r\n\r\n {error && <p className=\"fade-in\" style={{ color: \"red\" }}>{error}</p>}\r\n </div>\r\n );\r\n}\r\n","import { useState } from \"react\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\nimport { throttle } from \"../utils/throttle\";\r\n\r\nexport function useForm() {\r\n const [values, setValues] = useState<Record<string, string>>({});\r\n const [errors, setErrors] = useState<Record<string, string>>({});\r\n const [rules, setRules] = useState<Record<string, FieldRules>>({});\r\n\r\n function register(name: string, fieldRules: FieldRules) {\r\n setRules((prev) => ({ ...prev, [name]: fieldRules }));\r\n\r\n return {\r\n name,\r\n rules: fieldRules\r\n };\r\n }\r\n\r\n function updateValue(name: string, value: string) {\r\n setValues((prev) => ({ ...prev, [name]: value }));\r\n\r\n const result = validateValue(value, rules[name]);\r\n setErrors((prev) => ({ ...prev, [name]: result.message }));\r\n }\r\n\r\n const handleSubmit = throttle((callback: any) => {\r\n for (let name in rules) {\r\n const result = validateValue(values[name], rules[name]);\r\n if (!result.valid) {\r\n alert(\"Form contains errors!\");\r\n return;\r\n }\r\n }\r\n callback(values);\r\n }, 700);\r\n\r\n return { register, updateValue, values, errors, handleSubmit };\r\n}\r\n"],"names":["validateValue","value","rules","required","trim","valid","message","minLength","length","maxLength","pattern","test","validate","res","String","throttle","fn","limit","lastCall","args","now","Date","debounce","delay","timer","clearTimeout","setTimeout","useField","name","updateValue","error","setError","useState","result","onChange","e","target","process","env","NODE_ENV","getComponentNameFromType","type","$$typeof","REACT_CLIENT_REFERENCE","displayName","REACT_FRAGMENT_TYPE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","tag","console","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","_context","REACT_FORWARD_REF_TYPE","innerType","render","REACT_MEMO_TYPE","REACT_LAZY_TYPE","_payload","_init","x","testStringCoercion","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","Symbol","toStringTag","constructor","call","getTaskName","UnknownOwner","Error","elementRefGetterWithDeprecationWarning","componentName","this","didWarnAboutElementRef","props","ref","jsxDEVImpl","config","maybeKey","isStaticChildren","debugStack","debugTask","dispatcher","children","isArrayImpl","validateChildKeys","Object","freeze","hasOwnProperty","keys","filter","k","join","didWarnAboutKeySpread","getter","getOwnPropertyDescriptor","get","isReactWarning","key","hasValidKey","propName","warnAboutAccessingKey","specialPropKeyWarningShown","defineProperty","configurable","defineKeyPropWarningGetter","owner","refProp","REACT_ELEMENT_TYPE","_owner","enumerable","_store","writable","ReactElement","ReactSharedInternals","A","getOwner","node","isValidElement","validated","status","object","React","require$$0","for","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE","prototype","Array","isArray","createTask","unknownOwnerDebugStack","react_stack_bottom_frame","callStackForError","bind","unknownOwnerDebugTask","reactJsxRuntime_development","Fragment","jsx","trackActualOwner","recentlyCreatedOwnerStacks","jsxs","jsxRuntimeModule","exports","jsxProd","reactJsxRuntime_production","require$$1","label","_jsxs","className","_jsx","style","color","values","setValues","errors","setErrors","setRules","handleSubmit","callback","alert","register","fieldRules","prev"],"mappings":"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","x_google_ignoreList":[4,5,6]}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/core/validators.ts","../src/utils/throttle.ts","../src/utils/debounce.ts","../src/core/useField.ts","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../node_modules/react/cjs/react-jsx-runtime.production.js","../src/components/Field.tsx","../src/core/useForm.ts"],"sourcesContent":["export interface FieldRules {\r\n required?: boolean;\r\n minLength?: number;\r\n maxLength?: number;\r\n pattern?: RegExp;\r\n validate?: (value: string) => boolean | string;\r\n}\r\n\r\nexport function validateValue(value: string, rules: FieldRules) {\r\n if (rules.required && !value.trim()) {\r\n return { valid: false, message: \"This field isssss required.\" };\r\n }\r\n\r\n if (rules.minLength && value.length < rules.minLength) {\r\n return { valid: false, message: `Minimum length is ${rules.minLength}.` };\r\n }\r\n\r\n if (rules.maxLength && value.length > rules.maxLength) {\r\n return { valid: false, message: `Maximum length is ${rules.maxLength}.` };\r\n }\r\n\r\n if (rules.pattern && !rules.pattern.test(value)) {\r\n return { valid: false, message: \"Invalid format.\" };\r\n }\r\n\r\n if (rules.validate) {\r\n const res = rules.validate(value);\r\n if (res !== true) return { valid: false, message: String(res) };\r\n }\r\n\r\n return { valid: true, message: \"\" };\r\n}\r\n","export function throttle<T extends (...args: any[]) => void>(fn: T, limit: number) {\r\n let lastCall = 0;\r\n\r\n return (...args: Parameters<T>) => {\r\n const now = Date.now();\r\n if (now - lastCall >= limit) {\r\n lastCall = now;\r\n fn(...args);\r\n }\r\n };\r\n}\r\n","export function debounce<T extends (...args: any[]) => void>(fn: T, delay: number) {\r\n let timer: any;\r\n return (...args: Parameters<T>) => {\r\n clearTimeout(timer);\r\n timer = setTimeout(() => fn(...args), delay);\r\n };\r\n}\r\n","import { useState } from \"react\";\r\nimport { debounce } from \"../utils/debounce\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\n\r\nexport function useField(name: string, rules: FieldRules, updateValue: any) {\r\n const [error, setError] = useState(\"\");\r\n\r\n const validate = debounce((value: string) => {\r\n const result = validateValue(value, rules);\r\n setError(result.message);\r\n }, 300);\r\n\r\n function onChange(e: React.ChangeEvent<HTMLInputElement>) {\r\n const value = e.target.value;\r\n updateValue(name, value);\r\n validate(value);\r\n }\r\n\r\n return { error, onChange };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","import React from \"react\";\r\nimport { useField } from \"../core/useField\";\r\nimport { FieldRules } from \"../core/validators\";\r\n\r\ninterface Props {\r\n label: string;\r\n name: string;\r\n rules: FieldRules;\r\n updateValue: (name: string, value: string) => void;\r\n}\r\n\r\nexport function Field({ label, name, rules, updateValue }: Props) {\r\n const { error, onChange } = useField(name, rules, updateValue);\r\n\r\n return (\r\n <div className=\"field-container\">\r\n <label>{label}</label>\r\n\r\n <input\r\n name={name}\r\n onChange={onChange}\r\n className={error ? \"error-shake\" : \"\"}\r\n />\r\n\r\n {error && <p className=\"fade-in\" style={{ color: \"red\" }}>{error}</p>}\r\n </div>\r\n );\r\n}\r\n","import { useState, useCallback } from \"react\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\nimport { throttle } from \"../utils/throttle\";\r\n\r\ntype FormValues = Record<string, string>;\r\n\r\nexport function useForm() {\r\n const [values, setValues] = useState<FormValues>({});\r\n const [errors, setErrors] = useState<FormValues>({});\r\n const [rules, setRules] = useState<Record<string, FieldRules>>({});\r\n\r\n const register = useCallback(\r\n (name: string, fieldRules: FieldRules) => {\r\n setRules((prev) => {\r\n // prevent unnecessary updates\r\n if (prev[name]) return prev;\r\n return { ...prev, [name]: fieldRules };\r\n });\r\n\r\n return { name };\r\n },\r\n []\r\n );\r\n\r\n const updateValue = useCallback(\r\n (name: string, value: string) => {\r\n setValues((prev) => ({ ...prev, [name]: value }));\r\n\r\n const result = validateValue(value, rules[name]);\r\n setErrors((prev) => ({ ...prev, [name]: result.message }));\r\n },\r\n [rules]\r\n );\r\n\r\n const handleSubmit = throttle(\r\n (callback: (values: FormValues) => void) => {\r\n for (let name in rules) {\r\n const result = validateValue(values[name], rules[name]);\r\n if (!result.valid) {\r\n alert(\"Form contains errors!\");\r\n return;\r\n }\r\n }\r\n callback(values);\r\n },\r\n 700\r\n );\r\n\r\n return { register, updateValue, values, errors, handleSubmit };\r\n}\r\n"],"names":["validateValue","value","rules","required","trim","valid","message","minLength","length","maxLength","pattern","test","validate","res","String","throttle","fn","limit","lastCall","args","now","Date","debounce","delay","timer","clearTimeout","setTimeout","useField","name","updateValue","error","setError","useState","result","onChange","e","target","process","env","NODE_ENV","getComponentNameFromType","type","$$typeof","REACT_CLIENT_REFERENCE","displayName","REACT_FRAGMENT_TYPE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","tag","console","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","_context","REACT_FORWARD_REF_TYPE","innerType","render","REACT_MEMO_TYPE","REACT_LAZY_TYPE","_payload","_init","x","testStringCoercion","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","Symbol","toStringTag","constructor","call","getTaskName","UnknownOwner","Error","elementRefGetterWithDeprecationWarning","componentName","this","didWarnAboutElementRef","props","ref","jsxDEVImpl","config","maybeKey","isStaticChildren","debugStack","debugTask","dispatcher","children","isArrayImpl","validateChildKeys","Object","freeze","hasOwnProperty","keys","filter","k","join","didWarnAboutKeySpread","getter","getOwnPropertyDescriptor","get","isReactWarning","key","hasValidKey","propName","warnAboutAccessingKey","specialPropKeyWarningShown","defineProperty","configurable","defineKeyPropWarningGetter","owner","refProp","REACT_ELEMENT_TYPE","_owner","enumerable","_store","writable","ReactElement","ReactSharedInternals","A","getOwner","node","isValidElement","validated","status","object","React","require$$0","for","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE","prototype","Array","isArray","createTask","unknownOwnerDebugStack","react_stack_bottom_frame","callStackForError","bind","unknownOwnerDebugTask","reactJsxRuntime_development","Fragment","jsx","trackActualOwner","recentlyCreatedOwnerStacks","jsxs","jsxRuntimeModule","exports","jsxProd","reactJsxRuntime_production","require$$1","label","_jsxs","className","_jsx","style","color","values","setValues","errors","setErrors","setRules","register","useCallback","fieldRules","prev","handleSubmit","callback","alert"],"mappings":"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","x_google_ignoreList":[4,5,6]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as r}from"react";function
|
|
1
|
+
import e,{useState as r,useCallback as t}from"react";function n(e,r){if(r.required&&!e.trim())return{valid:!1,message:"This field isssss required."};if(r.minLength&&e.length<r.minLength)return{valid:!1,message:`Minimum length is ${r.minLength}.`};if(r.maxLength&&e.length>r.maxLength)return{valid:!1,message:`Maximum length is ${r.maxLength}.`};if(r.pattern&&!r.pattern.test(e))return{valid:!1,message:"Invalid format."};if(r.validate){const t=r.validate(e);if(!0!==t)return{valid:!1,message:String(t)}}return{valid:!0,message:""}}function o(e,r){let t=0;return(...n)=>{const o=Date.now();o-t>=r&&(t=o,e(...n))}}function a(){const[e,a]=r({}),[i,s]=r({}),[l,c]=r({}),u=t((e,r)=>(c(t=>t[e]?t:{...t,[e]:r}),{name:e}),[]),f=t((e,r)=>{a(t=>({...t,[e]:r}));const t=n(r,l[e]);s(r=>({...r,[e]:t.message}))},[l]),p=o(r=>{for(let r in l){if(!n(e[r],l[r]).valid)return void alert("Form contains errors!")}r(e)},700);return{register:u,updateValue:f,values:e,errors:i,handleSubmit:p}}function i(e,r){let t;return(...n)=>{clearTimeout(t),t=setTimeout(()=>e(...n),r)}}function s(e,t,o){const[a,s]=r(""),l=i(e=>{const r=n(e,t);s(r.message)},300);return{error:a,onChange:function(r){const t=r.target.value;o(e,t),l(t)}}}var l,c={exports:{}},u={};var f,p,y={};
|
|
2
2
|
/**
|
|
3
3
|
* @license React
|
|
4
4
|
* react-jsx-runtime.development.js
|
|
@@ -7,5 +7,5 @@ import e,{useState as r}from"react";function t(e,r){if(r.required&&!e.trim())ret
|
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the MIT license found in the
|
|
9
9
|
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/function
|
|
10
|
+
*/function m(){return f||(f=1,"production"!==process.env.NODE_ENV&&function(){function r(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===w?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"Fragment";case g:return"Profiler";case b:return"StrictMode";case k:return"Suspense";case S:return"SuspenseList";case x:return"Activity"}if("object"==typeof e)switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case h:return e.displayName||"Context";case v:return(e._context.displayName||"Context")+".Consumer";case _:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case j:return null!==(t=e.displayName||null)?t:r(e.type)||"Memo";case O:t=e._payload,e=e._init;try{return r(e(t))}catch(e){}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch(e){r=!0}if(r){var n=(r=console).error,o="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),t(e)}}function o(e){if(e===d)return"<>";if("object"==typeof e&&null!==e&&e.$$typeof===O)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch(e){return"<...>"}}function a(){return Error("react-stack-top-frame")}function i(){var e=r(this.type);return E[e]||(E[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function s(e,t,o,a,s,c){var f,y=t.children;if(void 0!==y)if(a)if(R(y)){for(a=0;a<y.length;a++)l(y[a]);Object.freeze&&Object.freeze(y)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(y);if(T.call(t,"key")){y=r(e);var m=Object.keys(t).filter(function(e){return"key"!==e});a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",A[y+a]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',a,y,m,y),A[y+a]=!0)}if(y=null,void 0!==o&&(n(o),y=""+o),function(e){if(T.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(t)&&(n(t.key),y=""+t.key),"key"in t)for(var d in o={},t)"key"!==d&&(o[d]=t[d]);else o=t;return y&&function(e,r){function t(){u||(u=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,r,t,n,o,a){var s=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:n},null!==(void 0!==s?s:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:o}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,y,o,null===(f=N.A)?null:f.getOwner(),s,c)}function l(e){c(e)?e._store&&(e._store.validated=1):"object"==typeof e&&null!==e&&e.$$typeof===O&&("fulfilled"===e._payload.status?c(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function c(e){return"object"==typeof e&&null!==e&&e.$$typeof===p}var u,f=e,p=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),h=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),x=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),N=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,R=Array.isArray,$=console.createTask?console.createTask:function(){return null},E={},P=(f={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(f,a)(),C=$(o(a)),A={};y.Fragment=d,y.jsx=function(e,r,t){var n=1e4>N.recentlyCreatedOwnerStacks++;return s(e,r,t,!1,n?Error("react-stack-top-frame"):P,n?$(o(e)):C)},y.jsxs=function(e,r,t){var n=1e4>N.recentlyCreatedOwnerStacks++;return s(e,r,t,!0,n?Error("react-stack-top-frame"):P,n?$(o(e)):C)}}()),y}var d=(p||(p=1,"production"===process.env.NODE_ENV?c.exports=function(){if(l)return u;l=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(r,t,n){var o=null;if(void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in n={},t)"key"!==a&&(n[a]=t[a]);else n=t;return t=n.ref,{$$typeof:e,type:r,key:o,ref:void 0!==t?t:null,props:n}}return u.Fragment=r,u.jsx=t,u.jsxs=t,u}():c.exports=m()),c.exports);function b({label:e,name:r,rules:t,updateValue:n}){const{error:o,onChange:a}=s(r,t,n);return d.jsxs("div",{className:"field-container",children:[d.jsx("label",{children:e}),d.jsx("input",{name:r,onChange:a,className:o?"error-shake":""}),o&&d.jsx("p",{className:"fade-in",style:{color:"red"},children:o})]})}export{b as Field,i as debounce,o as throttle,s as useField,a as useForm,n as validateValue};
|
|
11
11
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/core/validators.ts","../src/utils/throttle.ts","../src/core/useForm.ts","../src/utils/debounce.ts","../src/core/useField.ts","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../node_modules/react/cjs/react-jsx-runtime.production.js","../src/components/Field.tsx"],"sourcesContent":["export interface FieldRules {\r\n required?: boolean;\r\n minLength?: number;\r\n maxLength?: number;\r\n pattern?: RegExp;\r\n validate?: (value: string) => boolean | string;\r\n}\r\n\r\nexport function validateValue(value: string, rules: FieldRules) {\r\n if (rules.required && !value.trim()) {\r\n return { valid: false, message: \"This field is required.\" };\r\n }\r\n\r\n if (rules.minLength && value.length < rules.minLength) {\r\n return { valid: false, message: `Minimum length is ${rules.minLength}.` };\r\n }\r\n\r\n if (rules.maxLength && value.length > rules.maxLength) {\r\n return { valid: false, message: `Maximum length is ${rules.maxLength}.` };\r\n }\r\n\r\n if (rules.pattern && !rules.pattern.test(value)) {\r\n return { valid: false, message: \"Invalid format.\" };\r\n }\r\n\r\n if (rules.validate) {\r\n const res = rules.validate(value);\r\n if (res !== true) return { valid: false, message: String(res) };\r\n }\r\n\r\n return { valid: true, message: \"\" };\r\n}\r\n","export function throttle<T extends (...args: any[]) => void>(fn: T, limit: number) {\r\n let lastCall = 0;\r\n\r\n return (...args: Parameters<T>) => {\r\n const now = Date.now();\r\n if (now - lastCall >= limit) {\r\n lastCall = now;\r\n fn(...args);\r\n }\r\n };\r\n}\r\n","import { useState } from \"react\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\nimport { throttle } from \"../utils/throttle\";\r\n\r\nexport function useForm() {\r\n const [values, setValues] = useState<Record<string, string>>({});\r\n const [errors, setErrors] = useState<Record<string, string>>({});\r\n const [rules, setRules] = useState<Record<string, FieldRules>>({});\r\n\r\n function register(name: string, fieldRules: FieldRules) {\r\n setRules((prev) => ({ ...prev, [name]: fieldRules }));\r\n\r\n return {\r\n name,\r\n rules: fieldRules\r\n };\r\n }\r\n\r\n function updateValue(name: string, value: string) {\r\n setValues((prev) => ({ ...prev, [name]: value }));\r\n\r\n const result = validateValue(value, rules[name]);\r\n setErrors((prev) => ({ ...prev, [name]: result.message }));\r\n }\r\n\r\n const handleSubmit = throttle((callback: any) => {\r\n for (let name in rules) {\r\n const result = validateValue(values[name], rules[name]);\r\n if (!result.valid) {\r\n alert(\"Form contains errors!\");\r\n return;\r\n }\r\n }\r\n callback(values);\r\n }, 700);\r\n\r\n return { register, updateValue, values, errors, handleSubmit };\r\n}\r\n","export function debounce<T extends (...args: any[]) => void>(fn: T, delay: number) {\r\n let timer: any;\r\n return (...args: Parameters<T>) => {\r\n clearTimeout(timer);\r\n timer = setTimeout(() => fn(...args), delay);\r\n };\r\n}\r\n","import { useState } from \"react\";\r\nimport { debounce } from \"../utils/debounce\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\n\r\nexport function useField(name: string, rules: FieldRules, updateValue: any) {\r\n const [error, setError] = useState(\"\");\r\n\r\n const validate = debounce((value: string) => {\r\n const result = validateValue(value, rules);\r\n setError(result.message);\r\n }, 300);\r\n\r\n function onChange(e: React.ChangeEvent<HTMLInputElement>) {\r\n const value = e.target.value;\r\n updateValue(name, value);\r\n validate(value);\r\n }\r\n\r\n return { error, onChange };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","import React from \"react\";\r\nimport { useField } from \"../core/useField\";\r\nimport { FieldRules } from \"../core/validators\";\r\n\r\ninterface Props {\r\n label: string;\r\n name: string;\r\n rules: FieldRules;\r\n updateValue: (name: string, value: string) => void;\r\n}\r\n\r\nexport function Field({ label, name, rules, updateValue }: Props) {\r\n const { error, onChange } = useField(name, rules, updateValue);\r\n\r\n return (\r\n <div className=\"field-container\">\r\n <label>{label}</label>\r\n\r\n <input\r\n name={name}\r\n onChange={onChange}\r\n className={error ? \"error-shake\" : \"\"}\r\n />\r\n\r\n {error && <p className=\"fade-in\" style={{ color: \"red\" }}>{error}</p>}\r\n </div>\r\n );\r\n}\r\n"],"names":["validateValue","value","rules","required","trim","valid","message","minLength","length","maxLength","pattern","test","validate","res","String","throttle","fn","limit","lastCall","args","now","Date","useForm","values","setValues","useState","errors","setErrors","setRules","handleSubmit","callback","name","alert","register","fieldRules","prev","updateValue","result","debounce","delay","timer","clearTimeout","setTimeout","useField","error","setError","onChange","e","target","process","env","NODE_ENV","getComponentNameFromType","type","$$typeof","REACT_CLIENT_REFERENCE","displayName","REACT_FRAGMENT_TYPE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","tag","console","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","_context","REACT_FORWARD_REF_TYPE","innerType","render","REACT_MEMO_TYPE","REACT_LAZY_TYPE","_payload","_init","x","testStringCoercion","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","Symbol","toStringTag","constructor","call","getTaskName","UnknownOwner","Error","elementRefGetterWithDeprecationWarning","componentName","this","didWarnAboutElementRef","props","ref","jsxDEVImpl","config","maybeKey","isStaticChildren","debugStack","debugTask","dispatcher","children","isArrayImpl","validateChildKeys","Object","freeze","hasOwnProperty","keys","filter","k","join","didWarnAboutKeySpread","getter","getOwnPropertyDescriptor","get","isReactWarning","key","hasValidKey","propName","warnAboutAccessingKey","specialPropKeyWarningShown","defineProperty","configurable","defineKeyPropWarningGetter","owner","refProp","REACT_ELEMENT_TYPE","_owner","enumerable","_store","writable","ReactElement","ReactSharedInternals","A","getOwner","node","isValidElement","validated","status","object","React","require$$0","for","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE","prototype","Array","isArray","createTask","unknownOwnerDebugStack","react_stack_bottom_frame","callStackForError","bind","unknownOwnerDebugTask","reactJsxRuntime_development","Fragment","jsx","trackActualOwner","recentlyCreatedOwnerStacks","jsxs","jsxRuntimeModule","exports","jsxProd","reactJsxRuntime_production","require$$1","Field","label","_jsxs","className","_jsx","style","color"],"mappings":"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","x_google_ignoreList":[5,6,7]}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/core/validators.ts","../src/utils/throttle.ts","../src/core/useForm.ts","../src/utils/debounce.ts","../src/core/useField.ts","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../node_modules/react/cjs/react-jsx-runtime.production.js","../src/components/Field.tsx"],"sourcesContent":["export interface FieldRules {\r\n required?: boolean;\r\n minLength?: number;\r\n maxLength?: number;\r\n pattern?: RegExp;\r\n validate?: (value: string) => boolean | string;\r\n}\r\n\r\nexport function validateValue(value: string, rules: FieldRules) {\r\n if (rules.required && !value.trim()) {\r\n return { valid: false, message: \"This field isssss required.\" };\r\n }\r\n\r\n if (rules.minLength && value.length < rules.minLength) {\r\n return { valid: false, message: `Minimum length is ${rules.minLength}.` };\r\n }\r\n\r\n if (rules.maxLength && value.length > rules.maxLength) {\r\n return { valid: false, message: `Maximum length is ${rules.maxLength}.` };\r\n }\r\n\r\n if (rules.pattern && !rules.pattern.test(value)) {\r\n return { valid: false, message: \"Invalid format.\" };\r\n }\r\n\r\n if (rules.validate) {\r\n const res = rules.validate(value);\r\n if (res !== true) return { valid: false, message: String(res) };\r\n }\r\n\r\n return { valid: true, message: \"\" };\r\n}\r\n","export function throttle<T extends (...args: any[]) => void>(fn: T, limit: number) {\r\n let lastCall = 0;\r\n\r\n return (...args: Parameters<T>) => {\r\n const now = Date.now();\r\n if (now - lastCall >= limit) {\r\n lastCall = now;\r\n fn(...args);\r\n }\r\n };\r\n}\r\n","import { useState, useCallback } from \"react\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\nimport { throttle } from \"../utils/throttle\";\r\n\r\ntype FormValues = Record<string, string>;\r\n\r\nexport function useForm() {\r\n const [values, setValues] = useState<FormValues>({});\r\n const [errors, setErrors] = useState<FormValues>({});\r\n const [rules, setRules] = useState<Record<string, FieldRules>>({});\r\n\r\n const register = useCallback(\r\n (name: string, fieldRules: FieldRules) => {\r\n setRules((prev) => {\r\n // prevent unnecessary updates\r\n if (prev[name]) return prev;\r\n return { ...prev, [name]: fieldRules };\r\n });\r\n\r\n return { name };\r\n },\r\n []\r\n );\r\n\r\n const updateValue = useCallback(\r\n (name: string, value: string) => {\r\n setValues((prev) => ({ ...prev, [name]: value }));\r\n\r\n const result = validateValue(value, rules[name]);\r\n setErrors((prev) => ({ ...prev, [name]: result.message }));\r\n },\r\n [rules]\r\n );\r\n\r\n const handleSubmit = throttle(\r\n (callback: (values: FormValues) => void) => {\r\n for (let name in rules) {\r\n const result = validateValue(values[name], rules[name]);\r\n if (!result.valid) {\r\n alert(\"Form contains errors!\");\r\n return;\r\n }\r\n }\r\n callback(values);\r\n },\r\n 700\r\n );\r\n\r\n return { register, updateValue, values, errors, handleSubmit };\r\n}\r\n","export function debounce<T extends (...args: any[]) => void>(fn: T, delay: number) {\r\n let timer: any;\r\n return (...args: Parameters<T>) => {\r\n clearTimeout(timer);\r\n timer = setTimeout(() => fn(...args), delay);\r\n };\r\n}\r\n","import { useState } from \"react\";\r\nimport { debounce } from \"../utils/debounce\";\r\nimport { validateValue, FieldRules } from \"./validators\";\r\n\r\nexport function useField(name: string, rules: FieldRules, updateValue: any) {\r\n const [error, setError] = useState(\"\");\r\n\r\n const validate = debounce((value: string) => {\r\n const result = validateValue(value, rules);\r\n setError(result.message);\r\n }, 300);\r\n\r\n function onChange(e: React.ChangeEvent<HTMLInputElement>) {\r\n const value = e.target.value;\r\n updateValue(name, value);\r\n validate(value);\r\n }\r\n\r\n return { error, onChange };\r\n}\r\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","import React from \"react\";\r\nimport { useField } from \"../core/useField\";\r\nimport { FieldRules } from \"../core/validators\";\r\n\r\ninterface Props {\r\n label: string;\r\n name: string;\r\n rules: FieldRules;\r\n updateValue: (name: string, value: string) => void;\r\n}\r\n\r\nexport function Field({ label, name, rules, updateValue }: Props) {\r\n const { error, onChange } = useField(name, rules, updateValue);\r\n\r\n return (\r\n <div className=\"field-container\">\r\n <label>{label}</label>\r\n\r\n <input\r\n name={name}\r\n onChange={onChange}\r\n className={error ? \"error-shake\" : \"\"}\r\n />\r\n\r\n {error && <p className=\"fade-in\" style={{ color: \"red\" }}>{error}</p>}\r\n </div>\r\n );\r\n}\r\n"],"names":["validateValue","value","rules","required","trim","valid","message","minLength","length","maxLength","pattern","test","validate","res","String","throttle","fn","limit","lastCall","args","now","Date","useForm","values","setValues","useState","errors","setErrors","setRules","register","useCallback","name","fieldRules","prev","updateValue","result","handleSubmit","callback","alert","debounce","delay","timer","clearTimeout","setTimeout","useField","error","setError","onChange","e","target","process","env","NODE_ENV","getComponentNameFromType","type","$$typeof","REACT_CLIENT_REFERENCE","displayName","REACT_FRAGMENT_TYPE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","tag","console","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","_context","REACT_FORWARD_REF_TYPE","innerType","render","REACT_MEMO_TYPE","REACT_LAZY_TYPE","_payload","_init","x","testStringCoercion","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","Symbol","toStringTag","constructor","call","getTaskName","UnknownOwner","Error","elementRefGetterWithDeprecationWarning","componentName","this","didWarnAboutElementRef","props","ref","jsxDEVImpl","config","maybeKey","isStaticChildren","debugStack","debugTask","dispatcher","children","isArrayImpl","validateChildKeys","Object","freeze","hasOwnProperty","keys","filter","k","join","didWarnAboutKeySpread","getter","getOwnPropertyDescriptor","get","isReactWarning","key","hasValidKey","propName","warnAboutAccessingKey","specialPropKeyWarningShown","defineProperty","configurable","defineKeyPropWarningGetter","owner","refProp","REACT_ELEMENT_TYPE","_owner","enumerable","_store","writable","ReactElement","ReactSharedInternals","A","getOwner","node","isValidElement","validated","status","object","React","require$$0","for","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE","prototype","Array","isArray","createTask","unknownOwnerDebugStack","react_stack_bottom_frame","callStackForError","bind","unknownOwnerDebugTask","reactJsxRuntime_development","Fragment","jsx","trackActualOwner","recentlyCreatedOwnerStacks","jsxs","jsxRuntimeModule","exports","jsxProd","reactJsxRuntime_production","require$$1","Field","label","_jsxs","className","_jsx","style","color"],"mappings":"qDAQM,SAAUA,EAAcC,EAAeC,GAC3C,GAAIA,EAAMC,WAAaF,EAAMG,OAC3B,MAAO,CAAEC,OAAO,EAAOC,QAAS,+BAGlC,GAAIJ,EAAMK,WAAaN,EAAMO,OAASN,EAAMK,UAC1C,MAAO,CAAEF,OAAO,EAAOC,QAAS,qBAAqBJ,EAAMK,cAG7D,GAAIL,EAAMO,WAAaR,EAAMO,OAASN,EAAMO,UAC1C,MAAO,CAAEJ,OAAO,EAAOC,QAAS,qBAAqBJ,EAAMO,cAG7D,GAAIP,EAAMQ,UAAYR,EAAMQ,QAAQC,KAAKV,GACvC,MAAO,CAAEI,OAAO,EAAOC,QAAS,mBAGlC,GAAIJ,EAAMU,SAAU,CAClB,MAAMC,EAAMX,EAAMU,SAASX,GAC3B,IAAY,IAARY,EAAc,MAAO,CAAER,OAAO,EAAOC,QAASQ,OAAOD,GAC3D,CAEA,MAAO,CAAER,OAAO,EAAMC,QAAS,GACjC,CC/BM,SAAUS,EAA6CC,EAAOC,GAClE,IAAIC,EAAW,EAEf,MAAO,IAAIC,KACT,MAAMC,EAAMC,KAAKD,MACbA,EAAMF,GAAYD,IACpBC,EAAWE,EACXJ,KAAMG,IAGZ,UCJgBG,IACd,MAAOC,EAAQC,GAAaC,EAAqB,CAAA,IAC1CC,EAAQC,GAAaF,EAAqB,CAAA,IAC1CvB,EAAO0B,GAAYH,EAAqC,CAAA,GAEzDI,EAAWC,EACf,CAACC,EAAcC,KACbJ,EAAUK,GAEJA,EAAKF,GAAcE,EAChB,IAAKA,EAAMF,CAACA,GAAOC,IAGrB,CAAED,SAEX,IAGIG,EAAcJ,EAClB,CAACC,EAAc9B,KACbuB,EAAWS,QAAeA,EAAMF,CAACA,GAAO9B,KAExC,MAAMkC,EAASnC,EAAcC,EAAOC,EAAM6B,IAC1CJ,EAAWM,IAAI,IAAWA,EAAMF,CAACA,GAAOI,EAAO7B,YAEjD,CAACJ,IAGGkC,EAAerB,EAClBsB,IACC,IAAK,IAAIN,KAAQ7B,EAAO,CAEtB,IADeF,EAAcuB,EAAOQ,GAAO7B,EAAM6B,IACrC1B,MAEV,YADAiC,MAAM,wBAGV,CACAD,EAASd,IAEX,KAGF,MAAO,CAAEM,WAAUK,cAAaX,SAAQG,SAAQU,eAClD,CCjDM,SAAUG,EAA6CvB,EAAOwB,GAClE,IAAIC,EACJ,MAAO,IAAItB,KACTuB,aAAaD,GACbA,EAAQE,WAAW,IAAM3B,KAAMG,GAAOqB,GAE1C,UCFgBI,EAASb,EAAc7B,EAAmBgC,GACxD,MAAOW,EAAOC,GAAYrB,EAAS,IAE7Bb,EAAW2B,EAAUtC,IACzB,MAAMkC,EAASnC,EAAcC,EAAOC,GACpC4C,EAASX,EAAO7B,UACf,KAQH,MAAO,CAAEuC,QAAOE,SANhB,SAAkBC,GAChB,MAAM/C,EAAQ+C,EAAEC,OAAOhD,MACvBiC,EAAYH,EAAM9B,GAClBW,EAASX,EACX,EAGF;;;;;;;;;+BCRA,eAAiBiD,QAAQC,IAAIC,UAC3B,WACE,SAASC,EAAyBC,GAChC,GAAI,MAAQA,EAAM,OAAO,KACzB,GAAI,mBAAsBA,EACxB,OAAOA,EAAKC,WAAaC,EACrB,KACAF,EAAKG,aAAeH,EAAKvB,MAAQ,KACvC,GAAI,iBAAoBuB,EAAM,OAAOA,EACrC,OAAQA,GACN,KAAKI,EACH,MAAO,WACT,KAAKC,EACH,MAAO,WACT,KAAKC,EACH,MAAO,aACT,KAAKC,EACH,MAAO,WACT,KAAKC,EACH,MAAO,eACT,KAAKC,EACH,MAAO,WAEX,GAAI,iBAAoBT,EACtB,OACG,iBAAoBA,EAAKU,KACxBC,QAAQpB,MACN,qHAEJS,EAAKC,UAEL,KAAKW,EACH,MAAO,SACT,KAAKC,EACH,OAAOb,EAAKG,aAAe,UAC7B,KAAKW,EACH,OAAQd,EAAKe,SAASZ,aAAe,WAAa,YACpD,KAAKa,EACH,IAAIC,EAAYjB,EAAKkB,OAKrB,OAJAlB,EAAOA,EAAKG,eAGTH,EAAO,MADNA,EAAOiB,EAAUd,aAAec,EAAUxC,MAAQ,IAC9B,cAAgBuB,EAAO,IAAM,cAC9CA,EACT,KAAKmB,EACH,OAEE,QADCF,EAAYjB,EAAKG,aAAe,MAE7Bc,EACAlB,EAAyBC,EAAKA,OAAS,OAE/C,KAAKoB,EACHH,EAAYjB,EAAKqB,SACjBrB,EAAOA,EAAKsB,MACZ,IACE,OAAOvB,EAAyBC,EAAKiB,GACnD,CAAc,MAAOM,GAAG,EAElB,OAAO,IACb,CACI,SAASC,EAAmB7E,GAC1B,MAAO,GAAKA,CAClB,CACI,SAAS8E,EAAuB9E,GAC9B,IACE6E,EAAmB7E,GACnB,IAAI+E,GAA2B,CACvC,CAAQ,MAAOhC,GACPgC,GAA2B,CACnC,CACM,GAAIA,EAA0B,CAE5B,IAAIC,GADJD,EAA2Bf,SAC0BpB,MACjDqC,EACD,mBAAsBC,QACrBA,OAAOC,aACPnF,EAAMkF,OAAOC,cACfnF,EAAMoF,YAAYtD,MAClB,SAMF,OALAkD,EAAsBK,KACpBN,EACA,2GACAE,GAEKJ,EAAmB7E,EAClC,CACA,CACI,SAASsF,EAAYjC,GACnB,GAAIA,IAASI,EAAqB,MAAO,KACzC,GACE,iBAAoBJ,GACpB,OAASA,GACTA,EAAKC,WAAamB,EAElB,MAAO,QACT,IACE,IAAI3C,EAAOsB,EAAyBC,GACpC,OAAOvB,EAAO,IAAMA,EAAO,IAAM,OACzC,CAAQ,MAAO8C,GACP,MAAO,OACf,CACA,CAKI,SAASW,IACP,OAAOC,MAAM,wBACnB,CAuBI,SAASC,IACP,IAAIC,EAAgBtC,EAAyBuC,KAAKtC,MAOlD,OANAuC,EAAuBF,KACnBE,EAAuBF,IAAiB,EAC1C1B,QAAQpB,MACN,qJAGG,KADP8C,EAAgBC,KAAKE,MAAMC,KACOJ,EAAgB,IACxD,CA4CI,SAASK,EACP1C,EACA2C,EACAC,EACAC,EACAC,EACAC,GAEA,IAzFIC,EAyFAC,EAAWN,EAAOM,SACtB,QAAI,IAAWA,EACb,GAAIJ,EACF,GAAIK,EAAYD,GAAW,CACzB,IACEJ,EAAmB,EACnBA,EAAmBI,EAAS/F,OAC5B2F,IAEAM,EAAkBF,EAASJ,IAC7BO,OAAOC,QAAUD,OAAOC,OAAOJ,EAC3C,MACYtC,QAAQpB,MACN,6JAED4D,EAAkBF,GACzB,GAAIK,EAAetB,KAAKW,EAAQ,OAAQ,CACtCM,EAAWlD,EAAyBC,GACpC,IAAIuD,EAAOH,OAAOG,KAAKZ,GAAQa,OAAO,SAAUC,GAC9C,MAAO,QAAUA,CAC3B,GACQZ,EACE,EAAIU,EAAKrG,OACL,kBAAoBqG,EAAKG,KAAK,WAAa,SAC3C,iBACNC,EAAsBV,EAAWJ,KAC7BU,EACA,EAAIA,EAAKrG,OAAS,IAAMqG,EAAKG,KAAK,WAAa,SAAW,KAC5D/C,QAAQpB,MACN,kOACAsD,EACAI,EACAM,EACAN,GAEDU,EAAsBV,EAAWJ,IAAoB,EAChE,CAMM,GALAI,EAAW,UACX,IAAWL,IACRnB,EAAuBmB,GAAYK,EAAW,GAAKL,GA1HxD,SAAqBD,GACnB,GAAIW,EAAetB,KAAKW,EAAQ,OAAQ,CACtC,IAAIiB,EAASR,OAAOS,yBAAyBlB,EAAQ,OAAOmB,IAC5D,GAAIF,GAAUA,EAAOG,eAAgB,OAAO,CACpD,CACM,YAAO,IAAWpB,EAAOqB,GAC/B,CAqHMC,CAAYtB,KACTlB,EAAuBkB,EAAOqB,KAAOf,EAAW,GAAKN,EAAOqB,KAC3D,QAASrB,EAEX,IAAK,IAAIuB,KADTtB,EAAW,CAAA,EACUD,EACnB,QAAUuB,IAAatB,EAASsB,GAAYvB,EAAOuB,SAChDtB,EAAWD,EAQlB,OAPAM,GA3HF,SAAoCT,EAAOrC,GACzC,SAASgE,IACPC,IACIA,GAA6B,EAC/BzD,QAAQpB,MACN,0OACAY,GAEZ,CACMgE,EAAsBJ,gBAAiB,EACvCX,OAAOiB,eAAe7B,EAAO,MAAO,CAClCsB,IAAKK,EACLG,cAAc,GAEtB,CA8GQC,CACE3B,EACA,mBAAsB5C,EAClBA,EAAKG,aAAeH,EAAKvB,MAAQ,UACjCuB,GAvGV,SAAsBA,EAAMgE,EAAKxB,EAAOgC,EAAO1B,EAAYC,GACzD,IAAI0B,EAAUjC,EAAMC,IAwCpB,OAvCAzC,EAAO,CACLC,SAAUyE,EACV1E,KAAMA,EACNgE,IAAKA,EACLxB,MAAOA,EACPmC,OAAQH,GAEV,aAAU,IAAWC,EAAUA,EAAU,MACrCrB,OAAOiB,eAAerE,EAAM,MAAO,CACjC4E,YAAY,EACZd,IAAK1B,IAEPgB,OAAOiB,eAAerE,EAAM,MAAO,CAAE4E,YAAY,EAAIjI,MAAO,OAChEqD,EAAK6E,OAAS,CAAA,EACdzB,OAAOiB,eAAerE,EAAK6E,OAAQ,YAAa,CAC9CP,cAAc,EACdM,YAAY,EACZE,UAAU,EACVnI,MAAO,IAETyG,OAAOiB,eAAerE,EAAM,aAAc,CACxCsE,cAAc,EACdM,YAAY,EACZE,UAAU,EACVnI,MAAO,OAETyG,OAAOiB,eAAerE,EAAM,cAAe,CACzCsE,cAAc,EACdM,YAAY,EACZE,UAAU,EACVnI,MAAOmG,IAETM,OAAOiB,eAAerE,EAAM,aAAc,CACxCsE,cAAc,EACdM,YAAY,EACZE,UAAU,EACVnI,MAAOoG,IAETK,OAAOC,SAAWD,OAAOC,OAAOrD,EAAKwC,OAAQY,OAAOC,OAAOrD,IACpDA,CACb,CA+Da+E,CACL/E,EACAiD,EACAL,EAjJK,QADHI,EAAagC,EAAqBC,GACT,KAAOjC,EAAWkC,WAmJ7CpC,EACAC,EAER,CACI,SAASI,EAAkBgC,GACzBC,EAAeD,GACXA,EAAKN,SAAWM,EAAKN,OAAOQ,UAAY,GACxC,iBAAoBF,GACpB,OAASA,GACTA,EAAKlF,WAAamB,IACjB,cAAgB+D,EAAK9D,SAASiE,OAC3BF,EAAeD,EAAK9D,SAAS1E,QAC7BwI,EAAK9D,SAAS1E,MAAMkI,SACnBM,EAAK9D,SAAS1E,MAAMkI,OAAOQ,UAAY,GACxCF,EAAKN,SAAWM,EAAKN,OAAOQ,UAAY,GACtD,CACI,SAASD,EAAeG,GACtB,MACE,iBAAoBA,GACpB,OAASA,GACTA,EAAOtF,WAAayE,CAE5B,CACI,IA6BIN,EA7BAoB,EAAQC,EACVf,EAAqB7C,OAAO6D,IAAI,8BAChC9E,EAAoBiB,OAAO6D,IAAI,gBAC/BtF,EAAsByB,OAAO6D,IAAI,kBACjCpF,EAAyBuB,OAAO6D,IAAI,qBACpCrF,EAAsBwB,OAAO6D,IAAI,kBACjC5E,EAAsBe,OAAO6D,IAAI,kBACjC7E,EAAqBgB,OAAO6D,IAAI,iBAChC1E,EAAyBa,OAAO6D,IAAI,qBACpCnF,EAAsBsB,OAAO6D,IAAI,kBACjClF,EAA2BqB,OAAO6D,IAAI,uBACtCvE,EAAkBU,OAAO6D,IAAI,cAC7BtE,EAAkBS,OAAO6D,IAAI,cAC7BjF,EAAsBoB,OAAO6D,IAAI,kBACjCxF,EAAyB2B,OAAO6D,IAAI,0BACpCV,EACEQ,EAAMG,gEACRrC,EAAiBF,OAAOwC,UAAUtC,eAClCJ,EAAc2C,MAAMC,QACpBC,EAAapF,QAAQoF,WACjBpF,QAAQoF,WACR,WACE,OAAO,IACnB,EAOQxD,EAAyB,CAAA,EACzByD,GAPJR,EAAQ,CACNS,yBAA0B,SAAUC,GAClC,OAAOA,GACf,IAIuCD,yBAAyBE,KAC1DX,EACAtD,EAF2BsD,GAIzBY,EAAwBL,EAAW9D,EAAYC,IAC/CyB,EAAwB,CAAA,EAC5B0C,EAAAC,SAAmBlG,EACnBiG,EAAAE,IAAc,SAAUvG,EAAM2C,EAAQC,GACpC,IAAI4D,EACF,IAAMxB,EAAqByB,6BAC7B,OAAO/D,EACL1C,EACA2C,EACAC,GACA,EACA4D,EACIrE,MAAM,yBACN6D,EACJQ,EAAmBT,EAAW9D,EAAYjC,IAASoG,EAE3D,EACIC,EAAAK,KAAe,SAAU1G,EAAM2C,EAAQC,GACrC,IAAI4D,EACF,IAAMxB,EAAqByB,6BAC7B,OAAO/D,EACL1C,EACA2C,EACAC,GACA,EACA4D,EACIrE,MAAM,yBACN6D,EACJQ,EAAmBT,EAAW9D,EAAYjC,IAASoG,EAE3D,CACG,CAnVD,qBCV2B,eAAzBxG,QAAQC,IAAIC,SACd6G,EAAAC,qCCQF,IAAIlC,EAAqB7C,OAAO6D,IAAI,8BAClCtF,EAAsByB,OAAO6D,IAAI,kBACnC,SAASmB,EAAQ7G,EAAM2C,EAAQC,GAC7B,IAAIoB,EAAM,KAGV,QAFA,IAAWpB,IAAaoB,EAAM,GAAKpB,QACnC,IAAWD,EAAOqB,MAAQA,EAAM,GAAKrB,EAAOqB,KACxC,QAASrB,EAEX,IAAK,IAAIuB,KADTtB,EAAW,CAAA,EACUD,EACnB,QAAUuB,IAAatB,EAASsB,GAAYvB,EAAOuB,SAChDtB,EAAWD,EAElB,OADAA,EAASC,EAASH,IACX,CACLxC,SAAUyE,EACV1E,KAAMA,EACNgE,IAAKA,EACLvB,SAAK,IAAWE,EAASA,EAAS,KAClCH,MAAOI,EAEX,QACAkE,EAAAR,SAAmBlG,EACnB0G,EAAAP,IAAcM,EACdC,EAAAJ,KAAeG,ID9BIpB,GAEjBkB,EAAAC,QAAiBG,gBEMb,SAAUC,GAAMC,MAAEA,EAAKxI,KAAEA,EAAI7B,MAAEA,EAAKgC,YAAEA,IAC1C,MAAMW,MAAEA,EAAKE,SAAEA,GAAaH,EAASb,EAAM7B,EAAOgC,GAElD,OACEsI,EAAAA,YAAKC,UAAU,kBAAiBlE,SAAA,CAC9BmE,EAAAA,IAAA,QAAA,CAAAnE,SAAQgE,IAERG,EAAAA,IAAA,QAAA,CACE3I,KAAMA,EACNgB,SAAUA,EACV0H,UAAW5H,EAAQ,cAAgB,KAGpCA,GAAS6H,EAAAA,IAAA,IAAA,CAAGD,UAAU,UAAUE,MAAO,CAAEC,MAAO,gBAAU/H,MAGjE","x_google_ignoreList":[5,6,7]}
|
package/package.json
CHANGED
package/src/core/useForm.ts
CHANGED
|
@@ -1,38 +1,50 @@
|
|
|
1
|
-
import { useState } from "react";
|
|
1
|
+
import { useState, useCallback } from "react";
|
|
2
2
|
import { validateValue, FieldRules } from "./validators";
|
|
3
3
|
import { throttle } from "../utils/throttle";
|
|
4
4
|
|
|
5
|
+
type FormValues = Record<string, string>;
|
|
6
|
+
|
|
5
7
|
export function useForm() {
|
|
6
|
-
const [values, setValues] = useState<
|
|
7
|
-
const [errors, setErrors] = useState<
|
|
8
|
+
const [values, setValues] = useState<FormValues>({});
|
|
9
|
+
const [errors, setErrors] = useState<FormValues>({});
|
|
8
10
|
const [rules, setRules] = useState<Record<string, FieldRules>>({});
|
|
9
11
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
+
const register = useCallback(
|
|
13
|
+
(name: string, fieldRules: FieldRules) => {
|
|
14
|
+
setRules((prev) => {
|
|
15
|
+
// prevent unnecessary updates
|
|
16
|
+
if (prev[name]) return prev;
|
|
17
|
+
return { ...prev, [name]: fieldRules };
|
|
18
|
+
});
|
|
12
19
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
20
|
+
return { name };
|
|
21
|
+
},
|
|
22
|
+
[]
|
|
23
|
+
);
|
|
18
24
|
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
const updateValue = useCallback(
|
|
26
|
+
(name: string, value: string) => {
|
|
27
|
+
setValues((prev) => ({ ...prev, [name]: value }));
|
|
21
28
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
29
|
+
const result = validateValue(value, rules[name]);
|
|
30
|
+
setErrors((prev) => ({ ...prev, [name]: result.message }));
|
|
31
|
+
},
|
|
32
|
+
[rules]
|
|
33
|
+
);
|
|
25
34
|
|
|
26
|
-
const handleSubmit = throttle(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
35
|
+
const handleSubmit = throttle(
|
|
36
|
+
(callback: (values: FormValues) => void) => {
|
|
37
|
+
for (let name in rules) {
|
|
38
|
+
const result = validateValue(values[name], rules[name]);
|
|
39
|
+
if (!result.valid) {
|
|
40
|
+
alert("Form contains errors!");
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
32
43
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
44
|
+
callback(values);
|
|
45
|
+
},
|
|
46
|
+
700
|
|
47
|
+
);
|
|
36
48
|
|
|
37
49
|
return { register, updateValue, values, errors, handleSubmit };
|
|
38
50
|
}
|