@mantine/hooks 4.2.4 → 5.0.0-alpha.1

package/esm/use-form/use-form.js

@@ -1,87 +0,0 @@
-import { useState } from 'react';
-import { getInputOnChange } from '../use-input-state/use-input-state.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function useForm({
-  initialValues,
-  validationRules = {},
-  errorMessages = {}
-}) {
-  const initialErrors = Object.keys(initialValues).reduce((acc, field) => {
-    acc[field] = null;
-    return acc;
-  }, {});
-  const [errors, setErrors] = useState(initialErrors);
-  const [values, setValues] = useState(initialValues);
-  const resetErrors = () => setErrors(initialErrors);
-  const reset = () => {
-    setValues(initialValues);
-    resetErrors();
-  };
-  const validate = () => {
-    let isValid = true;
-    const validationErrors = Object.keys(values).reduce((acc, field) => {
-      if (validationRules && typeof validationRules[field] === "function" && !validationRules[field](values[field], values)) {
-        acc[field] = errorMessages[field] || true;
-        isValid = false;
-      } else {
-        acc[field] = null;
-      }
-      return acc;
-    }, {});
-    setErrors(validationErrors);
-    return isValid;
-  };
-  const validateField = (field) => setErrors((currentErrors) => __spreadProps(__spreadValues({}, currentErrors), {
-    [field]: typeof validationRules[field] === "function" ? validationRules[field](values[field], values) ? null : errorMessages[field] || true : null
-  }));
-  const setFieldError = (field, error) => setErrors((currentErrors) => __spreadProps(__spreadValues({}, currentErrors), { [field]: error }));
-  const setFieldValue = (field, value) => {
-    setValues((currentValues) => __spreadProps(__spreadValues({}, currentValues), { [field]: value }));
-    setFieldError(field, null);
-  };
-  const onSubmit = (handleSubmit) => (event) => {
-    event && event.preventDefault();
-    validate() && handleSubmit(values);
-  };
-  const getInputProps = (field, options) => ({
-    [(options == null ? void 0 : options.type) === "checkbox" ? "checked" : "value"]: values[field],
-    onChange: getInputOnChange((val) => setFieldValue(field, val)),
-    error: errors[field] || void 0
-  });
-  return {
-    values,
-    errors,
-    validate,
-    reset,
-    setErrors,
-    setValues,
-    setFieldValue,
-    setFieldError,
-    validateField,
-    resetErrors,
-    onSubmit,
-    getInputProps
-  };
-}
-
-export { useForm };
-//# sourceMappingURL=use-form.js.map

package/esm/use-form/use-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-form.js","sources":["../../src/use-form/use-form.ts"],"sourcesContent":["import React, { useState } from 'react';\nimport { getInputOnChange } from '../use-input-state/use-input-state';\n\nexport type ValidationRule<T> = {\n  readonly [P in keyof T]?: (value: T[P], values?: T) => boolean;\n};\n\nexport type UseFormErrors<T> = {\n  readonly [P in keyof T]?: React.ReactNode | null;\n};\n\ninterface UseFormInput<T> {\n  validationRules?: ValidationRule<T>;\n  errorMessages?: UseFormErrors<T>;\n  initialValues: T;\n}\n\nexport interface UseForm<T> {\n  values: T;\n  errors: Record<keyof T, React.ReactNode>;\n  validate: () => boolean;\n  reset: () => void;\n  setErrors: React.Dispatch<React.SetStateAction<Record<keyof T, React.ReactNode>>>;\n  setValues: React.Dispatch<React.SetStateAction<T>>;\n  setFieldValue: <K extends keyof T, U extends T[K]>(field: K, value: U) => void;\n  setFieldError: (field: keyof T, error: React.ReactNode) => void;\n  validateField: (field: keyof T) => void;\n  resetErrors: () => void;\n  onSubmit: (handleSubmit: (values: T) => any) => (event?: React.FormEvent) => void;\n  getInputProps: <K extends keyof T>(\n    field: K,\n    options?: {\n      type?: 'checkbox' | 'default';\n    }\n  ) => {\n    [x: string]: any;\n    onChange: any;\n    error: Record<keyof T, React.ReactNode>[K];\n  };\n}\n\nexport function useForm<T extends { [key: string]: any }>({\n  initialValues,\n  validationRules = {},\n  errorMessages = {},\n}: UseFormInput<T>): UseForm<T> {\n  type ValidationErrors = Record<keyof T, React.ReactNode>;\n\n  const initialErrors = Object.keys(initialValues).reduce((acc, field) => {\n    acc[field as keyof T] = null;\n    return acc;\n  }, {} as ValidationErrors);\n\n  const [errors, setErrors] = useState(initialErrors);\n  const [values, setValues] = useState(initialValues);\n\n  const resetErrors = () => setErrors(initialErrors);\n\n  const reset = () => {\n    setValues(initialValues);\n    resetErrors();\n  };\n\n  const validate = () => {\n    let isValid = true;\n\n    const validationErrors = Object.keys(values).reduce((acc, field) => {\n      if (\n        validationRules &&\n        typeof validationRules[field] === 'function' &&\n        !validationRules[field](values[field], values)\n      ) {\n        acc[field as keyof T] = errorMessages[field] || true;\n        isValid = false;\n      } else {\n        acc[field as keyof T] = null;\n      }\n\n      return acc;\n    }, {} as ValidationErrors);\n\n    setErrors(validationErrors);\n    return isValid;\n  };\n\n  const validateField = (field: keyof T) =>\n    setErrors((currentErrors) => ({\n      ...currentErrors,\n      [field]:\n        typeof validationRules[field] === 'function'\n          ? validationRules[field](values[field], values)\n            ? null\n            : errorMessages[field] || true\n          : null,\n    }));\n\n  const setFieldError = (field: keyof T, error: React.ReactNode) =>\n    setErrors((currentErrors) => ({ ...currentErrors, [field]: error }));\n\n  const setFieldValue = <K extends keyof T, U extends T[K]>(field: K, value: U) => {\n    setValues((currentValues) => ({ ...currentValues, [field]: value }));\n    setFieldError(field, null);\n  };\n\n  const onSubmit = (handleSubmit: (values: T) => any) => (event?: React.FormEvent) => {\n    event && event.preventDefault();\n    validate() && handleSubmit(values);\n  };\n\n  const getInputProps = <K extends keyof T, U extends T[K]>(\n    field: K,\n    options?: { type?: 'checkbox' | 'default' }\n  ) => ({\n    [options?.type === 'checkbox' ? 'checked' : 'value']: values[field],\n    onChange: getInputOnChange<U>((val: U) => setFieldValue(field, val)) as any,\n    error: errors[field] || undefined,\n  });\n\n  return {\n    values,\n    errors,\n    validate,\n    reset,\n    setErrors,\n    setValues,\n    setFieldValue,\n    setFieldError,\n    validateField,\n    resetErrors,\n    onSubmit,\n    getInputProps,\n  };\n}\n"],"names":[],"mappings":"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"}

package/lib/use-form/use-form.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-export declare type ValidationRule<T> = {
-    readonly [P in keyof T]?: (value: T[P], values?: T) => boolean;
-};
-export declare type UseFormErrors<T> = {
-    readonly [P in keyof T]?: React.ReactNode | null;
-};
-interface UseFormInput<T> {
-    validationRules?: ValidationRule<T>;
-    errorMessages?: UseFormErrors<T>;
-    initialValues: T;
-}
-export interface UseForm<T> {
-    values: T;
-    errors: Record<keyof T, React.ReactNode>;
-    validate: () => boolean;
-    reset: () => void;
-    setErrors: React.Dispatch<React.SetStateAction<Record<keyof T, React.ReactNode>>>;
-    setValues: React.Dispatch<React.SetStateAction<T>>;
-    setFieldValue: <K extends keyof T, U extends T[K]>(field: K, value: U) => void;
-    setFieldError: (field: keyof T, error: React.ReactNode) => void;
-    validateField: (field: keyof T) => void;
-    resetErrors: () => void;
-    onSubmit: (handleSubmit: (values: T) => any) => (event?: React.FormEvent) => void;
-    getInputProps: <K extends keyof T>(field: K, options?: {
-        type?: 'checkbox' | 'default';
-    }) => {
-        [x: string]: any;
-        onChange: any;
-        error: Record<keyof T, React.ReactNode>[K];
-    };
-}
-export declare function useForm<T extends {
-    [key: string]: any;
-}>({ initialValues, validationRules, errorMessages, }: UseFormInput<T>): UseForm<T>;
-export {};
-//# sourceMappingURL=use-form.d.ts.map

package/lib/use-form/use-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["../../src/use-form/use-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,oBAAY,cAAc,CAAC,CAAC,IAAI;IAC9B,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,OAAO;CAC/D,CAAC;AAEF,oBAAY,aAAa,CAAC,CAAC,IAAI;IAC7B,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;CACjD,CAAC;AAEF,UAAU,YAAY,CAAC,CAAC;IACtB,eAAe,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,EAAE,CAAC,CAAC;CAClB;AAED,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAClF,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAClF,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,EAC/B,KAAK,EAAE,CAAC,EACR,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;KAC/B,KACE;QACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;QACjB,QAAQ,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,wBAAgB,OAAO,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,EACxD,aAAa,EACb,eAAoB,EACpB,aAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAuF9B"}