Socket
Socket
Sign inDemoInstall

@mantine/form

Package Overview
Dependencies
Maintainers
1
Versions
217
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mantine/form - npm Package Compare versions

Comparing version 5.2.7 to 5.3.0

cjs/FormProvider/FormProvider.js
cjs/FormProvider/FormProvider.js.map
esm/FormProvider/FormProvider.js
esm/FormProvider/FormProvider.js.map
lib/FormProvider/FormProvider.d.ts
lib/FormProvider/FormProvider.d.ts.map

2

cjs/index.js

@@ -6,2 +6,3 @@ 'use strict';

var useForm = require('./use-form.js');
var FormProvider = require('./FormProvider/FormProvider.js');
var zodResolver = require('./resolvers/zod-resolver/zod-resolver.js');

@@ -14,2 +15,3 @@ var yupResolver = require('./resolvers/yup-resolver/yup-resolver.js');

exports.useForm = useForm.useForm;
exports.createFormContext = FormProvider.createFormContext;
exports.zodResolver = zodResolver.zodResolver;

@@ -16,0 +18,0 @@ exports.yupResolver = yupResolver.yupResolver;

46

cjs/use-form.js

@@ -5,3 +5,3 @@ 'use strict';

var react = require('react');
var React = require('react');
var isEqual = require('fast-deep-equal');

