@ultraviolet/form 2.14.7 → 3.0.0

package/dist/index.cjs

@@ -1,17 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./constants.cjs");
 const index = require("./providers/ErrorContext/index.cjs");
 const reactHookForm = require("react-hook-form");
-const useFormState = require("./hooks/useFormState.cjs");
-const useField = require("./hooks/useField.cjs");
-const useForm = require("./hooks/useForm.cjs");
-const useFieldArray = require("./hooks/useFieldArray.cjs");
 const useOnFieldChange = require("./hooks/useOnFieldChange.cjs");
-const index$1 = require("./components/CheckboxField/index.cjs");
-const index$2 = require("./components/CheckboxGroupField/index.cjs");
-const index$3 = require("./components/DateField/index.cjs");
-const index$4 = require("./components/Form/index.cjs");
+const index$1 = require("./components/Form/index.cjs");
+const index$2 = require("./components/CheckboxField/index.cjs");
+const index$3 = require("./components/CheckboxGroupField/index.cjs");
+const index$4 = require("./components/DateField/index.cjs");
 const index$5 = require("./components/RadioField/index.cjs");
 const index$6 = require("./components/SelectInputField/index.cjs");
 const index$7 = require("./components/SelectableCardField/index.cjs");
@@ -30,7 +25,6 @@ const index$j = require("./components/KeyValueField/index.cjs");
 const index$k = require("./components/SelectableCardGroupField/index.cjs");
 const index$l = require("./components/SelectInputFieldV2/index.cjs");
 const index$m = require("./components/UnitInputField/index.cjs");
