@mantine/form 3.7.0-alpha.0

package/README.md

@@ -0,0 +1,19 @@
+# Mantine Form
+
+Form management library
+
+[View documentation](https://mantine.dev/)
+
+## Installation
+
+```sh
+# With yarn
+yarn add @mantine/form
+
+# With npm
+npm install @mantine/form
+```
+
+## License
+
+MIT

package/cjs/filter-errors/filter-errors.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function filterErrors(errors) {
+  if (errors === null || typeof errors !== "object") {
+    return {};
+  }
+  return Object.keys(errors).reduce((acc, key) => {
+    const errorValue = errors[key];
+    if (errorValue !== void 0 && errorValue !== null) {
+      acc[key] = errorValue;
+    }
+    return acc;
+  }, {});
+}
+
+exports.filterErrors = filterErrors;
+//# sourceMappingURL=filter-errors.js.map

package/cjs/filter-errors/filter-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-errors.js","sources":["../../src/filter-errors/filter-errors.ts"],"sourcesContent":["import type { FormErrors } from '../types';\n\nexport function filterErrors(errors: FormErrors): FormErrors {\n  if (errors === null || typeof errors !== 'object') {\n    return {};\n  }\n\n  return Object.keys(errors).reduce<FormErrors>((acc, key) => {\n    const errorValue = errors[key];\n\n    if (errorValue !== undefined && errorValue !== null) {\n      acc[key] = errorValue;\n    }\n\n    return acc;\n  }, {});\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,MAAM,EAAE;AACrC,EAAE,IAAI,MAAM,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK;AAClD,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACnC,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC,IAAI,UAAU,KAAK,IAAI,EAAE;AACtD,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAC5B,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/cjs/form-list/form-list.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const LIST_IDENTIFIER = Symbol("@mantine/form/list");
+function formList(list) {
+  Object.defineProperty(list, LIST_IDENTIFIER, {
+    value: true,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  });
+  return list;
+}
+function isFormList(list) {
+  return Array.isArray(list) && !!list[LIST_IDENTIFIER];
+}
+
+exports.formList = formList;
+exports.isFormList = isFormList;
+//# sourceMappingURL=form-list.js.map

package/cjs/form-list/form-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-list.js","sources":["../../src/form-list/form-list.ts"],"sourcesContent":["const LIST_IDENTIFIER = Symbol('@mantine/form/list');\n\nexport interface FormList<T> extends Array<T> {\n  [LIST_IDENTIFIER]: true;\n}\n\nexport function formList<T>(list: T[]): FormList<T> {\n  Object.defineProperty(list, LIST_IDENTIFIER, {\n    value: true,\n    writable: false,\n    enumerable: false,\n    configurable: false,\n  });\n\n  return list as FormList<T>;\n}\n\nexport function isFormList(list: unknown) {\n  return Array.isArray(list) && !!list[LIST_IDENTIFIER];\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAC9C,SAAS,QAAQ,CAAC,IAAI,EAAE;AAC/B,EAAE,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE;AAC/C,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,QAAQ,EAAE,KAAK;AACnB,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,YAAY,EAAE,KAAK;AACvB,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACxD;;;;;"}

package/cjs/get-error-path/get-error-path.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getErrorPath(path) {
+  return path.join(".");
+}
+
+exports.getErrorPath = getErrorPath;
+//# sourceMappingURL=get-error-path.js.map

package/cjs/get-error-path/get-error-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-error-path.js","sources":["../../src/get-error-path/get-error-path.ts"],"sourcesContent":["export function getErrorPath(path: (string | number | symbol)[]) {\n  return path.join('.');\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,IAAI,EAAE;AACnC,EAAE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB;;;;"}

package/cjs/get-input-on-change/get-input-on-change.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getInputOnChange(setValue) {
+  return (val) => {
+    if (!val) {
+      setValue(val);
+    } else if (typeof val === "function") {
+      setValue(val);
+    } else if (typeof val === "object" && "nativeEvent" in val) {
+      const { currentTarget } = val;
+      if (currentTarget.type === "checkbox") {
+        setValue(currentTarget.checked);
+      } else {
+        setValue(currentTarget.value);
+      }
+    } else {
+      setValue(val);
+    }
+  };
+}
+
+exports.getInputOnChange = getInputOnChange;
+//# sourceMappingURL=get-input-on-change.js.map

package/cjs/get-input-on-change/get-input-on-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-input-on-change.js","sources":["../../src/get-input-on-change/get-input-on-change.ts"],"sourcesContent":["export function getInputOnChange<T>(\n  setValue: (value: null | undefined | T | ((current: T) => T)) => void\n) {\n  return (val: null | undefined | T | React.ChangeEvent<any> | ((current: T) => T)) => {\n    if (!val) {\n      setValue(val as T);\n    } else if (typeof val === 'function') {\n      setValue(val);\n    } else if (typeof val === 'object' && 'nativeEvent' in val) {\n      const { currentTarget } = val;\n\n      if (currentTarget.type === 'checkbox') {\n        setValue(currentTarget.checked);\n      } else {\n        setValue(currentTarget.value);\n      }\n    } else {\n      setValue(val);\n    }\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC,QAAQ,EAAE;AAC3C,EAAE,OAAO,CAAC,GAAG,KAAK;AAClB,IAAI,IAAI,CAAC,GAAG,EAAE;AACd,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;AAC1C,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,aAAa,IAAI,GAAG,EAAE;AAChE,MAAM,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;AACpC,MAAM,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;AAC7C,QAAQ,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACxC,OAAO,MAAM;AACb,QAAQ,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtC,OAAO;AACP,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/cjs/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formList = require('./form-list/form-list.js');
+var useForm = require('./use-form.js');
+var zodResolver = require('./resolvers/zod-resolver/zod-resolver.js');
+var yupResolver = require('./resolvers/yup-resolver/yup-resolver.js');
+var joiResolver = require('./resolvers/joi-resolver/joi-resolver.js');
+
+
+
+exports.formList = formList.formList;
+exports.isFormList = formList.isFormList;
+exports.useForm = useForm.useForm;
+exports.zodResolver = zodResolver.zodResolver;
+exports.yupResolver = yupResolver.yupResolver;
+exports.joiResolver = joiResolver.joiResolver;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/cjs/resolvers/joi-resolver/joi-resolver.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function joiResolver(schema) {
+  const _schema = schema;
+  return (values) => {
+    const parsed = _schema.validate(values, { abortEarly: false });
+    if (!parsed.error) {
+      return {};
+    }
+    const results = {};
+    parsed.error.details.forEach((error) => {
+      results[error.path.join(".")] = error.message;
+    });
+    return results;
+  };
+}
+
+exports.joiResolver = joiResolver;
+//# sourceMappingURL=joi-resolver.js.map

package/cjs/resolvers/joi-resolver/joi-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joi-resolver.js","sources":["../../../src/resolvers/joi-resolver/joi-resolver.ts"],"sourcesContent":["import type { FormErrors } from '../../types';\n\ninterface JoiError {\n  path: (string | number)[];\n  message: string;\n}\n\ninterface JoiResults {\n  success: boolean;\n  error: {\n    details: JoiError[];\n  };\n}\n\ninterface JoiSchema {\n  validate(values: Record<string, any>, options: { abortEarly: boolean }): JoiResults;\n}\n\nexport function joiResolver(schema: any) {\n  const _schema: JoiSchema = schema;\n  return (values: Record<string, any>): FormErrors => {\n    const parsed = _schema.validate(values, { abortEarly: false });\n\n    if (!parsed.error) {\n      return {};\n    }\n\n    const results = {};\n    parsed.error.details.forEach((error) => {\n      results[error.path.join('.')] = error.message;\n    });\n\n    return results;\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,WAAW,CAAC,MAAM,EAAE;AACpC,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC;AACzB,EAAE,OAAO,CAAC,MAAM,KAAK;AACrB,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AACnE,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AACvB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC;AACvB,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC5C,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AACpD,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG,CAAC;AACJ;;;;"}

package/cjs/resolvers/yup-resolver/yup-resolver.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function yupResolver(schema) {
+  const _schema = schema;
+  return (values) => {
+    try {
+      _schema.validateSync(values, { abortEarly: false });
+      return {};
+    } catch (_yupError) {
+      const yupError = _yupError;
+      const results = {};
+      yupError.inner.forEach((error) => {
+        results[error.path.replace("[", ".").replace("]", "")] = error.message;
+      });
+      return results;
+    }
+  };
+}
+
+exports.yupResolver = yupResolver;
+//# sourceMappingURL=yup-resolver.js.map

package/cjs/resolvers/yup-resolver/yup-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup-resolver.js","sources":["../../../src/resolvers/yup-resolver/yup-resolver.ts"],"sourcesContent":["import type { FormErrors } from '../../types';\n\ninterface YupError {\n  path: string;\n  message: string;\n}\n\ninterface YupValidationResult {\n  inner: YupError[];\n}\n\ninterface YupSchema {\n  validateSync(values: Record<string, any>, options: { abortEarly: boolean }): void;\n}\n\nexport function yupResolver(schema: any) {\n  const _schema: YupSchema = schema;\n\n  return (values: Record<string, any>): FormErrors => {\n    try {\n      _schema.validateSync(values, { abortEarly: false });\n      return {};\n    } catch (_yupError) {\n      const yupError: YupValidationResult = _yupError;\n      const results = {};\n\n      yupError.inner.forEach((error) => {\n        results[error.path.replace('[', '.').replace(']', '')] = error.message;\n      });\n\n      return results;\n    }\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,WAAW,CAAC,MAAM,EAAE;AACpC,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC;AACzB,EAAE,OAAO,CAAC,MAAM,KAAK;AACrB,IAAI,IAAI;AACR,MAAM,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1D,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK,CAAC,OAAO,SAAS,EAAE;AACxB,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AACjC,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AACxC,QAAQ,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AAC/E,OAAO,CAAC,CAAC;AACT,MAAM,OAAO,OAAO,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/cjs/resolvers/zod-resolver/zod-resolver.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function zodResolver(schema) {
+  const _schema = schema;
+  return (values) => {
+    const parsed = _schema.safeParse(values);
+    if (parsed.success) {
+      return {};
+    }
+    const results = {};
+    parsed.error.errors.forEach((error) => {
+      results[error.path.join(".")] = error.message;
+    });
+    return results;
+  };
+}
+
+exports.zodResolver = zodResolver;
+//# sourceMappingURL=zod-resolver.js.map

package/cjs/resolvers/zod-resolver/zod-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod-resolver.js","sources":["../../../src/resolvers/zod-resolver/zod-resolver.ts"],"sourcesContent":["import type { FormErrors } from '../../types';\n\ninterface ZodError {\n  path: (string | number)[];\n  message: string;\n}\n\ninterface ZodResults {\n  success: boolean;\n  error: {\n    errors: ZodError[];\n  };\n}\n\ninterface ZodSchema {\n  safeParse(values: Record<string, any>): ZodResults;\n}\n\nexport function zodResolver<T extends Record<string, any>>(schema: any) {\n  const _schema: ZodSchema = schema;\n\n  return (values: T): FormErrors => {\n    const parsed = _schema.safeParse(values);\n\n    if (parsed.success) {\n      return {};\n    }\n\n    const results = {};\n\n    parsed.error.errors.forEach((error) => {\n      results[error.path.join('.')] = error.message;\n    });\n\n    return results;\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,WAAW,CAAC,MAAM,EAAE;AACpC,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC;AACzB,EAAE,OAAO,CAAC,MAAM,KAAK;AACrB,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAC7C,IAAI,IAAI,MAAM,CAAC,OAAO,EAAE;AACxB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC;AACvB,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC3C,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AACpD,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG,CAAC;AACJ;;;;"}

package/cjs/use-form.js

@@ -0,0 +1,146 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var formList = require('./form-list/form-list.js');
+var validateValues = require('./validate-values/validate-values.js');
+var filterErrors = require('./filter-errors/filter-errors.js');
+var getInputOnChange = require('./get-input-on-change/get-input-on-change.js');
+var getErrorPath = require('./get-error-path/get-error-path.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,
+  initialErrors,
+  validate: rules,
+  schema
+}) {
+  const [errors, setErrors] = react.useState(filterErrors.filterErrors(initialErrors));
+  const [values, setValues] = react.useState(initialValues);
+  const clearErrors = () => setErrors({});
+  const setFieldError = (field, error) => setErrors((current) => __spreadProps(__spreadValues({}, current), { [field]: error }));
+  const clearFieldError = (field) => setErrors((current) => {
+    const clone = __spreadValues({}, current);
+    delete clone[field];
+    return clone;
+  });
+  const setFieldValue = (field, value) => {
+    setValues((currentValues) => __spreadProps(__spreadValues({}, currentValues), { [field]: value }));
+    clearFieldError(field);
+  };
+  const setListItem = (field, index, value) => {
+    const list = values[field];
+    if (formList.isFormList(list) && list[index] !== void 0) {
+      const cloned = [...list];
+      cloned[index] = value;
+      setFieldValue(field, formList.formList(cloned));
+    }
+  };
+  const removeListItem = (field, indices) => {
+    const list = values[field];
+    if (formList.isFormList(list)) {
+      setFieldValue(field, formList.formList(list.filter((_, index) => Array.isArray(indices) ? !indices.includes(index) : indices !== index)));
+    }
+  };
+  const addListItem = (field, payload) => {
+    const list = values[field];
+    if (formList.isFormList(list)) {
+      setFieldValue(field, formList.formList([...list, payload]));
+    }
+  };
+  const reorderListItem = (field, { from, to }) => {
+    const list = values[field];
+    if (formList.isFormList(list) && list[from] !== void 0 && list[to] !== void 0) {
+      const cloned = [...list];
+      const item = list[from];
+      cloned.splice(from, 1);
+      cloned.splice(to, 0, item);
+      setFieldValue(field, formList.formList(cloned));
+    }
+  };
+  const validate = () => {
+    const results = validateValues.validateValues(schema || rules, values);
+    setErrors(results.errors);
+    return results;
+  };
+  const validateField = (field) => {
+    const results = validateValues.validateFieldValue(field, schema || rules, values);
+    results.hasError ? setFieldError(field, results.error) : clearFieldError(field);
+    return results;
+  };
+  const onSubmit = (handleSubmit) => (event) => {
+    event.preventDefault();
+    const results = validate();
+    !results.hasErrors && handleSubmit(values, event);
+  };
+  const reset = () => {
+    setValues(initialValues);
+    clearErrors();
+  };
+  const getInputProps = (field, { type, withError = true } = {}) => {
+    const value = values[field];
+    const onChange = getInputOnChange.getInputOnChange((val) => setFieldValue(field, val));
+    const payload = type === "checkbox" ? { checked: value, onChange } : { value, onChange };
+    if (withError && errors[field]) {
+      payload.error = errors[field];
+    }
+    return payload;
+  };
+  const getListInputProps = (field, index, listField, { type, withError = true } = {}) => {
+    const list = values[field];
+    if (formList.isFormList(list) && list[index] && listField in list[index]) {
+      const listValue = list[index];
+      const value = listValue[listField];
+      const onChange = getInputOnChange.getInputOnChange((val) => setListItem(field, index, __spreadProps(__spreadValues({}, listValue), { [listField]: val })));
+      const payload = type === "checkbox" ? { checked: value, onChange } : { value, onChange };
+      const error = errors[getErrorPath.getErrorPath([field, index, listField])];
+      if (withError && error) {
+        payload.error = error;
+      }
+      return payload;
+    }
+    return {};
+  };
+  return {
+    values,
+    setValues,
+    setFieldValue,
+    errors,
+    setErrors,
+    clearErrors,
+    clearFieldError,
+    setFieldError,
+    setListItem,
+    removeListItem,
+    addListItem,
+    reorderListItem,
+    validate,
+    validateField,
+    onSubmit,
+    reset,
+    getInputProps,
+    getListInputProps
+  };
+}
+
+exports.useForm = useForm;
+//# sourceMappingURL=use-form.js.map

package/cjs/use-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.js","sources":["../src/use-form.ts"],"sourcesContent":["import { useState } from 'react';\nimport { formList, isFormList, FormList } from './form-list/form-list';\nimport { validateValues, validateFieldValue } from './validate-values/validate-values';\nimport { filterErrors } from './filter-errors/filter-errors';\nimport { getInputOnChange } from './get-input-on-change/get-input-on-change';\nimport { getErrorPath } from './get-error-path/get-error-path';\nimport type {\n  FormErrors,\n  FormRules,\n  FormValidationResult,\n  FormFieldValidationResult,\n  GetInputProps,\n  GetInputPropsFieldType,\n} from './types';\n\nexport interface UseFormInput<T, K extends keyof T> {\n  initialValues: T;\n  initialErrors?: FormErrors;\n  validate?: FormRules<T, K>;\n  schema?: (values: Record<string, any>) => FormErrors;\n}\n\nexport interface UseFormReturnType<T> {\n  values: T;\n  setValues: React.Dispatch<React.SetStateAction<T>>;\n  setFieldValue: <K extends keyof T, V extends T[K]>(field: K, value: V) => void;\n  errors: FormErrors;\n  setErrors: React.Dispatch<React.SetStateAction<FormErrors>>;\n  setFieldError: <K extends keyof T>(field: K, error: React.ReactNode) => void;\n  clearFieldError: <K extends keyof T>(field: K) => void;\n  clearErrors(): void;\n  setListItem: <K extends keyof T, V extends T[K]>(\n    field: K,\n    index: number,\n    value: V extends FormList<infer U> ? U : never\n  ) => void;\n  addListItem: <K extends keyof T, V extends T[K]>(\n    field: K,\n    payload: V extends FormList<infer U> ? U : never\n  ) => void;\n  removeListItem: <K extends keyof T>(field: K, indices: number[] | number) => void;\n  reorderListItem: <K extends keyof T>(field: K, payload: { from: number; to: number }) => void;\n  validate(): FormValidationResult;\n  validateField: (field: string) => FormFieldValidationResult;\n  onSubmit(\n    handleSubmit: (values: T, event: React.FormEvent) => void\n  ): (event?: React.FormEvent) => void;\n  reset(): void;\n  getInputProps: <K extends keyof T, L extends GetInputPropsFieldType = 'input'>(\n    field: K,\n    options?: { type?: L; withError?: boolean }\n  ) => GetInputProps<L>;\n\n  getListInputProps: <\n    K extends keyof T,\n    U extends T[K],\n    L extends GetInputPropsFieldType = 'input'\n  >(\n    field: K,\n    index: number,\n    listField: U extends FormList<infer V> ? keyof V : never,\n    options?: { type?: L; withError?: boolean }\n  ) => GetInputProps<L>;\n}\n\nexport function useForm<T extends { [key: string]: any }, KK extends keyof T = string>({\n  initialValues,\n  initialErrors,\n  validate: rules,\n  schema,\n}: UseFormInput<T, KK>): UseFormReturnType<T> {\n  const [errors, setErrors] = useState(filterErrors(initialErrors));\n  const [values, setValues] = useState(initialValues);\n\n  const clearErrors = () => setErrors({});\n  const setFieldError = (field: keyof T, error: React.ReactNode) =>\n    setErrors((current) => ({ ...current, [field]: error }));\n\n  const clearFieldError = (field: keyof T) =>\n    setErrors((current) => {\n      const clone: any = { ...current };\n      delete clone[field];\n      return clone;\n    });\n\n  const setFieldValue = <K extends keyof T, V extends T[K]>(field: K, value: V) => {\n    setValues((currentValues) => ({ ...currentValues, [field]: value }));\n    clearFieldError(field);\n  };\n\n  const setListItem = <K extends keyof T, V extends T[K]>(\n    field: K,\n    index: number,\n    value: V[K][number]\n  ) => {\n    const list = values[field];\n    if (isFormList(list) && list[index] !== undefined) {\n      const cloned = [...list];\n      cloned[index] = value;\n      setFieldValue(field, formList(cloned) as any);\n    }\n  };\n\n  const removeListItem = <K extends keyof T>(field: K, indices: number[] | number) => {\n    const list = values[field];\n\n    if (isFormList(list)) {\n      setFieldValue(\n        field,\n        formList(\n          list.filter((_: any, index: number) =>\n            Array.isArray(indices) ? !indices.includes(index) : indices !== index\n          )\n        ) as any\n      );\n    }\n  };\n\n  const addListItem = <K extends keyof T, V extends T[K]>(field: K, payload: V[number]) => {\n    const list = values[field];\n\n    if (isFormList(list)) {\n      setFieldValue(field, formList([...list, payload]) as any);\n    }\n  };\n\n  const reorderListItem = <K extends keyof T>(\n    field: K,\n    { from, to }: { from: number; to: number }\n  ) => {\n    const list = values[field];\n\n    if (isFormList(list) && list[from] !== undefined && list[to] !== undefined) {\n      const cloned = [...list];\n      const item = list[from];\n\n      cloned.splice(from, 1);\n      cloned.splice(to, 0, item);\n      setFieldValue(field, formList(cloned) as any);\n    }\n  };\n\n  const validate = () => {\n    const results = validateValues(schema || rules, values);\n    setErrors(results.errors);\n    return results;\n  };\n\n  const validateField = (field: string) => {\n    const results = validateFieldValue(field, schema || rules, values);\n    results.hasError ? setFieldError(field, results.error) : clearFieldError(field);\n    return results;\n  };\n\n  const onSubmit =\n    (handleSubmit: (values: T, event: React.FormEvent) => void) => (event: React.FormEvent) => {\n      event.preventDefault();\n      const results = validate();\n      !results.hasErrors && handleSubmit(values, event);\n    };\n\n  const reset = () => {\n    setValues(initialValues);\n    clearErrors();\n  };\n\n  const getInputProps = <\n    K extends keyof T,\n    U extends T[K],\n    L extends GetInputPropsFieldType = 'input'\n  >(\n    field: K,\n    { type, withError = true }: { type?: L; withError?: boolean } = {}\n  ): GetInputProps<L> => {\n    const value = values[field];\n    const onChange = getInputOnChange<U>((val: U) => setFieldValue(field, val)) as any;\n\n    const payload: any = type === 'checkbox' ? { checked: value, onChange } : { value, onChange };\n\n    if (withError && errors[field as any]) {\n      payload.error = errors[field as any];\n    }\n\n    return payload as any;\n  };\n\n  const getListInputProps = <\n    K extends keyof T,\n    U extends T[K][number],\n    LK extends keyof U,\n    L extends GetInputPropsFieldType = 'input'\n  >(\n    field: K,\n    index: number,\n    listField: LK,\n    { type, withError = true }: { type?: L; withError?: boolean } = {}\n  ): GetInputProps<L> => {\n    const list = values[field];\n\n    if (isFormList(list) && list[index] && listField in list[index]) {\n      const listValue = list[index];\n      const value = listValue[listField];\n      const onChange = getInputOnChange<U[LK]>((val: U[LK]) =>\n        setListItem(field, index, { ...listValue, [listField]: val })\n      ) as any;\n      const payload: any = type === 'checkbox' ? { checked: value, onChange } : { value, onChange };\n      const error = errors[getErrorPath([field, index, listField])];\n\n      if (withError && error) {\n        payload.error = error;\n      }\n\n      return payload;\n    }\n\n    return {} as any;\n  };\n\n  return {\n    values,\n    setValues,\n    setFieldValue,\n    errors,\n    setErrors,\n    clearErrors,\n    clearFieldError,\n    setFieldError,\n    setListItem,\n    removeListItem,\n    addListItem,\n    reorderListItem,\n    validate,\n    validateField,\n    onSubmit,\n    reset,\n    getInputProps,\n    getListInputProps,\n  };\n}\n"],"names":["useState","filterErrors","isFormList","formList","validateValues","validateFieldValue","getInputOnChange","getErrorPath"],"mappings":"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"}

package/cjs/validate-values/validate-list-values.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function validateListValues(values, key, rules) {
+  const list = values[key];
+  const results = {};
+  list.forEach((item, itemIndex) => {
+    if (typeof item === "object" && item !== null) {
+      Object.keys(item).forEach((listItemKey) => {
+        if (typeof rules[key][listItemKey] === "function") {
+          const error = rules[key][listItemKey](item[listItemKey]);
+          if (error) {
+            results[`${key}.${itemIndex}.${listItemKey}`] = error;
+          }
+        }
+      });
+    }
+  });
+  return results;
+}
+
+exports.validateListValues = validateListValues;
+//# sourceMappingURL=validate-list-values.js.map

package/cjs/validate-values/validate-list-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-list-values.js","sources":["../../src/validate-values/validate-list-values.ts"],"sourcesContent":["import type { FormList } from '../form-list/form-list';\nimport type { FormRulesRecord, FormErrors } from '../types';\n\nexport function validateListValues<T, K extends keyof T>(\n  values: T,\n  key: string,\n  rules: FormRulesRecord<T, K>\n) {\n  const list: FormList<any> = values[key] as any;\n  const results: FormErrors = {};\n\n  list.forEach((item, itemIndex) => {\n    if (typeof item === 'object' && item !== null) {\n      Object.keys(item).forEach((listItemKey) => {\n        if (typeof rules[key][listItemKey] === 'function') {\n          const error = rules[key][listItemKey](item[listItemKey]);\n          if (error) {\n            results[`${key}.${itemIndex}.${listItemKey}`] = error;\n          }\n        }\n      });\n    }\n  });\n\n  return results;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;AACvD,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC;AACrB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK;AACpC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AACnD,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,KAAK;AACjD,QAAQ,IAAI,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE;AAC3D,UAAU,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AACnE,UAAU,IAAI,KAAK,EAAE;AACrB,YAAY,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAClE,WAAW;AACX,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,OAAO,CAAC;AACjB;;;;"}

package/cjs/validate-values/validate-values.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formList = require('../form-list/form-list.js');
+var filterErrors = require('../filter-errors/filter-errors.js');
+var validateListValues = require('./validate-list-values.js');
+
+var __defProp = Object.defineProperty;
+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;
+};
+function validateRecordRules(rules, values) {
+  return Object.keys(rules).reduce((acc, key) => {
+    const rule = rules[key];
+    if (formList.isFormList(values[key])) {
+      return __spreadValues(__spreadValues({}, acc), validateListValues.validateListValues(values, key, rules));
+    }
+    if (typeof rule === "function") {
+      acc[key] = rule(values[key], values);
+    }
+    return acc;
+  }, {});
+}
+function getValidationResults(errors) {
+  const filteredErrors = filterErrors.filterErrors(errors);
+  return { hasErrors: Object.keys(filteredErrors).length > 0, errors: filteredErrors };
+}
+function validateValues(rules, values) {
+  if (rules === void 0 || rules === null) {
+    return { hasErrors: false, errors: {} };
+  }
+  if (typeof rules === "function") {
+    return getValidationResults(rules(values));
+  }
+  return getValidationResults(validateRecordRules(rules, values));
+}
+function validateFieldValue(field, rules, values) {
+  const results = validateValues(rules, values);
+  const hasError = field in results.errors;
+  return { hasError, error: hasError ? results.errors[field] : null };
+}
+
+exports.validateFieldValue = validateFieldValue;
+exports.validateValues = validateValues;
+//# sourceMappingURL=validate-values.js.map

package/cjs/validate-values/validate-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-values.js","sources":["../../src/validate-values/validate-values.ts"],"sourcesContent":["import type {\n  FormErrors,\n  FormRulesRecord,\n  FormRules,\n  FormValidationResult,\n  FormFieldValidationResult,\n} from '../types';\nimport { isFormList } from '../form-list/form-list';\nimport { filterErrors } from '../filter-errors/filter-errors';\nimport { validateListValues } from './validate-list-values';\n\nfunction validateRecordRules(\n  rules: FormRulesRecord<any, any>,\n  values: Record<string, any>\n): FormErrors {\n  return Object.keys(rules).reduce<FormErrors>((acc, key) => {\n    const rule = rules[key];\n\n    if (isFormList(values[key])) {\n      return { ...acc, ...validateListValues(values, key, rules) };\n    }\n\n    if (typeof rule === 'function') {\n      acc[key] = rule(values[key], values);\n    }\n\n    return acc;\n  }, {});\n}\n\nfunction getValidationResults(errors: FormErrors) {\n  const filteredErrors = filterErrors(errors);\n  return { hasErrors: Object.keys(filteredErrors).length > 0, errors: filteredErrors };\n}\n\nexport function validateValues(\n  rules: FormRules<any, any>,\n  values: Record<string, any>\n): FormValidationResult {\n  if (rules === undefined || rules === null) {\n    return { hasErrors: false, errors: {} };\n  }\n\n  if (typeof rules === 'function') {\n    return getValidationResults(rules(values));\n  }\n\n  return getValidationResults(validateRecordRules(rules, values));\n}\n\nexport function validateFieldValue(\n  field: string,\n  rules: FormRules<any, any>,\n  values: Record<string, any>\n): FormFieldValidationResult {\n  const results = validateValues(rules, values);\n  const hasError = field in results.errors;\n  return { hasError, error: hasError ? results.errors[field] : null };\n}\n"],"names":["isFormList","validateListValues","filterErrors"],"mappings":"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"}

package/esm/filter-errors/filter-errors.js

@@ -0,0 +1,15 @@
+function filterErrors(errors) {
+  if (errors === null || typeof errors !== "object") {
+    return {};
+  }
+  return Object.keys(errors).reduce((acc, key) => {
+    const errorValue = errors[key];
+    if (errorValue !== void 0 && errorValue !== null) {
+      acc[key] = errorValue;
+    }
+    return acc;
+  }, {});
+}
+
+export { filterErrors };
+//# sourceMappingURL=filter-errors.js.map

package/esm/filter-errors/filter-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-errors.js","sources":["../../src/filter-errors/filter-errors.ts"],"sourcesContent":["import type { FormErrors } from '../types';\n\nexport function filterErrors(errors: FormErrors): FormErrors {\n  if (errors === null || typeof errors !== 'object') {\n    return {};\n  }\n\n  return Object.keys(errors).reduce<FormErrors>((acc, key) => {\n    const errorValue = errors[key];\n\n    if (errorValue !== undefined && errorValue !== null) {\n      acc[key] = errorValue;\n    }\n\n    return acc;\n  }, {});\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,CAAC,MAAM,EAAE;AACrC,EAAE,IAAI,MAAM,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACrD,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK;AAClD,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACnC,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC,IAAI,UAAU,KAAK,IAAI,EAAE;AACtD,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAC5B,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/esm/form-list/form-list.js

@@ -0,0 +1,16 @@
+const LIST_IDENTIFIER = Symbol("@mantine/form/list");
+function formList(list) {
+  Object.defineProperty(list, LIST_IDENTIFIER, {
+    value: true,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  });
+  return list;
+}
+function isFormList(list) {
+  return Array.isArray(list) && !!list[LIST_IDENTIFIER];
+}
+
+export { formList, isFormList };
+//# sourceMappingURL=form-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-list.js","sources":["../../src/form-list/form-list.ts"],"sourcesContent":["const LIST_IDENTIFIER = Symbol('@mantine/form/list');\n\nexport interface FormList<T> extends Array<T> {\n  [LIST_IDENTIFIER]: true;\n}\n\nexport function formList<T>(list: T[]): FormList<T> {\n  Object.defineProperty(list, LIST_IDENTIFIER, {\n    value: true,\n    writable: false,\n    enumerable: false,\n    configurable: false,\n  });\n\n  return list as FormList<T>;\n}\n\nexport function isFormList(list: unknown) {\n  return Array.isArray(list) && !!list[LIST_IDENTIFIER];\n}\n"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAC9C,SAAS,QAAQ,CAAC,IAAI,EAAE;AAC/B,EAAE,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE;AAC/C,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,QAAQ,EAAE,KAAK;AACnB,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,YAAY,EAAE,KAAK;AACvB,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACxD;;;;"}

package/esm/get-error-path/get-error-path.js

@@ -0,0 +1,6 @@
+function getErrorPath(path) {
+  return path.join(".");
+}
+
+export { getErrorPath };
+//# sourceMappingURL=get-error-path.js.map

package/esm/get-error-path/get-error-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-error-path.js","sources":["../../src/get-error-path/get-error-path.ts"],"sourcesContent":["export function getErrorPath(path: (string | number | symbol)[]) {\n  return path.join('.');\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,CAAC,IAAI,EAAE;AACnC,EAAE,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB;;;;"}

package/esm/get-input-on-change/get-input-on-change.js

@@ -0,0 +1,21 @@
+function getInputOnChange(setValue) {
+  return (val) => {
+    if (!val) {
+      setValue(val);
+    } else if (typeof val === "function") {
+      setValue(val);
+    } else if (typeof val === "object" && "nativeEvent" in val) {
+      const { currentTarget } = val;
+      if (currentTarget.type === "checkbox") {
+        setValue(currentTarget.checked);
+      } else {
+        setValue(currentTarget.value);
+      }
+    } else {
+      setValue(val);
+    }
+  };
+}
+
+export { getInputOnChange };
+//# sourceMappingURL=get-input-on-change.js.map

package/esm/get-input-on-change/get-input-on-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-input-on-change.js","sources":["../../src/get-input-on-change/get-input-on-change.ts"],"sourcesContent":["export function getInputOnChange<T>(\n  setValue: (value: null | undefined | T | ((current: T) => T)) => void\n) {\n  return (val: null | undefined | T | React.ChangeEvent<any> | ((current: T) => T)) => {\n    if (!val) {\n      setValue(val as T);\n    } else if (typeof val === 'function') {\n      setValue(val);\n    } else if (typeof val === 'object' && 'nativeEvent' in val) {\n      const { currentTarget } = val;\n\n      if (currentTarget.type === 'checkbox') {\n        setValue(currentTarget.checked);\n      } else {\n        setValue(currentTarget.value);\n      }\n    } else {\n      setValue(val);\n    }\n  };\n}\n"],"names":[],"mappings":"AAAO,SAAS,gBAAgB,CAAC,QAAQ,EAAE;AAC3C,EAAE,OAAO,CAAC,GAAG,KAAK;AAClB,IAAI,IAAI,CAAC,GAAG,EAAE;AACd,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;AAC1C,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,aAAa,IAAI,GAAG,EAAE;AAChE,MAAM,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;AACpC,MAAM,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;AAC7C,QAAQ,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACxC,OAAO,MAAM;AACb,QAAQ,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtC,OAAO;AACP,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

package/esm/index.js

@@ -0,0 +1,6 @@
+export { formList, isFormList } from './form-list/form-list.js';
+export { useForm } from './use-form.js';
+export { zodResolver } from './resolvers/zod-resolver/zod-resolver.js';
+export { yupResolver } from './resolvers/yup-resolver/yup-resolver.js';
+export { joiResolver } from './resolvers/joi-resolver/joi-resolver.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/resolvers/joi-resolver/joi-resolver.js

@@ -0,0 +1,17 @@
+function joiResolver(schema) {
+  const _schema = schema;
+  return (values) => {
+    const parsed = _schema.validate(values, { abortEarly: false });
+    if (!parsed.error) {
+      return {};
+    }
+    const results = {};
+    parsed.error.details.forEach((error) => {
+      results[error.path.join(".")] = error.message;
+    });
+    return results;
+  };
+}
+
+export { joiResolver };
+//# sourceMappingURL=joi-resolver.js.map

package/esm/resolvers/joi-resolver/joi-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joi-resolver.js","sources":["../../../src/resolvers/joi-resolver/joi-resolver.ts"],"sourcesContent":["import type { FormErrors } from '../../types';\n\ninterface JoiError {\n  path: (string | number)[];\n  message: string;\n}\n\ninterface JoiResults {\n  success: boolean;\n  error: {\n    details: JoiError[];\n  };\n}\n\ninterface JoiSchema {\n  validate(values: Record<string, any>, options: { abortEarly: boolean }): JoiResults;\n}\n\nexport function joiResolver(schema: any) {\n  const _schema: JoiSchema = schema;\n  return (values: Record<string, any>): FormErrors => {\n    const parsed = _schema.validate(values, { abortEarly: false });\n\n    if (!parsed.error) {\n      return {};\n    }\n\n    const results = {};\n    parsed.error.details.forEach((error) => {\n      results[error.path.join('.')] = error.message;\n    });\n\n    return results;\n  };\n}\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,CAAC,MAAM,EAAE;AACpC,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC;AACzB,EAAE,OAAO,CAAC,MAAM,KAAK;AACrB,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AACnE,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AACvB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC;AACvB,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;AAC5C,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AACpD,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG,CAAC;AACJ;;;;"}