form-validator-widget 1.0.2

package/README.md

@@ -0,0 +1,8 @@
+# Form Validator Widget
+
+A reusable React form validation library with TypeScript support, animations, and advanced JavaScript concepts.
+
+## Installation
+
+```bash
+npm install form-validator-widget

package/dist/components/FormField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface FormFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    errors?: string;
+    touched?: boolean;
+}
+export declare const FormField: React.FC<FormFieldProps>;
+export {};

package/dist/components/FormValidator.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FormValidatorProps } from "../types";
+import '../styles/animations.module.css';
+export declare const FormValidator: React.FC<FormValidatorProps>;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T extends (...args: any[]) => void>(fn: T, delay: number): T;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { FormValidator } from './components/FormValidator';
+export { FormField } from './components/FormField';
+export { useDebounce } from './hooks/useDebounce';
+export { validateField, validateForm } from './utils/validators';
+export { throttle } from './utils/polyfills';
+export type { ValidationRule, FormValidatorProps, FormState, ErrorState, FormContextValue } from './types';
+import './utils/polyfills';

package/dist/index.esm.js

@@ -0,0 +1,222 @@
+import { __assign, __rest } from 'tslib';
+import React, { useRef, useCallback, useState } from 'react';
+
+var validateField = function (value, rules) {
+    var _a, _b, _c, _d, _e;
+    if (!rules)
+        return undefined;
+    if (rules.required) {
+        var message = ((_a = rules.messages) === null || _a === void 0 ? void 0 : _a.required) || 'This field is required';
+        if (!value || value.trim() === '')
+            return message;
+    }
+    if (rules.email && value) {
+        var message = ((_b = rules.messages) === null || _b === void 0 ? void 0 : _b.email) || 'Please enter a valid email';
+        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(value))
+            return message;
+    }
+    if (rules.minLength && value) {
+        var message = ((_c = rules.messages) === null || _c === void 0 ? void 0 : _c.minLength) || "Must be at least ".concat(rules.minLength, " characters");
+        if (value.length < rules.minLength)
+            return message;
+    }
+    if (rules.maxLength && value) {
+        var message = ((_d = rules.messages) === null || _d === void 0 ? void 0 : _d.maxLength) || "Must be more than ".concat(rules.maxLength, " characters");
+        if (value.length > rules.maxLength)
+            return message;
+    }
+    if (rules.pattern && value) {
+        var message = ((_e = rules.messages) === null || _e === void 0 ? void 0 : _e.pattern) || 'Invalid format';
+        if (!rules.pattern.test(value))
+            return message;
+    }
+    if (rules.custom) {
+        return rules.custom(value);
+    }
+    return undefined;
+};
+var validateForm = function (values, rules) {
+    var errors = {};
+    Object.keys(rules).forEach(function (fieldName) {
+        var error = validateField(values[fieldName], rules[fieldName]);
+        if (error) {
+            errors[fieldName] = error;
+        }
+    });
+    return errors;
+};
+
+function useDebounce(fn, delay) {
+    var timeoutRef = useRef(undefined);
+    return useCallback((function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(function () {
+            fn.apply(void 0, args);
+        }, delay);
+    }), [fn, delay]);
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "@keyframes animations-module_shake__qVr3b{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes animations-module_slideIn__lwqyK{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes animations-module_gentlePulse__xvUHG{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}70%{box-shadow:0 0 0 5px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.animations-module_form-validator-field__pirKM{transition:border-color .2s ease,box-shadow .2s ease}.animations-module_form-validator-field__pirKM:focus{animation:animations-module_gentlePulse__xvUHG 1.5s infinite;border-color:#3b82f6;outline:none}.animations-module_form-validator-field__pirKM.animations-module_error__Vq-ZO{animation:animations-module_shake__qVr3b .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444}.animations-module_form-validator-error-message__h1Ge-{animation:animations-module_slideIn__lwqyK .2s ease-out;color:#ef4444;font-size:.875rem;margin-top:.25rem}.animations-module_form-validator-theme-dark__ySqnh .animations-module_form-validator-field__pirKM{background-color:#1f2937;border-color:#4b5563;color:#fff}.animations-module_form-validator-success__JkYav{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\");background-position:right .5rem center;background-repeat:no-repeat;border-color:#10b981!important;padding-right:2rem}.animations-module_form-validator-field-container__9P7zl{margin-bottom:1rem}.animations-module_form-validator-label__O7u2s{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.animations-module_form-validator-theme-dark__ySqnh .animations-module_form-validator-label__O7u2s{color:#e5e7eb}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuaW1hdGlvbnMubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSwwQ0FDRSxNQUFXLHVCQUEwQixDQUNyQyxvQkFBMEIsMEJBQTZCLENBQ3ZELGdCQUFxQix5QkFBNEIsQ0FDbkQsQ0FFQSw0Q0FDRSxHQUNFLFNBQVUsQ0FDViwyQkFDRixDQUNBLEdBQ0UsU0FBVSxDQUNWLHVCQUNGLENBQ0YsQ0FFQSxnREFDRSxHQUFLLHNDQUE2QyxDQUNsRCxJQUFNLHVDQUE2QyxDQUNuRCxHQUFPLHFDQUEyQyxDQUNwRCxDQUVBLCtDQUNFLG9EQUNGLENBRUEscURBR0UsNERBQW9DLENBRHBDLG9CQUFxQixDQURyQixZQUdGLENBRUEsOEVBRUUsK0VBQStELENBRC9ELG9CQUVGLENBRUEsdURBSUUsdURBQWdDLENBSGhDLGFBQWMsQ0FDZCxpQkFBbUIsQ0FDbkIsaUJBRUYsQ0FFQSxtR0FDRSx3QkFBeUIsQ0FDekIsb0JBQXFCLENBQ3JCLFVBQ0YsQ0FFQSxpREFFRSx5T0FBa1AsQ0FFbFAsc0NBQXdDLENBRHhDLDJCQUE0QixDQUY1Qiw4QkFBZ0MsQ0FJaEMsa0JBQ0YsQ0FFQSx5REFDRSxrQkFDRixDQUVBLCtDQUtFLGFBQWMsQ0FKZCxhQUFjLENBRWQsaUJBQW1CLENBQ25CLGVBQWdCLENBRmhCLG9CQUlGLENBRUEsbUdBQ0UsYUFDRiIsImZpbGUiOiJhbmltYXRpb25zLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuQGtleWZyYW1lcyBzaGFrZSB7XHJcbiAgMCUsIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7IH1cclxuICAxMCUsIDMwJSwgNTAlLCA3MCUsIDkwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNXB4KTsgfVxyXG4gIDIwJSwgNDAlLCA2MCUsIDgwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpOyB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgc2xpZGVJbiB7XHJcbiAgZnJvbSB7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcclxuICB9XHJcbiAgdG8ge1xyXG4gICAgb3BhY2l0eTogMTtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcclxuICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgZ2VudGxlUHVsc2Uge1xyXG4gIDAlIHsgYm94LXNoYWRvdzogMCAwIDAgMCByZ2JhKDU5LCAxMzAsIDI0NiwgMC41KTsgfVxyXG4gIDcwJSB7IGJveC1zaGFkb3c6IDAgMCAwIDVweCByZ2JhKDU5LCAxMzAsIDI0NiwgMCk7IH1cclxuICAxMDAlIHsgYm94LXNoYWRvdzogMCAwIDAgMCByZ2JhKDU5LCAxMzAsIDI0NiwgMCk7IH1cclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWZpZWxkIHtcclxuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWZpZWxkOmZvY3VzIHtcclxuICBvdXRsaW5lOiBub25lO1xyXG4gIGJvcmRlci1jb2xvcjogIzNiODJmNjtcclxuICBhbmltYXRpb246IGdlbnRsZVB1bHNlIDEuNXMgaW5maW5pdGU7XHJcbn1cclxuXHJcbi5mb3JtLXZhbGlkYXRvci1maWVsZC5lcnJvciB7XHJcbiAgYm9yZGVyLWNvbG9yOiAjZWY0NDQ0O1xyXG4gIGFuaW1hdGlvbjogc2hha2UgMC41cyBjdWJpYy1iZXppZXIoMC4zNiwgMC4wNywgMC4xOSwgMC45NykgYm90aDtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWVycm9yLW1lc3NhZ2Uge1xyXG4gIGNvbG9yOiAjZWY0NDQ0O1xyXG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XHJcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcclxuICBhbmltYXRpb246IHNsaWRlSW4gMC4ycyBlYXNlLW91dDtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLXRoZW1lLWRhcmsgLmZvcm0tdmFsaWRhdG9yLWZpZWxkIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWYyOTM3O1xyXG4gIGJvcmRlci1jb2xvcjogIzRiNTU2MztcclxuICBjb2xvcjogd2hpdGU7XHJcbn1cclxuXHJcbi5mb3JtLXZhbGlkYXRvci1zdWNjZXNzIHtcclxuICBib3JkZXItY29sb3I6ICMxMGI5ODEgIWltcG9ydGFudDtcclxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMjQgMjQnIGZpbGw9J25vbmUnIHN0cm9rZT0nJTIzMTBiOTgxJyBzdHJva2Utd2lkdGg9JzInJTNFJTNDcG9seWxpbmUgcG9pbnRzPScyMCA2IDkgMTcgNCAxMiclM0UlM0MvcG9seWxpbmUlM0UlM0Mvc3ZnJTNFXCIpO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgMC41cmVtIGNlbnRlcjtcclxuICBwYWRkaW5nLXJpZ2h0OiAycmVtO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItZmllbGQtY29udGFpbmVyIHtcclxuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItbGFiZWwge1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XHJcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGNvbG9yOiAjMzc0MTUxO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItdGhlbWUtZGFyayAuZm9ybS12YWxpZGF0b3ItbGFiZWwge1xyXG4gIGNvbG9yOiAjZTVlN2ViO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItaW5wdXQge1xyXG4gIGNvbXBvc2VzOiBmb3JtLXZhbGlkYXRvci1maWVsZDtcclxufSJdfQ== */";
+styleInject(css_248z);
+
+var FormValidator = function (_a) {
+    var children = _a.children, validationRules = _a.validationRules, onSubmit = _a.onSubmit, _b = _a.theme, theme = _b === void 0 ? 'light' : _b, _c = _a.customStyles, customStyles = _c === void 0 ? {} : _c, _d = _a.enableDebounce, enableDebounce = _d === void 0 ? true : _d, _e = _a.debounceDelay, debounceDelay = _e === void 0 ? 300 : _e;
+    var _f = useState({}), formValues = _f[0], setFormValues = _f[1];
+    var _g = useState({}), errors = _g[0], setErrors = _g[1];
+    var _h = useState({}), touched = _h[0], setTouched = _h[1];
+    var debouncedValidate = useDebounce(function (name, value) {
+        var error = validateField(value, validationRules[name]);
+        setErrors(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = error || '', _a)));
+        });
+    }, debounceDelay);
+    var handleChange = useCallback(function (e) {
+        var _a = e.target, name = _a.name, value = _a.value;
+        setFormValues(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = value, _a)));
+        });
+        if (enableDebounce) {
+            debouncedValidate(name, value);
+        }
+        else {
+            var error_1 = validateField(value, validationRules[name]);
+            setErrors(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = error_1 || '', _a)));
+            });
+        }
+    }, [enableDebounce, debouncedValidate, validationRules]);
+    var handleBlur = useCallback(function (e) {
+        var _a = e.target, name = _a.name, value = _a.value;
+        setTouched(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = true, _a)));
+        });
+        var error = validateField(value, validationRules[name]);
+        setErrors(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = error || '', _a)));
+        });
+    }, [validationRules]);
+    var handleSubmit = useCallback(function (e) {
+        e.preventDefault();
+        var formErrors = validateForm(formValues, validationRules);
+        setErrors(formErrors);
+        if (Object.keys(formErrors).length === 0) {
+            onSubmit(formValues);
+        }
+    }, [formValues, validationRules, onSubmit]);
+    var childrenWithProps = React.Children.map(children, function (child) {
+        if (React.isValidElement(child)) {
+            var element = child;
+            if (element.props.name) {
+                return React.cloneElement(child, {
+                    onChange: handleChange,
+                    onBlur: handleBlur,
+                    value: formValues[element.props.name] || '',
+                    className: "form-validator-field ".concat(errors[element.props.name] ? 'error' : '', " ").concat(touched[element.props.name] && !errors[element.props.name] ? 'form-validator-success' : '', " "),
+                    style: customStyles[element.props.name],
+                    'data-theme': theme,
+                    'data-touched': touched[element.props.name],
+                    'data-error': !!errors[element.props.name]
+                });
+            }
+        }
+        return child;
+    });
+    var errorElements = Object.keys(errors).map(function (fieldName) { return (errors[fieldName] && (React.createElement("div", { key: fieldName, className: "form-validator-error-message", "data-field": fieldName }, errors[fieldName]))); });
+    return (React.createElement("form", { onSubmit: handleSubmit, className: "form-validator-theme-".concat(theme), style: customStyles.form, noValidate: true },
+        childrenWithProps,
+        errorElements,
+        React.createElement("button", { type: "submit" }, "Submit")));
+};
+
+var FormField = function (_a) {
+    var label = _a.label, errors = _a.errors, touched = _a.touched, _b = _a.className, className = _b === void 0 ? '' : _b, id = _a.id, props = __rest(_a, ["label", "errors", "touched", "className", "id"]);
+    var fieldId = id || props.name;
+    return (React.createElement("div", { className: "form-validator-field-container" },
+        label && (React.createElement("label", { htmlFor: fieldId, className: "form-validator-label" }, label)),
+        React.createElement("input", __assign({ id: fieldId, className: "form-validator-input ".concat(errors ? 'errors' : '', " ").concat(touched && !errors ? 'success' : '', " ").concat(className), "aria-invalid": !!errors, "aria-describedby": errors ? "".concat(fieldId, "-errors") : undefined }, props)),
+        errors && (React.createElement("div", { id: "".concat(fieldId, "-errors"), className: "form-validator-errors-message", role: "alert" }, errors))));
+};
+
+if (!Array.prototype.some) {
+    Array.prototype.some = function (callback, thisArg) {
+        for (var i = 0; i < this.length; i++) {
+            if (callback.call(thisArg, this[i], i, this)) {
+                return true;
+            }
+        }
+        return false;
+    };
+}
+if (!Array.prototype.every) {
+    Array.prototype.every = function (callback, thisArg) {
+        for (var i = 0; i < this.length; i++) {
+            if (!callback.call(thisArg, this[i], i, this)) {
+                return false;
+            }
+        }
+        return true;
+    };
+}
+if (!String.prototype.trim) {
+    String.prototype.trim = function () {
+        return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+    };
+}
+var throttle = function (func, limit) {
+    var inThrottle;
+    var lastResult;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (!inThrottle) {
+            inThrottle = true;
+            lastResult = func.apply(this, args);
+            setTimeout(function () { return inThrottle = false; }, limit);
+        }
+        return lastResult;
+    };
+};
+
+export { FormField, FormValidator, throttle, useDebounce, validateField, validateForm };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/utils/validators.ts","../src/hooks/useDebounce.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/components/FormValidator.tsx","../src/components/FormField.tsx","../src/utils/polyfills.ts"],"sourcesContent":["import { ValidationRule } from \"../types\";\r\n\r\nexport type ValidatorFn = (value: any) => string | undefined;\r\n\r\nexport const validateField = (\r\n    value: any,\r\n    rules?: ValidationRule\r\n): string | undefined => {\r\n    if (!rules) return undefined;\r\n\r\n    if(rules.required){\r\n        const message = rules.messages?.required || 'This field is required';\r\n        if(!value || value.trim() === '') return message;\r\n    }\r\n\r\n    if(rules.email && value){\r\n        const message = rules.messages?.email || 'Please enter a valid email';\r\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n        if(!emailRegex.test(value)) return message;\r\n    }\r\n\r\n    if(rules.minLength && value){\r\n        const message = rules.messages?.minLength || `Must be at least ${rules.minLength} characters`;\r\n        if(value.length < rules.minLength) return message;\r\n    }\r\n\r\n    if(rules.maxLength && value){\r\n        const message = rules.messages?.maxLength || `Must be more than ${rules.maxLength} characters`;\r\n        if(value.length > rules.maxLength) return message;\r\n    }\r\n\r\n    if(rules.pattern && value){\r\n        const message = rules.messages?.pattern || 'Invalid format';\r\n        if(!rules.pattern.test(value)) return message;\r\n    }\r\n\r\n    if(rules.custom){\r\n        return rules.custom(value);\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nexport const validateForm = (\r\n    values: Record<string, any>,\r\n    rules: Record<string, ValidationRule>\r\n): Record<string, string> => {\r\n    const errors: Record<string, string> = {};\r\n\r\n    Object.keys(rules).forEach(fieldName => {\r\n        const error = validateField(values[fieldName], rules[fieldName]);\r\n        if(error) {\r\n            errors[fieldName] = error;\r\n        }\r\n    });\r\n\r\n    return errors;\r\n};","import { useCallback, useRef } from \"react\";\r\n\r\nexport function useDebounce<T extends (...args: any[]) => void>(\r\n    fn: T,\r\n    delay: number\r\n): T {\r\n    const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n\r\n    return useCallback(\r\n        ((...args: any[]) => {\r\n            if(timeoutRef.current) {\r\n                clearTimeout(timeoutRef.current);\r\n            }\r\n\r\n            timeoutRef.current = setTimeout(() => {\r\n                fn(...args);\r\n            }, delay);\r\n        }) as T,\r\n        [fn, delay]\r\n    );\r\n}","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, {useState, useCallback} from \"react\";\r\nimport { FormValidatorProps, FormState, ErrorState } from \"../types\";\r\nimport { validateField, validateForm } from \"../utils/validators\";\r\nimport { useDebounce } from \"../hooks/useDebounce\";\r\nimport '../styles/animations.module.css';\r\n\r\nexport const  FormValidator: React.FC<FormValidatorProps> = ({\r\n    children,\r\n    validationRules,\r\n    onSubmit,\r\n    theme = 'light',\r\n    customStyles = {} ,\r\n    enableDebounce = true,\r\n    debounceDelay = 300\r\n}) => {\r\n    const [formValues, setFormValues] = useState<FormState>({});\r\n    const [errors, setErrors] = useState<ErrorState>({});\r\n    const [touched, setTouched] = useState<Record<string, boolean>>({});\r\n\r\n    const debouncedValidate = useDebounce((name: string, value: any) => {\r\n        const error = validateField(value, validationRules[name]);\r\n        setErrors(prev => ({...prev, [name]: error || ''}));\r\n    }, debounceDelay);\r\n\r\n    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const {name, value} = e.target;\r\n\r\n        setFormValues(prev => ({...prev, [name]: value }));\r\n\r\n        if(enableDebounce) {\r\n            debouncedValidate(name, value);\r\n        } else {\r\n            const error = validateField(value, validationRules[name]);\r\n            setErrors(prev => ({...prev, [name]: error || '' }));\r\n        }\r\n    }, [enableDebounce, debouncedValidate, validationRules]);\r\n\r\n    const handleBlur = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\r\n        const { name, value } = e.target;\r\n\r\n        setTouched(prev => ({...prev, [name]: true }));\r\n\r\n\r\n        const error = validateField(value, validationRules[name]);\r\n        setErrors(prev => ({ ...prev, [name]: error || '' }));\r\n    }, [validationRules]);\r\n\r\n    const handleSubmit = useCallback((e: React.FormEvent) => {\r\n        e.preventDefault();\r\n\r\n        const formErrors = validateForm(formValues, validationRules);\r\n        setErrors(formErrors);\r\n\r\n        if(Object.keys(formErrors).length === 0){\r\n            onSubmit(formValues);\r\n        }\r\n    }, [formValues, validationRules, onSubmit]);\r\n\r\n    const childrenWithProps = React.Children.map(children, child => {\r\n        if (React.isValidElement(child)) {\r\n            const element = child as React.ReactElement<{ name?: string }>;\r\n\r\n            if(element.props.name) {\r\n                return React.cloneElement(child, {\r\n                    onChange: handleChange,\r\n                    onBlur: handleBlur,\r\n                    value: formValues[element.props.name] || '',\r\n                    className: `form-validator-field ${errors[element.props.name] ? 'error' : ''} ${touched[element.props.name] && !errors[element.props.name] ? 'form-validator-success' : ''} `,\r\n                    style: customStyles[element.props.name],\r\n                    'data-theme': theme,\r\n                    'data-touched': touched[element.props.name],\r\n                    'data-error': !!errors[element.props.name]\r\n                } as any);\r\n            }\r\n        }\r\n        return child;\r\n    });\r\n\r\n    const errorElements = Object.keys(errors).map(fieldName => (\r\n        errors[fieldName] && (\r\n            <div key={fieldName} className=\"form-validator-error-message\" data-field={fieldName}>\r\n                {errors[fieldName]}\r\n            </div>\r\n        )\r\n    ));\r\n\r\n    return (\r\n        <form \r\n            onSubmit={handleSubmit}\r\n            className={`form-validator-theme-${theme}`}\r\n            style={customStyles.form}\r\n            noValidate\r\n        >\r\n            {childrenWithProps}\r\n            {errorElements}\r\n            <button type=\"submit\">Submit</button>\r\n        </form>\r\n    );\r\n}","import React from \"react\";\r\n\r\ninterface FormFieldProps extends React.InputHTMLAttributes<HTMLInputElement>{\r\n    label?: string;\r\n    errors?: string;\r\n    touched?: boolean;\r\n}\r\n\r\nexport const FormField: React.FC<FormFieldProps> = ({\r\n    label,\r\n    errors,\r\n    touched,\r\n    className ='',\r\n    id,\r\n    ...props\r\n}) => {\r\n    const fieldId = id || props.name;\r\n\r\n    return (\r\n        <div className=\"form-validator-field-container\">\r\n            {label && (\r\n                <label htmlFor={fieldId} className=\"form-validator-label\">\r\n                    {label}\r\n                </label>\r\n            )}\r\n\r\n            <input id={fieldId} className={`form-validator-input ${errors ? 'errors' : ''} ${touched && !errors ? 'success' : ''} ${className}`}\r\n            aria-invalid={!!errors}\r\n            aria-describedby={errors ? `${fieldId}-errors` : undefined}\r\n            {...props}/>\r\n\r\n            {errors && (\r\n                <div \r\n                    id={`${fieldId}-errors`}\r\n                    className=\"form-validator-errors-message\"\r\n                    role=\"alert\"\r\n                >\r\n                    {errors}\r\n                </div>\r\n            )}\r\n        </div>\r\n    );\r\n};","\r\nif (!Array.prototype.some){\r\n    Array.prototype.some = function<T>(\r\n        this: T[],\r\n        callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any\r\n    ): boolean {\r\n        for(let i=0; i< this.length; i++){\r\n            if(callback.call(thisArg, this[i], i, this)) {\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    };    \r\n}\r\n\r\nif (!Array.prototype.every){\r\n    Array.prototype.every = function<T>(\r\n        this: T[],\r\n        callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any\r\n    ): boolean {\r\n        for(let i=0; i< this.length; i++){\r\n            if(!callback.call(thisArg, this[i], i, this)) {\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    } as typeof Array.prototype.every;    \r\n}\r\n\r\nif (!String.prototype.trim){\r\n    String.prototype.trim = function(): string {\r\n        return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\r\n    };\r\n}\r\n\r\nexport const throttle = <T extends (...args: any[]) => any>(\r\n    func: T,\r\n    limit: number\r\n):  T => {\r\n    let inThrottle: boolean;\r\n    let lastResult: ReturnType<T>;\r\n\r\n    return function(this: any, ...args: any[]) {\r\n        if(!inThrottle) {\r\n            inThrottle = true;\r\n            lastResult = func.apply(this, args);\r\n            setTimeout(() => inThrottle = false, limit);\r\n        }\r\n        return lastResult;\r\n    } as T;\r\n};\r\n"],"names":[],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.js

@@ -0,0 +1,229 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+var validateField = function (value, rules) {
+    var _a, _b, _c, _d, _e;
+    if (!rules)
+        return undefined;
+    if (rules.required) {
+        var message = ((_a = rules.messages) === null || _a === void 0 ? void 0 : _a.required) || 'This field is required';
+        if (!value || value.trim() === '')
+            return message;
+    }
+    if (rules.email && value) {
+        var message = ((_b = rules.messages) === null || _b === void 0 ? void 0 : _b.email) || 'Please enter a valid email';
+        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(value))
+            return message;
+    }
+    if (rules.minLength && value) {
+        var message = ((_c = rules.messages) === null || _c === void 0 ? void 0 : _c.minLength) || "Must be at least ".concat(rules.minLength, " characters");
+        if (value.length < rules.minLength)
+            return message;
+    }
+    if (rules.maxLength && value) {
+        var message = ((_d = rules.messages) === null || _d === void 0 ? void 0 : _d.maxLength) || "Must be more than ".concat(rules.maxLength, " characters");
+        if (value.length > rules.maxLength)
+            return message;
+    }
+    if (rules.pattern && value) {
+        var message = ((_e = rules.messages) === null || _e === void 0 ? void 0 : _e.pattern) || 'Invalid format';
+        if (!rules.pattern.test(value))
+            return message;
+    }
+    if (rules.custom) {
+        return rules.custom(value);
+    }
+    return undefined;
+};
+var validateForm = function (values, rules) {
+    var errors = {};
+    Object.keys(rules).forEach(function (fieldName) {
+        var error = validateField(values[fieldName], rules[fieldName]);
+        if (error) {
+            errors[fieldName] = error;
+        }
+    });
+    return errors;
+};
+
+function useDebounce(fn, delay) {
+    var timeoutRef = React.useRef(undefined);
+    return React.useCallback((function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(function () {
+            fn.apply(void 0, args);
+        }, delay);
+    }), [fn, delay]);
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "@keyframes animations-module_shake__qVr3b{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes animations-module_slideIn__lwqyK{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes animations-module_gentlePulse__xvUHG{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}70%{box-shadow:0 0 0 5px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.animations-module_form-validator-field__pirKM{transition:border-color .2s ease,box-shadow .2s ease}.animations-module_form-validator-field__pirKM:focus{animation:animations-module_gentlePulse__xvUHG 1.5s infinite;border-color:#3b82f6;outline:none}.animations-module_form-validator-field__pirKM.animations-module_error__Vq-ZO{animation:animations-module_shake__qVr3b .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444}.animations-module_form-validator-error-message__h1Ge-{animation:animations-module_slideIn__lwqyK .2s ease-out;color:#ef4444;font-size:.875rem;margin-top:.25rem}.animations-module_form-validator-theme-dark__ySqnh .animations-module_form-validator-field__pirKM{background-color:#1f2937;border-color:#4b5563;color:#fff}.animations-module_form-validator-success__JkYav{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E\");background-position:right .5rem center;background-repeat:no-repeat;border-color:#10b981!important;padding-right:2rem}.animations-module_form-validator-field-container__9P7zl{margin-bottom:1rem}.animations-module_form-validator-label__O7u2s{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.animations-module_form-validator-theme-dark__ySqnh .animations-module_form-validator-label__O7u2s{color:#e5e7eb}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuaW1hdGlvbnMubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSwwQ0FDRSxNQUFXLHVCQUEwQixDQUNyQyxvQkFBMEIsMEJBQTZCLENBQ3ZELGdCQUFxQix5QkFBNEIsQ0FDbkQsQ0FFQSw0Q0FDRSxHQUNFLFNBQVUsQ0FDViwyQkFDRixDQUNBLEdBQ0UsU0FBVSxDQUNWLHVCQUNGLENBQ0YsQ0FFQSxnREFDRSxHQUFLLHNDQUE2QyxDQUNsRCxJQUFNLHVDQUE2QyxDQUNuRCxHQUFPLHFDQUEyQyxDQUNwRCxDQUVBLCtDQUNFLG9EQUNGLENBRUEscURBR0UsNERBQW9DLENBRHBDLG9CQUFxQixDQURyQixZQUdGLENBRUEsOEVBRUUsK0VBQStELENBRC9ELG9CQUVGLENBRUEsdURBSUUsdURBQWdDLENBSGhDLGFBQWMsQ0FDZCxpQkFBbUIsQ0FDbkIsaUJBRUYsQ0FFQSxtR0FDRSx3QkFBeUIsQ0FDekIsb0JBQXFCLENBQ3JCLFVBQ0YsQ0FFQSxpREFFRSx5T0FBa1AsQ0FFbFAsc0NBQXdDLENBRHhDLDJCQUE0QixDQUY1Qiw4QkFBZ0MsQ0FJaEMsa0JBQ0YsQ0FFQSx5REFDRSxrQkFDRixDQUVBLCtDQUtFLGFBQWMsQ0FKZCxhQUFjLENBRWQsaUJBQW1CLENBQ25CLGVBQWdCLENBRmhCLG9CQUlGLENBRUEsbUdBQ0UsYUFDRiIsImZpbGUiOiJhbmltYXRpb25zLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuQGtleWZyYW1lcyBzaGFrZSB7XHJcbiAgMCUsIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7IH1cclxuICAxMCUsIDMwJSwgNTAlLCA3MCUsIDkwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNXB4KTsgfVxyXG4gIDIwJSwgNDAlLCA2MCUsIDgwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1cHgpOyB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgc2xpZGVJbiB7XHJcbiAgZnJvbSB7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcclxuICB9XHJcbiAgdG8ge1xyXG4gICAgb3BhY2l0eTogMTtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcclxuICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgZ2VudGxlUHVsc2Uge1xyXG4gIDAlIHsgYm94LXNoYWRvdzogMCAwIDAgMCByZ2JhKDU5LCAxMzAsIDI0NiwgMC41KTsgfVxyXG4gIDcwJSB7IGJveC1zaGFkb3c6IDAgMCAwIDVweCByZ2JhKDU5LCAxMzAsIDI0NiwgMCk7IH1cclxuICAxMDAlIHsgYm94LXNoYWRvdzogMCAwIDAgMCByZ2JhKDU5LCAxMzAsIDI0NiwgMCk7IH1cclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWZpZWxkIHtcclxuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWZpZWxkOmZvY3VzIHtcclxuICBvdXRsaW5lOiBub25lO1xyXG4gIGJvcmRlci1jb2xvcjogIzNiODJmNjtcclxuICBhbmltYXRpb246IGdlbnRsZVB1bHNlIDEuNXMgaW5maW5pdGU7XHJcbn1cclxuXHJcbi5mb3JtLXZhbGlkYXRvci1maWVsZC5lcnJvciB7XHJcbiAgYm9yZGVyLWNvbG9yOiAjZWY0NDQ0O1xyXG4gIGFuaW1hdGlvbjogc2hha2UgMC41cyBjdWJpYy1iZXppZXIoMC4zNiwgMC4wNywgMC4xOSwgMC45NykgYm90aDtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLWVycm9yLW1lc3NhZ2Uge1xyXG4gIGNvbG9yOiAjZWY0NDQ0O1xyXG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XHJcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcclxuICBhbmltYXRpb246IHNsaWRlSW4gMC4ycyBlYXNlLW91dDtcclxufVxyXG5cclxuLmZvcm0tdmFsaWRhdG9yLXRoZW1lLWRhcmsgLmZvcm0tdmFsaWRhdG9yLWZpZWxkIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWYyOTM3O1xyXG4gIGJvcmRlci1jb2xvcjogIzRiNTU2MztcclxuICBjb2xvcjogd2hpdGU7XHJcbn1cclxuXHJcbi5mb3JtLXZhbGlkYXRvci1zdWNjZXNzIHtcclxuICBib3JkZXItY29sb3I6ICMxMGI5ODEgIWltcG9ydGFudDtcclxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMjQgMjQnIGZpbGw9J25vbmUnIHN0cm9rZT0nJTIzMTBiOTgxJyBzdHJva2Utd2lkdGg9JzInJTNFJTNDcG9seWxpbmUgcG9pbnRzPScyMCA2IDkgMTcgNCAxMiclM0UlM0MvcG9seWxpbmUlM0UlM0Mvc3ZnJTNFXCIpO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgMC41cmVtIGNlbnRlcjtcclxuICBwYWRkaW5nLXJpZ2h0OiAycmVtO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItZmllbGQtY29udGFpbmVyIHtcclxuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItbGFiZWwge1xyXG4gIGRpc3BsYXk6IGJsb2NrO1xyXG4gIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XHJcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGNvbG9yOiAjMzc0MTUxO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItdGhlbWUtZGFyayAuZm9ybS12YWxpZGF0b3ItbGFiZWwge1xyXG4gIGNvbG9yOiAjZTVlN2ViO1xyXG59XHJcblxyXG4uZm9ybS12YWxpZGF0b3ItaW5wdXQge1xyXG4gIGNvbXBvc2VzOiBmb3JtLXZhbGlkYXRvci1maWVsZDtcclxufSJdfQ== */";
+styleInject(css_248z);
+
+var FormValidator = function (_a) {
+    var children = _a.children, validationRules = _a.validationRules, onSubmit = _a.onSubmit, _b = _a.theme, theme = _b === void 0 ? 'light' : _b, _c = _a.customStyles, customStyles = _c === void 0 ? {} : _c, _d = _a.enableDebounce, enableDebounce = _d === void 0 ? true : _d, _e = _a.debounceDelay, debounceDelay = _e === void 0 ? 300 : _e;
+    var _f = React.useState({}), formValues = _f[0], setFormValues = _f[1];
+    var _g = React.useState({}), errors = _g[0], setErrors = _g[1];
+    var _h = React.useState({}), touched = _h[0], setTouched = _h[1];
+    var debouncedValidate = useDebounce(function (name, value) {
+        var error = validateField(value, validationRules[name]);
+        setErrors(function (prev) {
+            var _a;
+            return (tslib.__assign(tslib.__assign({}, prev), (_a = {}, _a[name] = error || '', _a)));
+        });
+    }, debounceDelay);
+    var handleChange = React.useCallback(function (e) {
+        var _a = e.target, name = _a.name, value = _a.value;
+        setFormValues(function (prev) {
+            var _a;
+            return (tslib.__assign(tslib.__assign({}, prev), (_a = {}, _a[name] = value, _a)));
+        });
+        if (enableDebounce) {
+            debouncedValidate(name, value);
+        }
+        else {
+            var error_1 = validateField(value, validationRules[name]);
+            setErrors(function (prev) {
+                var _a;
+                return (tslib.__assign(tslib.__assign({}, prev), (_a = {}, _a[name] = error_1 || '', _a)));
+            });
+        }
+    }, [enableDebounce, debouncedValidate, validationRules]);
+    var handleBlur = React.useCallback(function (e) {
+        var _a = e.target, name = _a.name, value = _a.value;
+        setTouched(function (prev) {
+            var _a;
+            return (tslib.__assign(tslib.__assign({}, prev), (_a = {}, _a[name] = true, _a)));
+        });
+        var error = validateField(value, validationRules[name]);
+        setErrors(function (prev) {
+            var _a;
+            return (tslib.__assign(tslib.__assign({}, prev), (_a = {}, _a[name] = error || '', _a)));
+        });
+    }, [validationRules]);
+    var handleSubmit = React.useCallback(function (e) {
+        e.preventDefault();
+        var formErrors = validateForm(formValues, validationRules);
+        setErrors(formErrors);
+        if (Object.keys(formErrors).length === 0) {
+            onSubmit(formValues);
+        }
+    }, [formValues, validationRules, onSubmit]);
+    var childrenWithProps = React.Children.map(children, function (child) {
+        if (React.isValidElement(child)) {
+            var element = child;
+            if (element.props.name) {
+                return React.cloneElement(child, {
+                    onChange: handleChange,
+                    onBlur: handleBlur,
+                    value: formValues[element.props.name] || '',
+                    className: "form-validator-field ".concat(errors[element.props.name] ? 'error' : '', " ").concat(touched[element.props.name] && !errors[element.props.name] ? 'form-validator-success' : '', " "),
+                    style: customStyles[element.props.name],
+                    'data-theme': theme,
+                    'data-touched': touched[element.props.name],
+                    'data-error': !!errors[element.props.name]
+                });
+            }
+        }
+        return child;
+    });
+    var errorElements = Object.keys(errors).map(function (fieldName) { return (errors[fieldName] && (React.createElement("div", { key: fieldName, className: "form-validator-error-message", "data-field": fieldName }, errors[fieldName]))); });
+    return (React.createElement("form", { onSubmit: handleSubmit, className: "form-validator-theme-".concat(theme), style: customStyles.form, noValidate: true },
+        childrenWithProps,
+        errorElements,
+        React.createElement("button", { type: "submit" }, "Submit")));
+};
+
+var FormField = function (_a) {
+    var label = _a.label, errors = _a.errors, touched = _a.touched, _b = _a.className, className = _b === void 0 ? '' : _b, id = _a.id, props = tslib.__rest(_a, ["label", "errors", "touched", "className", "id"]);
+    var fieldId = id || props.name;
+    return (React.createElement("div", { className: "form-validator-field-container" },
+        label && (React.createElement("label", { htmlFor: fieldId, className: "form-validator-label" }, label)),
+        React.createElement("input", tslib.__assign({ id: fieldId, className: "form-validator-input ".concat(errors ? 'errors' : '', " ").concat(touched && !errors ? 'success' : '', " ").concat(className), "aria-invalid": !!errors, "aria-describedby": errors ? "".concat(fieldId, "-errors") : undefined }, props)),
+        errors && (React.createElement("div", { id: "".concat(fieldId, "-errors"), className: "form-validator-errors-message", role: "alert" }, errors))));
+};
+
+if (!Array.prototype.some) {
+    Array.prototype.some = function (callback, thisArg) {
+        for (var i = 0; i < this.length; i++) {
+            if (callback.call(thisArg, this[i], i, this)) {
+                return true;
+            }
+        }
+        return false;
+    };
+}
+if (!Array.prototype.every) {
+    Array.prototype.every = function (callback, thisArg) {
+        for (var i = 0; i < this.length; i++) {
+            if (!callback.call(thisArg, this[i], i, this)) {
+                return false;
+            }
+        }
+        return true;
+    };
+}
+if (!String.prototype.trim) {
+    String.prototype.trim = function () {
+        return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+    };
+}
+var throttle = function (func, limit) {
+    var inThrottle;
+    var lastResult;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (!inThrottle) {
+            inThrottle = true;
+            lastResult = func.apply(this, args);
+            setTimeout(function () { return inThrottle = false; }, limit);
+        }
+        return lastResult;
+    };
+};
+
+exports.FormField = FormField;
+exports.FormValidator = FormValidator;
+exports.throttle = throttle;
+exports.useDebounce = useDebounce;
+exports.validateField = validateField;
+exports.validateForm = validateForm;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/validators.ts","../src/hooks/useDebounce.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/components/FormValidator.tsx","../src/components/FormField.tsx","../src/utils/polyfills.ts"],"sourcesContent":["import { ValidationRule } from \"../types\";\r\n\r\nexport type ValidatorFn = (value: any) => string | undefined;\r\n\r\nexport const validateField = (\r\n    value: any,\r\n    rules?: ValidationRule\r\n): string | undefined => {\r\n    if (!rules) return undefined;\r\n\r\n    if(rules.required){\r\n        const message = rules.messages?.required || 'This field is required';\r\n        if(!value || value.trim() === '') return message;\r\n    }\r\n\r\n    if(rules.email && value){\r\n        const message = rules.messages?.email || 'Please enter a valid email';\r\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n        if(!emailRegex.test(value)) return message;\r\n    }\r\n\r\n    if(rules.minLength && value){\r\n        const message = rules.messages?.minLength || `Must be at least ${rules.minLength} characters`;\r\n        if(value.length < rules.minLength) return message;\r\n    }\r\n\r\n    if(rules.maxLength && value){\r\n        const message = rules.messages?.maxLength || `Must be more than ${rules.maxLength} characters`;\r\n        if(value.length > rules.maxLength) return message;\r\n    }\r\n\r\n    if(rules.pattern && value){\r\n        const message = rules.messages?.pattern || 'Invalid format';\r\n        if(!rules.pattern.test(value)) return message;\r\n    }\r\n\r\n    if(rules.custom){\r\n        return rules.custom(value);\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nexport const validateForm = (\r\n    values: Record<string, any>,\r\n    rules: Record<string, ValidationRule>\r\n): Record<string, string> => {\r\n    const errors: Record<string, string> = {};\r\n\r\n    Object.keys(rules).forEach(fieldName => {\r\n        const error = validateField(values[fieldName], rules[fieldName]);\r\n        if(error) {\r\n            errors[fieldName] = error;\r\n        }\r\n    });\r\n\r\n    return errors;\r\n};","import { useCallback, useRef } from \"react\";\r\n\r\nexport function useDebounce<T extends (...args: any[]) => void>(\r\n    fn: T,\r\n    delay: number\r\n): T {\r\n    const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n\r\n    return useCallback(\r\n        ((...args: any[]) => {\r\n            if(timeoutRef.current) {\r\n                clearTimeout(timeoutRef.current);\r\n            }\r\n\r\n            timeoutRef.current = setTimeout(() => {\r\n                fn(...args);\r\n            }, delay);\r\n        }) as T,\r\n        [fn, delay]\r\n    );\r\n}","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, {useState, useCallback} from \"react\";\r\nimport { FormValidatorProps, FormState, ErrorState } from \"../types\";\r\nimport { validateField, validateForm } from \"../utils/validators\";\r\nimport { useDebounce } from \"../hooks/useDebounce\";\r\nimport '../styles/animations.module.css';\r\n\r\nexport const  FormValidator: React.FC<FormValidatorProps> = ({\r\n    children,\r\n    validationRules,\r\n    onSubmit,\r\n    theme = 'light',\r\n    customStyles = {} ,\r\n    enableDebounce = true,\r\n    debounceDelay = 300\r\n}) => {\r\n    const [formValues, setFormValues] = useState<FormState>({});\r\n    const [errors, setErrors] = useState<ErrorState>({});\r\n    const [touched, setTouched] = useState<Record<string, boolean>>({});\r\n\r\n    const debouncedValidate = useDebounce((name: string, value: any) => {\r\n        const error = validateField(value, validationRules[name]);\r\n        setErrors(prev => ({...prev, [name]: error || ''}));\r\n    }, debounceDelay);\r\n\r\n    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const {name, value} = e.target;\r\n\r\n        setFormValues(prev => ({...prev, [name]: value }));\r\n\r\n        if(enableDebounce) {\r\n            debouncedValidate(name, value);\r\n        } else {\r\n            const error = validateField(value, validationRules[name]);\r\n            setErrors(prev => ({...prev, [name]: error || '' }));\r\n        }\r\n    }, [enableDebounce, debouncedValidate, validationRules]);\r\n\r\n    const handleBlur = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\r\n        const { name, value } = e.target;\r\n\r\n        setTouched(prev => ({...prev, [name]: true }));\r\n\r\n\r\n        const error = validateField(value, validationRules[name]);\r\n        setErrors(prev => ({ ...prev, [name]: error || '' }));\r\n    }, [validationRules]);\r\n\r\n    const handleSubmit = useCallback((e: React.FormEvent) => {\r\n        e.preventDefault();\r\n\r\n        const formErrors = validateForm(formValues, validationRules);\r\n        setErrors(formErrors);\r\n\r\n        if(Object.keys(formErrors).length === 0){\r\n            onSubmit(formValues);\r\n        }\r\n    }, [formValues, validationRules, onSubmit]);\r\n\r\n    const childrenWithProps = React.Children.map(children, child => {\r\n        if (React.isValidElement(child)) {\r\n            const element = child as React.ReactElement<{ name?: string }>;\r\n\r\n            if(element.props.name) {\r\n                return React.cloneElement(child, {\r\n                    onChange: handleChange,\r\n                    onBlur: handleBlur,\r\n                    value: formValues[element.props.name] || '',\r\n                    className: `form-validator-field ${errors[element.props.name] ? 'error' : ''} ${touched[element.props.name] && !errors[element.props.name] ? 'form-validator-success' : ''} `,\r\n                    style: customStyles[element.props.name],\r\n                    'data-theme': theme,\r\n                    'data-touched': touched[element.props.name],\r\n                    'data-error': !!errors[element.props.name]\r\n                } as any);\r\n            }\r\n        }\r\n        return child;\r\n    });\r\n\r\n    const errorElements = Object.keys(errors).map(fieldName => (\r\n        errors[fieldName] && (\r\n            <div key={fieldName} className=\"form-validator-error-message\" data-field={fieldName}>\r\n                {errors[fieldName]}\r\n            </div>\r\n        )\r\n    ));\r\n\r\n    return (\r\n        <form \r\n            onSubmit={handleSubmit}\r\n            className={`form-validator-theme-${theme}`}\r\n            style={customStyles.form}\r\n            noValidate\r\n        >\r\n            {childrenWithProps}\r\n            {errorElements}\r\n            <button type=\"submit\">Submit</button>\r\n        </form>\r\n    );\r\n}","import React from \"react\";\r\n\r\ninterface FormFieldProps extends React.InputHTMLAttributes<HTMLInputElement>{\r\n    label?: string;\r\n    errors?: string;\r\n    touched?: boolean;\r\n}\r\n\r\nexport const FormField: React.FC<FormFieldProps> = ({\r\n    label,\r\n    errors,\r\n    touched,\r\n    className ='',\r\n    id,\r\n    ...props\r\n}) => {\r\n    const fieldId = id || props.name;\r\n\r\n    return (\r\n        <div className=\"form-validator-field-container\">\r\n            {label && (\r\n                <label htmlFor={fieldId} className=\"form-validator-label\">\r\n                    {label}\r\n                </label>\r\n            )}\r\n\r\n            <input id={fieldId} className={`form-validator-input ${errors ? 'errors' : ''} ${touched && !errors ? 'success' : ''} ${className}`}\r\n            aria-invalid={!!errors}\r\n            aria-describedby={errors ? `${fieldId}-errors` : undefined}\r\n            {...props}/>\r\n\r\n            {errors && (\r\n                <div \r\n                    id={`${fieldId}-errors`}\r\n                    className=\"form-validator-errors-message\"\r\n                    role=\"alert\"\r\n                >\r\n                    {errors}\r\n                </div>\r\n            )}\r\n        </div>\r\n    );\r\n};","\r\nif (!Array.prototype.some){\r\n    Array.prototype.some = function<T>(\r\n        this: T[],\r\n        callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any\r\n    ): boolean {\r\n        for(let i=0; i< this.length; i++){\r\n            if(callback.call(thisArg, this[i], i, this)) {\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    };    \r\n}\r\n\r\nif (!Array.prototype.every){\r\n    Array.prototype.every = function<T>(\r\n        this: T[],\r\n        callback: (value: T, index: number, array: T[]) => boolean, thisArg?: any\r\n    ): boolean {\r\n        for(let i=0; i< this.length; i++){\r\n            if(!callback.call(thisArg, this[i], i, this)) {\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    } as typeof Array.prototype.every;    \r\n}\r\n\r\nif (!String.prototype.trim){\r\n    String.prototype.trim = function(): string {\r\n        return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\r\n    };\r\n}\r\n\r\nexport const throttle = <T extends (...args: any[]) => any>(\r\n    func: T,\r\n    limit: number\r\n):  T => {\r\n    let inThrottle: boolean;\r\n    let lastResult: ReturnType<T>;\r\n\r\n    return function(this: any, ...args: any[]) {\r\n        if(!inThrottle) {\r\n            inThrottle = true;\r\n            lastResult = func.apply(this, args);\r\n            setTimeout(() => inThrottle = false, limit);\r\n        }\r\n        return lastResult;\r\n    } as T;\r\n};\r\n"],"names":["useRef","useCallback","useState","__assign","__rest"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/types/index.d.ts

@@ -0,0 +1,39 @@
+export interface ValidationRule {
+    required?: boolean;
+    email?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: RegExp;
+    custom?: (value: any) => string | undefined;
+    messages?: {
+        required?: string;
+        email?: string;
+        minLength?: string;
+        maxLength?: string;
+        pattern?: string;
+    };
+}
+export interface FormValidatorProps {
+    children: React.ReactNode;
+    validationRules: Record<string, ValidationRule>;
+    onSubmit: (data: Record<string, any>) => void;
+    theme?: 'light' | 'dark' | Record<string, string>;
+    customStyles?: {
+        form?: React.CSSProperties;
+        [key: string]: React.CSSProperties | undefined;
+    };
+    enableDebounce?: boolean;
+    debounceDelay?: number;
+}
+export interface FormState {
+    [key: string]: any;
+}
+export interface ErrorState {
+    [key: string]: string;
+}
+export interface FormContextValue {
+    values: FormState;
+    errors: ErrorState;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+}

package/dist/utils/polyfills.d.ts

@@ -0,0 +1 @@
+export declare const throttle: <T extends (...args: any[]) => any>(func: T, limit: number) => T;

package/dist/utils/validators.d.ts

@@ -0,0 +1,4 @@
+import { ValidationRule } from "../types";
+export type ValidatorFn = (value: any) => string | undefined;
+export declare const validateField: (value: any, rules?: ValidationRule) => string | undefined;
+export declare const validateForm: (values: Record<string, any>, rules: Record<string, ValidationRule>) => Record<string, string>;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "form-validator-widget",
+  "version": "1.0.2",
+  "description": "A reusable form validation widget with animations and advanced JavaScript concepts",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && rollup -c",
+    "prepublishOnly": "npm run build",
+    "prepare": "npm run build",
+    "dev": "rollup -c -w"
+  },
+  "keywords": [
+    "react",
+    "form",
+    "validation",
+    "typescript",
+    "debounce",
+    "polyfill",
+    "animation"
+  ],
+  "author": "Syed Zaid",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "postcss": "^8.5.6",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rimraf": "^5.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.6.0",
+    "typescript": "^5.0.0"
+  }
+}