@ultraviolet/form 2.13.2 → 2.13.3

package/dist/index.js

@@ -1,29 +1,66 @@
-export { FORM_ERROR } from './constants.js';
-export { ErrorProvider, useErrors } from './providers/ErrorContext/index.js';
-export { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
-export { useFormStateDeprecated } from './hooks/useFormState.js';
-export { useFieldDeprecated } from './hooks/useField.js';
-export { useFormDeprecated } from './hooks/useForm.js';
-export { useFieldArrayDeprecated } from './hooks/useFieldArray.js';
-export { useOnFieldChange } from './hooks/useOnFieldChange.js';
-export { CheckboxField } from './components/CheckboxField/index.js';
-export { CheckboxGroupField } from './components/CheckboxGroupField/index.js';
-export { DateField } from './components/DateField/index.js';
-export { Form } from './components/Form/index.js';
-export { RadioField } from './components/RadioField/index.js';
-export { SelectInputField } from './components/SelectInputField/index.js';
-export { SelectableCardField } from './components/SelectableCardField/index.js';
-export { NumberInputField } from './components/NumberInputField/index.js';
-export { NumberInputFieldV2 } from './components/NumberInputFieldV2/index.js';
-export { SubmitErrorAlert } from './components/SubmitErrorAlert/index.js';
-export { TagInputField } from './components/TagInputField/index.js';
-export { TextAreaField } from './components/TextAreaField/index.js';
-export { TextInputField } from './components/TextInputField/index.js';
-export { TextInputField as TextInputFieldV2 } from './components/TextInputFieldV2/index.js';
-export { TimeField } from './components/TimeField/index.js';
-export { ToggleField } from './components/ToggleField/index.js';
-export { Submit } from './components/Submit/index.js';
-export { RadioGroupField } from './components/RadioGroupField/index.js';
-export { KeyValueField } from './components/KeyValueField/index.js';
-export { SelectableCardGroupField } from './components/SelectableCardGroupField/index.js';
-export { SelectInputFieldV2 } from './components/SelectInputFieldV2/index.js';
+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 { 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";
+import { NumberInputField } from "./components/NumberInputField/index.js";
+import { NumberInputFieldV2 } from "./components/NumberInputFieldV2/index.js";
+import { SubmitErrorAlert } from "./components/SubmitErrorAlert/index.js";
+import { TagInputField } from "./components/TagInputField/index.js";
+import { TextAreaField } from "./components/TextAreaField/index.js";
+import { TextInputField } from "./components/TextInputField/index.js";
+import { TextInputField as TextInputField2 } from "./components/TextInputFieldV2/index.js";
+import { TimeField } from "./components/TimeField/index.js";
+import { ToggleField } from "./components/ToggleField/index.js";
+import { Submit } from "./components/Submit/index.js";
+import { RadioGroupField } from "./components/RadioGroupField/index.js";
+import { KeyValueField } from "./components/KeyValueField/index.js";
+import { SelectableCardGroupField } from "./components/SelectableCardGroupField/index.js";
+import { SelectInputFieldV2 } from "./components/SelectInputFieldV2/index.js";
+export {
+  CheckboxField,
+  CheckboxGroupField,
+  DateField,
+  ErrorProvider,
+  FORM_ERROR,
+  Form,
+  KeyValueField,
+  NumberInputField,
+  NumberInputFieldV2,
+  RadioField,
+  RadioGroupField,
+  SelectInputField,
+  SelectInputFieldV2,
+  SelectableCardField,
+  SelectableCardGroupField,
+  Submit,
+  SubmitErrorAlert,
+  TagInputField,
+  TextAreaField,
+  TextInputField,
+  TextInputField2 as TextInputFieldV2,
+  TimeField,
+  ToggleField,
+  useController,
+  useErrors,
+  useFieldArray,
+  useFieldArrayDeprecated,
+  useFieldDeprecated,
+  useForm,
+  useFormContext,
+  useFormDeprecated,
+  useFormState,
+  useFormStateDeprecated,
+  useOnFieldChange,
+  useWatch
+};

package/dist/mocks/index.d.ts

@@ -0,0 +1 @@
+export { mockErrors } from './mockErrors';

package/dist/mocks/mockErrors.d.ts

@@ -0,0 +1,3 @@
+import type { FormErrors } from '../types';
+export declare const emailRegex: RegExp;
+export declare const mockErrors: FormErrors;

package/dist/providers/ErrorContext/index.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { FieldError } from 'react-hook-form';
+import type { MetaField, RequiredErrors } from '../../types';
+type ErrorContextValue = {
+    errors: RequiredErrors;
+    getError: (meta: MetaField, error?: FieldError) => string | undefined;
+};
+type ErrorProviderProps = {
+    children: ReactNode;
+    errors: RequiredErrors;
+};
+export declare const ErrorProvider: ({ children, errors }: ErrorProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useErrors: () => ErrorContextValue;
+export {};

package/dist/providers/ErrorContext/index.js

@@ -1,35 +1,36 @@
-import { useCallback, useMemo, useContext, createContext } from 'react';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-const ErrorContext = /*#__PURE__*/createContext(undefined);
-const ErrorProvider = ({
-  children,
-  errors
-}) => {
-  const getError = useCallback((meta, error) => {
-    if (!error) {
-      return undefined;
-    }
-    if (error.message) {
-      return error.message;
-    }
-    return errors?.[error.type]?.(meta);
-  }, [errors]);
-  const value = useMemo(() => ({
-    errors,
-    getError
-  }), [errors, getError]);
-  return jsx(ErrorContext.Provider, {
-    value: value,
-    children: children
-  });
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useCallback, useMemo, useContext } from "react";
+const ErrorContext = createContext(void 0);
+const ErrorProvider = ({ children, errors }) => {
+  const getError = useCallback(
+    (meta, error) => {
+      if (!error) {
+        return void 0;
+      }
+      if (error.message) {
+        return error.message;
+      }
+      return errors?.[error.type]?.(meta);
+    },
+    [errors]
+  );
+  const value = useMemo(
+    () => ({
+      errors,
+      getError
+    }),
+    [errors, getError]
+  );
+  return /* @__PURE__ */ jsx(ErrorContext.Provider, { value, children });
 };
 const useErrors = () => {
   const context = useContext(ErrorContext);
-  if (context === undefined) {
-    throw new Error('useErrors must be used within an ErrorProvider ');
+  if (context === void 0) {
+    throw new Error("useErrors must be used within an ErrorProvider ");
   }
   return context;
 };
-
-export { ErrorProvider, useErrors };
+export {
+  ErrorProvider,
+  useErrors
+};

package/dist/providers/index.d.ts

@@ -0,0 +1 @@
+export { useErrors, ErrorProvider } from './ErrorContext';

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+import type { FieldError, FieldPath, FieldValues, Path, PathValue, UseControllerProps, Validate } from 'react-hook-form';
+export type MetaField = {
+    min?: number | string;
+    max?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    regex?: (RegExp | RegExp[])[];
+    minDate?: Date;
+    maxDate?: Date;
+    label: string;
+    value?: string | number;
+};
+export type RequiredErrors = {
+    [key in FieldError['type']]: (params: MetaField) => string;
+};
+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;
+    required?: boolean;
+    /**
+     * @deprecated use rules props instead
+     */
+    validate?: Validate<PathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
+    rules?: UseControllerProps<TFieldValues>['rules'];
+    defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
+    label?: string;
+    value?: PathValue<TFieldValues, Path<TFieldValues>>;
+    onChange?: (value?: PathValue<TFieldValues, TName>) => void;
+    shouldUnregister?: UseControllerProps<TFieldValues, TName>['shouldUnregister'];
+};

package/dist/validators/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    minDate: (minDate?: Date | undefined) => (value: Date) => boolean;
+    maxDate: (maxDate?: Date | undefined) => (value: Date) => boolean;
+};
+export default _default;

package/dist/validators/maxDate.d.ts

@@ -0,0 +1 @@
+export declare const maxDateValidator: (maxDate?: Date) => (value: Date) => boolean;

package/dist/validators/maxDate.js

@@ -1,3 +1,4 @@
-const maxDateValidator = maxDate => value => value === undefined || maxDate === undefined || value <= maxDate;
-
-export { maxDateValidator };
+const maxDateValidator = (maxDate) => (value) => value === void 0 || maxDate === void 0 || value <= maxDate;
+export {
+  maxDateValidator
+};

package/dist/validators/minDate.d.ts

@@ -0,0 +1 @@
+export declare const minDateValidator: (minDate?: Date) => (value: Date) => boolean;

package/dist/validators/minDate.js

@@ -1,3 +1,4 @@
-const minDateValidator = minDate => value => value === undefined || minDate === undefined || value >= minDate;
-
-export { minDateValidator };
+const minDateValidator = (minDate) => (value) => value === void 0 || minDate === void 0 || value >= minDate;
+export {
+  minDateValidator
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.13.2",
+  "version": "2.13.3",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -27,9 +27,13 @@
   ],
   "sideEffects": false,
   "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "default": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "peerDependencies": {
     "@emotion/react": "11.11.4",
@@ -53,10 +57,12 @@
     "@emotion/styled": "11.11.5",
     "react-select": "5.8.0",
     "react-hook-form": "7.51.3",
-    "@ultraviolet/ui": "1.51.1"
+    "@ultraviolet/ui": "1.51.2"
   },
   "scripts": {
-    "build": "rollup -c ../../rollup.config.mjs",
+    "type:generate": "tsc --declaration -p tsconfig.build.json",
+    "build": "vite build --config vite.config.ts && pnpm run type:generate",
+    "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
     "typecheck": "tsc --noEmit"
   }
 }