-exports.FORM_ERROR = constants.FORM_ERROR;
 exports.ErrorProvider = index.ErrorProvider;
 exports.useErrors = index.useErrors;
 Object.defineProperty(exports, "useController", {
@@ -57,15 +51,11 @@ Object.defineProperty(exports, "useWatch", {
   enumerable: true,
   get: () => reactHookForm.useWatch
 });
-exports.useFormStateDeprecated = useFormState.useFormStateDeprecated;
-exports.useFieldDeprecated = useField.useFieldDeprecated;
-exports.useFormDeprecated = useForm.useFormDeprecated;
-exports.useFieldArrayDeprecated = useFieldArray.useFieldArrayDeprecated;
 exports.useOnFieldChange = useOnFieldChange.useOnFieldChange;
-exports.CheckboxField = index$1.CheckboxField;
-exports.CheckboxGroupField = index$2.CheckboxGroupField;
-exports.DateField = index$3.DateField;
-exports.Form = index$4.Form;
+exports.Form = index$1.Form;
+exports.CheckboxField = index$2.CheckboxField;
+exports.CheckboxGroupField = index$3.CheckboxGroupField;
+exports.DateField = index$4.DateField;
 exports.RadioField = index$5.RadioField;
 exports.SelectInputField = index$6.SelectInputField;
 exports.SelectableCardField = index$7.SelectableCardField;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { FORM_ERROR } from './constants';
 export * from './components';
 export type { BaseFieldProps, FormErrors } from './types';
 export { useErrors, ErrorProvider } from './providers/ErrorContext';
-export { useFormStateDeprecated, useFieldDeprecated, useFormDeprecated, useFieldArrayDeprecated, useOnFieldChange, } from './hooks';
+export { useOnFieldChange } from './hooks';
 export { useForm, useFieldArray, useWatch, useController, useFormState, useFormContext, } from 'react-hook-form';
-export type { UseFieldArrayMove, DeepPartial, UseFormSetValue, UseFormReturn, ControllerRenderProps, PathValue, FieldValues, FieldPath, FieldErrors, Path, UseFieldArrayRemove, ArrayPath, FieldArrayPath, FieldPathValues, FieldArray, FieldPathValue, FieldArrayPathValue, FieldPathByValue, Control, } from 'react-hook-form';
+export type * from 'react-hook-form';
+export { Form } from './components';

package/dist/index.js

@@ -1,15 +1,10 @@
-import { FORM_ERROR } from "./constants.js";
 import { ErrorProvider, useErrors } from "./providers/ErrorContext/index.js";
 import { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from "react-hook-form";
-import { useFormStateDeprecated } from "./hooks/useFormState.js";
-import { useFieldDeprecated } from "./hooks/useField.js";
-import { useFormDeprecated } from "./hooks/useForm.js";
-import { useFieldArrayDeprecated } from "./hooks/useFieldArray.js";
 import { useOnFieldChange } from "./hooks/useOnFieldChange.js";
+import { Form } from "./components/Form/index.js";
 import { CheckboxField } from "./components/CheckboxField/index.js";
 import { CheckboxGroupField } from "./components/CheckboxGroupField/index.js";
 import { DateField } from "./components/DateField/index.js";
-import { Form } from "./components/Form/index.js";
 import { RadioField } from "./components/RadioField/index.js";
 import { SelectInputField } from "./components/SelectInputField/index.js";
 import { SelectableCardField } from "./components/SelectableCardField/index.js";
@@ -33,7 +28,6 @@ export {
   CheckboxGroupField,
   DateField,
   ErrorProvider,
-  FORM_ERROR,
   Form,
   KeyValueField,
   NumberInputField,
@@ -56,13 +50,9 @@ export {
   useController,
   useErrors,
   useFieldArray,
-  useFieldArrayDeprecated,
-  useFieldDeprecated,
   useForm,
   useFormContext,
-  useFormDeprecated,
   useFormState,
-  useFormStateDeprecated,
   useOnFieldChange,
   useWatch
 };

package/dist/providers/ErrorContext/index.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const ErrorContext = React.createContext(void 0);
+const react = require("react");
+const ErrorContext = react.createContext(void 0);
 const ErrorProvider = ({
   children,
   errors
 }) => {
-  const getError = React.useCallback((meta, error) => {
+  const getError = react.useCallback((meta, error) => {
     if (!error) {
       return void 0;
     }
@@ -16,14 +16,14 @@ const ErrorProvider = ({
     }
     return errors?.[error.type]?.(meta);
   }, [errors]);
-  const value = React.useMemo(() => ({
+  const value = react.useMemo(() => ({
     errors,
     getError
   }), [errors, getError]);
   return /* @__PURE__ */ jsxRuntime.jsx(ErrorContext.Provider, { value, children });
 };
 const useErrors = () => {
-  const context = React.useContext(ErrorContext);
+  const context = react.useContext(ErrorContext);
   if (context === void 0) {
     throw new Error("useErrors must be used within an ErrorProvider ");
   }

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { FieldError, FieldPath, FieldPathValue, FieldValues, Path, PathValue, UseControllerProps, Validate } from 'react-hook-form';
+import type { Control, FieldError, FieldPath, FieldPathValue, FieldValues, Path, PathValue, UseControllerProps, Validate } from 'react-hook-form';
 export type MetaField = {
     min?: number | string;
     max?: number | string;
@@ -16,17 +16,14 @@ export type RequiredErrors = {
 export type FormErrors = {
     [key in 'required' | 'min' | 'max' | 'minLength' | 'maxLength' | 'pattern' | 'minDate' | 'maxDate']: RequiredErrors[key];
 };
-export type BaseFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
-    name: TName;
+export type BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TFieldName;
     required?: boolean;
-    validate?: Record<string, Validate<FieldPathValue<TFieldValues, TName>, TFieldValues>>;
-    /**
-     * @deprecated Use individual props instead
-     */
-    rules?: UseControllerProps<TFieldValues>['rules'];
+    validate?: Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
     defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
     label?: string;
     value?: PathValue<TFieldValues, Path<TFieldValues>>;
-    onChange?: (value?: PathValue<TFieldValues, TName>) => void;
-    shouldUnregister?: UseControllerProps<TFieldValues, TName>['shouldUnregister'];
+    onChange?: (value?: PathValue<TFieldValues, TFieldName>) => void;
+    shouldUnregister?: UseControllerProps<TFieldValues, TFieldName>['shouldUnregister'];
+    control?: Control<TFieldValues>;
 };

package/dist/utils/validateRegex.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const validateRegex = (value, regexes) => regexes.every((regex) => value === void 0 || value === "" || (Array.isArray(regex) ? regex.some((regexOr) => regexOr.test(value)) : regex.test(value)));
+exports.validateRegex = validateRegex;

package/dist/utils/validateRegex.d.ts

@@ -0,0 +1,2 @@
+import type { FieldPath, FieldValues, PathValue } from 'react-hook-form';
+export declare const validateRegex: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(value: PathValue<TFieldValues, TName>, regexes: (RegExp | RegExp[])[]) => boolean;

package/dist/utils/validateRegex.js

@@ -0,0 +1,4 @@
+const validateRegex = (value, regexes) => regexes.every((regex) => value === void 0 || value === "" || (Array.isArray(regex) ? regex.some((regexOr) => regexOr.test(value)) : regex.test(value)));
+export {
+  validateRegex
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.14.7",
+  "version": "3.0.0",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -72,7 +72,7 @@
     "@emotion/styled": "11.11.5",
     "react-select": "5.8.0",
     "react-hook-form": "7.52.0",
-    "@ultraviolet/ui": "1.57.0",
+    "@ultraviolet/ui": "1.57.1",
     "@ultraviolet/themes": "1.12.1"
   },
   "scripts": {

package/dist/constants.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FORM_ERROR = "FINAL_FORM/form-error";
-exports.FORM_ERROR = FORM_ERROR;

package/dist/constants.d.ts

@@ -1 +0,0 @@
-export declare const FORM_ERROR = "FINAL_FORM/form-error";

package/dist/constants.js

@@ -1,4 +0,0 @@
-const FORM_ERROR = "FINAL_FORM/form-error";
-export {
-  FORM_ERROR
-};

package/dist/hooks/useField.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactHookForm = require("react-hook-form");
-const useFieldDeprecated = (name, options) => {
-  const {
-    getValues
-  } = reactHookForm.useFormContext();
-  const {
-    field,
-    fieldState
-  } = reactHookForm.useController({
-    name,
-    rules: {
-      validate: options?.validate
-    }
-  });
-  return {
-    input: {
-      value: getValues(name),
-      onChange: field.onChange
-    },
-    meta: {
-      error: fieldState.error?.message,
-      touched: fieldState.isTouched,
-      invalid: fieldState.invalid,
-      dirty: fieldState.isDirty
-    }
-  };
-};
-exports.useFieldDeprecated = useFieldDeprecated;

package/dist/hooks/useField.d.ts

@@ -1,34 +0,0 @@
-import type { FieldPath, FieldPathValue, FieldValues, Path, Validate } from 'react-hook-form';
-type Options<TFieldValues extends FieldValues> = {
-    subscription?: Record<string, boolean>;
-    validate?: Validate<FieldPathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
-};
-/**
- * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get fields states.
- *
- * @example
- * ```tsx
- *  const Input = () {
- *   const username = useWatch({
- *    name: 'username'
- *   })
- *
- *   const { errors } = useFormState()
- *
- *   console.log(errors.username)
- * }
- * ```
- */
-export declare const useFieldDeprecated: <T, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(name: TFieldName, options?: Options<TFieldValues>) => {
-    input: {
-        value: T;
-        onChange: (...event: any[]) => void;
-    };
-    meta: {
-        error: string | undefined;
-        touched: boolean;
-        invalid: boolean;
-        dirty: boolean;
-    };
-};
-export {};

package/dist/hooks/useField.js

@@ -1,30 +0,0 @@
-import { useFormContext, useController } from "react-hook-form";
-const useFieldDeprecated = (name, options) => {
-  const {
-    getValues
-  } = useFormContext();
-  const {
-    field,
-    fieldState
-  } = useController({
-    name,
-    rules: {
-      validate: options?.validate
-    }
-  });
-  return {
-    input: {
-      value: getValues(name),
-      onChange: field.onChange
-    },
-    meta: {
-      error: fieldState.error?.message,
-      touched: fieldState.isTouched,
-      invalid: fieldState.invalid,
-      dirty: fieldState.isDirty
-    }
-  };
-};
-export {
-  useFieldDeprecated
-};

package/dist/hooks/useFieldArray.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactHookForm = require("react-hook-form");
-const useFieldArrayDeprecated = (name, options) => {
-  const {
-    fields,
-    append,
-    remove,
-    update,
-    move
-  } = reactHookForm.useFieldArray({
-    name,
-    rules: {
-      validate: options?.validate
-    }
-  });
-  const value = reactHookForm.useWatch({
-    name
-  });
-  return {
-    fields: {
-      push: append,
-      value,
-      remove,
-      update,
-      map: (callback) => fields.map((_, index) => callback(`${name}.${index}`, index)),
-      move,
-      length: fields.length
-    }
-  };
-};
-exports.useFieldArrayDeprecated = useFieldArrayDeprecated;

package/dist/hooks/useFieldArray.d.ts

@@ -1,21 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ArrayPath, FieldArray, FieldValues, Validate } from 'react-hook-form';
-type Options<TFieldValues extends FieldValues> = {
-    validate?: Validate<FieldArray<TFieldValues>[], TFieldValues>;
-    subscription?: Record<string, boolean>;
-};
-/**
- * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
- */
-export declare const useFieldArrayDeprecated: <T, TFieldValues extends FieldValues = FieldValues>(name: ArrayPath<TFieldValues>, options?: Options<TFieldValues>) => {
-    fields: {
-        push: import("react-hook-form").UseFieldArrayAppend<TFieldValues, ArrayPath<TFieldValues>>;
-        value: T[];
-        remove: import("react-hook-form").UseFieldArrayRemove;
-        update: import("react-hook-form").UseFieldArrayUpdate<TFieldValues, ArrayPath<TFieldValues>>;
-        map: (callback: (name: string, index: number) => ReactNode) => ReactNode[];
-        move: import("react-hook-form").UseFieldArrayMove;
-        length: number;
-    };
-};
-export {};

package/dist/hooks/useFieldArray.js

@@ -1,32 +0,0 @@
-import { useFieldArray, useWatch } from "react-hook-form";
-const useFieldArrayDeprecated = (name, options) => {
-  const {
-    fields,
-    append,
-    remove,
-    update,
-    move
-  } = useFieldArray({
-    name,
-    rules: {
-      validate: options?.validate
-    }
-  });
-  const value = useWatch({
-    name
-  });
-  return {
-    fields: {
-      push: append,
-      value,
-      remove,
-      update,
-      map: (callback) => fields.map((_, index) => callback(`${name}.${index}`, index)),
-      move,
-      length: fields.length
-    }
-  };
-};
-export {
-  useFieldArrayDeprecated
-};

package/dist/hooks/useForm.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactHookForm = require("react-hook-form");
-const index = require("../components/Form/index.cjs");
-const useFormDeprecated = () => {
-  const {
-    setValue,
-    resetField,
-    getFieldState,
-    reset
-  } = reactHookForm.useFormContext();
-  const formSubmitContext = React.useContext(index.FormSubmitContext);
-  return {
-    change: setValue,
-    resetFieldState: resetField,
-    getFieldState,
-    batch: (callback) => callback(),
-    restart: reset,
-    reset,
-    submit: formSubmitContext.handleSubmit
-  };
-};
-exports.useFormDeprecated = useFormDeprecated;

package/dist/hooks/useForm.d.ts

@@ -1,22 +0,0 @@
-import type { FieldValues } from 'react-hook-form';
-/**
- * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
- *
- * @example
- * ```tsx
- * const Input = () {
- *   const { setValue } = useFormContext()
- *
- *   setValue('username', 'John Wick')
- * }
- * ```
- */
-export declare const useFormDeprecated: <TFieldValues extends FieldValues>() => {
-    change: import("react-hook-form").UseFormSetValue<TFieldValues>;
-    resetFieldState: import("react-hook-form").UseFormResetField<TFieldValues>;
-    getFieldState: import("react-hook-form").UseFormGetFieldState<TFieldValues>;
-    batch: (callback: () => void) => void;
-    restart: import("react-hook-form").UseFormReset<TFieldValues>;
-    reset: import("react-hook-form").UseFormReset<TFieldValues>;
-    submit: (e?: import("react").BaseSyntheticEvent) => Promise<void>;
-};

package/dist/hooks/useForm.js

@@ -1,24 +0,0 @@
-import { useContext } from "react";
-import { useFormContext } from "react-hook-form";
-import { FormSubmitContext } from "../components/Form/index.js";
-const useFormDeprecated = () => {
-  const {
-    setValue,
-    resetField,
-    getFieldState,
-    reset
-  } = useFormContext();
-  const formSubmitContext = useContext(FormSubmitContext);
-  return {
-    change: setValue,
-    resetFieldState: resetField,
-    getFieldState,
-    batch: (callback) => callback(),
-    restart: reset,
-    reset,
-    submit: formSubmitContext.handleSubmit
-  };
-};
-export {
-  useFormDeprecated
-};

package/dist/hooks/useFormState.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactHookForm = require("react-hook-form");
-const useFormStateDeprecated = (_params) => {
-  const {
-    formState
-  } = reactHookForm.useFormContext();
-  return {
-    dirtySinceLastSubmit: formState.isDirty,
-    submitErrors: formState.errors.root,
-    values: reactHookForm.useWatch(),
-    hasValidationErrors: !formState.isValid,
-    pristine: !formState.isDirty,
-    errors: formState.errors,
-    initialValues: formState.defaultValues,
-    touched: formState.touchedFields,
-    submitting: formState.isSubmitting,
-    invalid: !formState.isValid,
-    valid: formState.isValid
-  };
-};
-exports.useFormStateDeprecated = useFormStateDeprecated;

package/dist/hooks/useFormState.d.ts

@@ -1,39 +0,0 @@
-import type { FieldValues } from 'react-hook-form';
-type UseFormStateParams = {
-    subscription?: Record<string, boolean>;
-};
-/**
- * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get form states.
- *
- * @example
- * ```tsx
- * const Input = () {
- *   const username = useWatch({
- *    name: 'username'
- *   })
- *
- *   const { isValid } = useFormState()
- * }
- * ```
-
- */
-export declare const useFormStateDeprecated: <TFieldValues extends FieldValues>(_params?: UseFormStateParams) => {
-    dirtySinceLastSubmit: boolean;
-    submitErrors: (Record<string, Partial<{
-        type: string | number;
-        message: import("react-hook-form").Message;
-    }>> & Partial<{
-        type: string | number;
-        message: import("react-hook-form").Message;
-    }>) | undefined;
-    values: TFieldValues;
-    hasValidationErrors: boolean;
-    pristine: boolean;
-    errors: import("react-hook-form").FieldErrors<TFieldValues>;
-    initialValues: Readonly<import("react-hook-form").DeepPartial<TFieldValues>> | undefined;
-    touched: Partial<Readonly<import("react-hook-form").DeepMap<import("react-hook-form").DeepPartial<TFieldValues>, boolean>>>;
-    submitting: boolean;
-    invalid: boolean;
-    valid: boolean;
-};
-export {};

package/dist/hooks/useFormState.js

@@ -1,22 +0,0 @@
-import { useFormContext, useWatch } from "react-hook-form";
-const useFormStateDeprecated = (_params) => {
-  const {
-    formState
-  } = useFormContext();
-  return {
-    dirtySinceLastSubmit: formState.isDirty,
-    submitErrors: formState.errors.root,
-    values: useWatch(),
-    hasValidationErrors: !formState.isValid,
-    pristine: !formState.isDirty,
-    errors: formState.errors,
-    initialValues: formState.defaultValues,
-    touched: formState.touchedFields,
-    submitting: formState.isSubmitting,
-    invalid: !formState.isValid,
-    valid: formState.isValid
-  };
-};
-export {
-  useFormStateDeprecated
-};