@@ -53,11 +53,11 @@ var filterErrors = require('./filter-errors/filter-errors.js');

} = {}) {
const [touched, setTouched] = react.useState(initialTouched);
const [dirty, setDirty] = react.useState(initialDirty);
const [values, _setValues] = react.useState(initialValues);
const [errors, _setErrors] = react.useState(filterErrors.filterErrors(initialErrors));
const _dirtyValues = react.useRef(initialValues);
const [touched, setTouched] = React.useState(initialTouched);
const [dirty, setDirty] = React.useState(initialDirty);
const [values, _setValues] = React.useState(initialValues);
const [errors, _setErrors] = React.useState(filterErrors.filterErrors(initialErrors));
const _dirtyValues = React.useRef(initialValues);
const _setDirtyValues = (_values) => {
_dirtyValues.current = _values;
};
const resetTouched = react.useCallback(() => setTouched({}), []);
const resetTouched = React.useCallback(() => setTouched({}), []);
const resetDirty = (_values) => {

@@ -67,5 +67,5 @@ _setDirtyValues(_values || values);

};
const setErrors = react.useCallback((errs) => _setErrors((current) => filterErrors.filterErrors(typeof errs === "function" ? errs(current) : errs)), []);
const clearErrors = react.useCallback(() => _setErrors({}), []);
const reset = react.useCallback(() => {
const setErrors = React.useCallback((errs) => _setErrors((current) => filterErrors.filterErrors(typeof errs === "function" ? errs(current) : errs)), []);
const clearErrors = React.useCallback(() => _setErrors({}), []);
const reset = React.useCallback(() => {
_setValues(initialValues);

@@ -76,4 +76,4 @@ clearErrors();

}, []);
const setFieldError = react.useCallback((path, error) => setErrors((current) => __spreadProps(__spreadValues({}, current), { [path]: error })), []);
const clearFieldError = react.useCallback((path) => setErrors((current) => {
const setFieldError = React.useCallback((path, error) => setErrors((current) => __spreadProps(__spreadValues({}, current), { [path]: error })), []);
const clearFieldError = React.useCallback((path) => setErrors((current) => {
if (typeof path !== "string") {

@@ -86,3 +86,3 @@ return current;

}), []);
const setFieldValue = react.useCallback((path, value) => {
const setFieldValue = React.useCallback((path, value) => {
const shouldValidate = shouldValidateOnChange.shouldValidateOnChange(path, validateInputOnChange);

@@ -103,8 +103,8 @@ _setValues((current) => {

}, []);
const setValues = react.useCallback((payload) => {
const setValues = React.useCallback((payload) => {
_setValues(payload);
clearInputErrorOnChange && clearErrors();
}, []);
const reorderListItem = react.useCallback((path, payload) => _setValues((current) => reorderPath.reorderPath(path, payload, current)), []);
const removeListItem = react.useCallback((path, index) => {
const reorderListItem = React.useCallback((path, payload) => _setValues((current) => reorderPath.reorderPath(path, payload, current)), []);
const removeListItem = React.useCallback((path, index) => {
_setValues((current) => removePath.removePath(path, index, current));

@@ -114,4 +114,4 @@ _setErrors((errs) => clearListState.clearListState(path, errs));

}, []);
const insertListItem = react.useCallback((path, item, index) => _setValues((current) => insertPath.insertPath(path, item, index, current)), []);
const validate = react.useCallback(() => {
const insertListItem = React.useCallback((path, item, index) => _setValues((current) => insertPath.insertPath(path, item, index, current)), []);
const validate = React.useCallback(() => {
const results = validateValues.validateValues(rules, values);

@@ -121,3 +121,3 @@ _setErrors(results.errors);

}, [values, rules]);
const validateField = react.useCallback((path) => {
const validateField = React.useCallback((path) => {
const results = validateFieldValue.validateFieldValue(path, rules, values);

@@ -152,9 +152,9 @@ results.hasError ? setFieldError(path, results.error) : clearFieldError(path);

};
const onReset = react.useCallback((event) => {
const onReset = React.useCallback((event) => {
event.preventDefault();
reset();
}, []);
const isDirty = react.useCallback((path) => getStatus.getStatus(dirty, path), [dirty]);
const isTouched = react.useCallback((path) => getStatus.getStatus(touched, path), [touched]);
const isValid = react.useCallback((path) => path ? !validateFieldValue.validateFieldValue(path, rules, values).hasError : !validateValues.validateValues(rules, values).hasErrors, [values, rules]);
const isDirty = React.useCallback((path) => getStatus.getStatus(dirty, path), [dirty]);
const isTouched = React.useCallback((path) => getStatus.getStatus(touched, path), [touched]);
const isValid = React.useCallback((path) => path ? !validateFieldValue.validateFieldValue(path, rules, values).hasError : !validateValues.validateValues(rules, values).hasErrors, [values, rules]);
return {

@@ -161,0 +161,0 @@ values,

1

esm/index.js
export { useForm } from './use-form.js';
export { createFormContext } from './FormProvider/FormProvider.js';
export { zodResolver } from './resolvers/zod-resolver/zod-resolver.js';

@@ -3,0 +4,0 @@ export { yupResolver } from './resolvers/yup-resolver/yup-resolver.js';

1

lib/index.d.ts
export { useForm } from './use-form';
export { createFormContext } from './FormProvider/FormProvider';
export { zodResolver } from './resolvers/zod-resolver/zod-resolver';

@@ -3,0 +4,0 @@ export { yupResolver } from './resolvers/yup-resolver/yup-resolver';

1

lib/types.d.ts

@@ -85,3 +85,4 @@ /// <reference types="react" />

}
export declare type UseForm<Values = Record<string, unknown>> = (input?: UseFormInput<Values>) => UseFormReturnType<Values>;
export {};
//# sourceMappingURL=types.d.ts.map

2

package.json
{
"name": "@mantine/form",
"description": "Mantine form management library",
"version": "5.2.7",
"version": "5.3.0",
"main": "cjs/index.js",

@@ -6,0 +6,0 @@ "module": "esm/index.js",

lib/resolvers/test-resolver.d.ts
lib/resolvers/test-resolver.d.ts.map
cjs/index.js.map

Sorry, the diff of this file is not supported yet

esm/index.js.map

Sorry, the diff of this file is not supported yet

lib/index.d.ts.map

Sorry, the diff of this file is not supported yet

lib/types.d.ts.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc