@nwon/react-mui-hook-form 1.0.1 → 1.0.3

package/package.json

@@ -1 +1 @@
-{"name":"@nwon/react-mui-hook-form","version":"1.0.1","type":"module","keywords":["react","MUI","React Hook Form","forms","typescript"],"repository":{"type":"git","url":"https://gitlab.com/nwon-group/nwon-tooling/npm-packages/react-mui-hook-form"},"description":"Making react forms easy - A connection of MUI and React Hook Form","types":"dist/packageExports.d.ts","main":"dist/packageExports.js","cracoConfig":"craco.config.cjs","scripts":{},"files":["dist","readme.md","license"],"author":"NWON","license":"MIT","devDependencies":{"@babel/core":"^7.21.3","@babel/plugin-transform-runtime":"^7.21.0","@babel/preset-flow":"^7.18.6","@babel/preset-react":"^7.18.6","@craco/craco":"^6.4.3","@nvon/eslint-config":"^1.21.1","@nvon/node-toolbox":"^0.20.4","@rollup/plugin-babel":"^6.0.3","@types/lodash-es":"^4.17.6","@types/node":"^18.11.11","@types/react-dom":">=17.0.0","@types/webpack":"^4.41.32","cross-env":"^7.0.3","npm":"^9.5.0","react-scripts":"^4.0.3","rimraf":"^3.0.2","rollup":"^3.19.1","rollup-plugin-sass":"^1.12.17","rollup-plugin-typescript2":"^0.34.1","typescript":"^4.9.5"},"dependencies":{"@babel/runtime":"^7.21.0","@mui/lab":"^5.0.0-alpha.134","@mui/material":"^5.13.5","@mui/x-date-pickers":"^5.0.20","@nvon/baseline":"^0.33.0","dayjs":"^1.11.10","fuse.js":"^6.5.3","i18next":"^22.4.10","lodash-es":"^4.17.21","react-hook-form":"^7.41.3","react-i18next":"^11.18.5"},"peerDependencies":{"react":">=17.0.0","react-dom":">=17.0.0"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]}}
+{"name":"@nwon/react-mui-hook-form","version":"1.0.3","type":"module","keywords":["react","MUI","React Hook Form","forms","typescript"],"repository":{"type":"git","url":"https://gitlab.com/nwon-group/nwon-tooling/npm-packages/react-mui-hook-form"},"description":"Making react forms easy - A connection of MUI and React Hook Form","types":"dist/packageExports.d.ts","main":"dist/packageExports.js","cracoConfig":"craco.config.cjs","scripts":{},"files":["dist","readme.md","license"],"author":"NWON","license":"MIT","devDependencies":{"@babel/core":"^7.21.3","@babel/plugin-transform-runtime":"^7.21.0","@babel/preset-flow":"^7.18.6","@babel/preset-react":"^7.18.6","@craco/craco":"^6.4.3","@nvon/eslint-config":"^1.21.1","@nvon/node-toolbox":"^0.20.4","@rollup/plugin-babel":"^6.0.3","@types/lodash-es":"^4.17.6","@types/node":"^18.11.11","@types/react-dom":">=17.0.0","@types/webpack":"^4.41.32","cross-env":"^7.0.3","npm":"^9.5.0","react-scripts":"^4.0.3","rimraf":"^3.0.2","rollup":"^3.19.1","rollup-plugin-sass":"^1.12.17","rollup-plugin-typescript2":"^0.34.1","typescript":"^4.9.5"},"dependencies":{"@babel/runtime":"^7.21.0","@mui/lab":"^5.0.0-alpha.134","@mui/material":"^5.13.5","@mui/x-date-pickers":"^5.0.20","@nvon/baseline":"^0.33.0","dayjs":"^1.11.10","fuse.js":"^6.5.3","i18next":"^22.4.10","lodash-es":"^4.17.21","react-hook-form":"^7.41.3","react-i18next":"^11.18.5"},"peerDependencies":{"react":">=17.0.0","react-dom":">=17.0.0"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]}}

package/dist/LoadingButton/LoadingButton.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { LoadingButtonProps } from "./LoadingButtonInterfaces";
-/**
- * A loading button component.
- */
-export declare const LoadingButton: ({ buttonText, buttonTextSuccess, loadingButtonProps, loadingButtonPropsPropsSuccess, buttonState, successIcon, }: LoadingButtonProps) => JSX.Element;

package/dist/LoadingButton/LoadingButtonInterfaces.d.ts

@@ -1,33 +0,0 @@
-import { LoadingButtonProps as MuiLoadingButtonProps } from "@mui/lab";
-import { ReactElement } from "react";
-export declare enum LoadingButtonState {
-    Idle = "idle",
-    Loading = "loading",
-    Success = "success"
-}
-type SelectedButtonProps = Omit<MuiLoadingButtonProps, "children">;
-export interface LoadingButtonProps {
-    buttonState: LoadingButtonState;
-    /**
-     * Button label.
-     */
-    buttonText: string;
-    /**
-     * Button label that is displayed on success.
-     */
-    buttonTextSuccess?: string;
-    /**
-     * Provide an icon that is displayed in front of the text
-     * when state is successful.
-     */
-    successIcon?: JSX.Element | ReactElement;
-    /**
-     * Adjust the button when the state is any other than successful.
-     */
-    loadingButtonProps?: SelectedButtonProps;
-    /**
-     * Adjust the button when the state is successful.
-     */
-    loadingButtonPropsPropsSuccess?: SelectedButtonProps;
-}
-export {};

package/dist/LoadingButton/getLoadingButtonState.d.ts

@@ -1,20 +0,0 @@
-import { FormState } from "react-hook-form";
-import { LoadingButtonState } from "./LoadingButtonInterfaces";
-/**
- * Redefinition of mutation status defined by react query. By doing this
- * we don't need to import react-query in the package.
- */
-declare type MutationStatus = "idle" | "loading" | "success" | "error";
-/**
- * Get loading button state from react-query mutation status.
- */
-export declare const loadingButtonStateFromReactQueryMutationStatus: (mutationStatus: MutationStatus) => LoadingButtonState;
-/**
- * Get loading button state from a react-hook-form context.
- */
-export declare const useLoadingButtonStateFromFormContext: () => LoadingButtonState;
-/**
- * Get loading button state from a react-hook-form state.
- */
-export declare const loadingButtonStateFromFormState: (formState: FormState<any>) => LoadingButtonState;
-export {};

package/dist/LoadingButton/index.d.ts

@@ -1,4 +0,0 @@
-export { LoadingButton } from "./LoadingButton";
-export { LoadingButtonState } from "./LoadingButtonInterfaces";
-export type { LoadingButtonProps } from "./LoadingButtonInterfaces";
-export { loadingButtonStateFromFormState, loadingButtonStateFromReactQueryMutationStatus, useLoadingButtonStateFromFormContext, } from "./getLoadingButtonState";

package/dist/formFields/HookFormProvider.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-/**
- * Reexport of FormProvider.
- *
- * This became necessary as context is not available when the FormProvider is initialized outside of the package. Most likely this is some kind of instance mismatch.
- */
-export declare const HookFormProvider: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext>) => JSX.Element;

package/dist/formFields/InputEmail/InputEmail.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { InputTextProps } from "../baseTypes/InputText/InputText";
-import { FormField } from "../inputTypes";
-export interface InputEmailProps {
-    formField: FormField;
-    textFieldProps?: InputTextProps["textFieldProps"];
-}
-/**
- * Renders a MUI input for an email address that is embedded in a react hook form context.
- */
-export declare const InputEmail: (props: InputEmailProps) => JSX.Element;

package/dist/formFields/InputPasswordSet/InputPasswordSet.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { InputPasswordSetProps } from "./InputPasswordSetInterfaces";
-/**
- * Two fields for setting a password set: input & validation.
- *
- * Checks for equality of both.
- */
-export declare const InputPasswordSet: ({ passwordField, passwordValidationField, doNotMatchError, }: InputPasswordSetProps) => JSX.Element;

package/dist/formFields/InputPasswordSet/InputPasswordSetInterfaces.d.ts

@@ -1,15 +0,0 @@
-import { FormField } from "../inputTypes";
-export interface InputPasswordSetProps {
-    /**
-     * Partial entry, assuming by default a "password"-named field.
-     */
-    passwordField: FormField;
-    /**
-     * Partial entry, assuming by default a "passwordConfirmation"-named field.
-     */
-    passwordValidationField: FormField;
-    /**
-     * Error that is displayed when the passwords do not match.
-     */
-    doNotMatchError: string;
-}

package/dist/formFields/TranslatedString.d.ts

@@ -1,13 +0,0 @@
-import { TFunction } from "react-i18next";
-/**
- * Used for static data definitions outside of react:
- * ```.
- * // Static definition, somewhere:
- * const myString = (t) => t("my.string");
- *
- * // Using the translated string inside a component:
- * const t = useTranslation();
- * const string = myString(t);
- * ```.
- */
-export type TranslatedString = (t: TFunction) => string;

package/dist/formFields/baseTypes/InputAutocomplete/InputAutocomplete.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { InputAutocompleteProps } from "./InputAutocompleteInterfaces";
-/**
- * Renders a MUI autocomplete input that is embedded in a react hook form context.
- *
- * @throws Error when FormContext is null.
- */
-export declare const InputAutocomplete: ({ formField, selectableOptions, multiSelect, noOptions, autoCompleteProps, }: InputAutocompleteProps) => JSX.Element;

package/dist/formFields/baseTypes/InputAutocomplete/InputAutocompleteInterfaces.d.ts

@@ -1,22 +0,0 @@
-import { AutocompleteProps, TextFieldProps } from "@mui/material";
-import { FormField, LabeledValue } from "../../inputTypes";
-interface InputAutocompleteBaseProps {
-    formField: FormField;
-    selectableOptions: LabeledValue[];
-    /**
-     * Text that is displayed when there are no more options.
-     */
-    noOptions: string;
-}
-export type MuiAutoCompleteNonMultipleProps = Omit<AutocompleteProps<TextFieldProps, false, undefined, undefined>, "multiple">;
-export type MuiAutoCompleteMultipleProps = Omit<AutocompleteProps<TextFieldProps, true, undefined, undefined>, "multiple">;
-interface InputAutocompleteMultipleProps extends InputAutocompleteBaseProps {
-    multiSelect: true;
-    autoCompleteProps?: MuiAutoCompleteMultipleProps;
-}
-interface InputAutocompleteNonMultipleProps extends InputAutocompleteBaseProps {
-    multiSelect: false;
-    autoCompleteProps?: MuiAutoCompleteNonMultipleProps;
-}
-export type InputAutocompleteProps = InputAutocompleteNonMultipleProps | InputAutocompleteMultipleProps;
-export {};

package/dist/formFields/baseTypes/InputCheckbox/InputCheckbox.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { CheckboxProps, FormControlLabelProps } from "@mui/material";
-import { FormField } from "../../inputTypes";
-export interface InputCheckboxProps {
-    formField: FormField;
-    checkboxProps?: Omit<CheckboxProps, "checked">;
-    formControlLabelProps?: Omit<FormControlLabelProps, "control" | "label">;
-    /**
-     * In contrast to other FormFields,
-     *  the checkbox supports jsx elements as a label.
-     *
-     * If this is provided, formField.label will be ignored.
-     */
-    jsxLabel?: JSX.Element;
-}
-/**
- * Input for Checking a box indicating acceptance of something.
- */
-export declare const InputCheckbox: ({ formField, jsxLabel, checkboxProps, formControlLabelProps, }: InputCheckboxProps) => JSX.Element;

package/dist/formFields/baseTypes/InputDateTimePicker/InputDateTimePicker.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from "@mui/material";
-import { DateTimePickerProps } from "@mui/x-date-pickers";
-import { FormField } from "../../inputTypes";
-export interface InputDateTimePickerProps {
-    formField: FormField;
-    dateTimePickerProps?: Pick<DateTimePickerProps<TextFieldProps, TextFieldProps>, "ampm">;
-}
-/**
- * A Datetime picker that works with react hook form.
- */
-export declare const InputDateTimePicker: ({ formField, dateTimePickerProps, }: InputDateTimePickerProps) => JSX.Element;

package/dist/formFields/baseTypes/InputRadio/InputRadio.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { FormField, LabeledValue } from "../../inputTypes";
-export interface InputRadioProps {
-    formField: FormField;
-    selectableOptions: LabeledValue[];
-}
-/**
- * Input for selecting between a list of options using radio buttons.
- */
-export declare const InputRadio: ({ formField, selectableOptions, }: InputRadioProps) => JSX.Element;

package/dist/formFields/baseTypes/InputSelect/InputSelect.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from "@mui/material";
-import { FormField, LabeledValueWithGrouping } from "../../inputTypes";
-export interface InputSelectProps {
-    formField: FormField;
-    selectableOptions: LabeledValueWithGrouping[];
-    placeholderText: string;
-    selectComponentProps?: Pick<SelectProps, "sx">;
-    /**
-     * Element that is rendered in the end of a select item and holds
-     * a tooltip with the disabled message for this option.
-     *
-     * If none is given the element is disabled without rendering a tooltip.
-     */
-    tooltipHolder?: JSX.Element;
-}
-/**
- * Renders a MUI select based that is embedded in a react hook
- * form context.
- *
- * @throws Error when FormContext is null.
- */
-export declare const InputSelect: ({ formField, selectableOptions, placeholderText, selectComponentProps, tooltipHolder, }: InputSelectProps) => JSX.Element;

package/dist/formFields/baseTypes/InputSelectFromEnum/InputSelectFromEnum.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { InputSelectFromEnumProps } from "./InputSelectFromEnumInterfaces";
-/**
- * Renders a MUI select based on an enum that is embedded in a react hook form context.
- */
-export declare const InputSelectFromEnum: <EnumType extends Record<string, string>>({ enumData, formField, placeholderText, }: InputSelectFromEnumProps<EnumType>) => JSX.Element;

package/dist/formFields/baseTypes/InputSelectFromEnum/InputSelectFromEnumInterfaces.d.ts

@@ -1,10 +0,0 @@
-import { TranslatedString } from "../../TranslatedString";
-import { InputSelectProps } from "../InputSelect/InputSelect";
-export interface InputSelectFromEnumProps<EnumType> extends Omit<InputSelectProps, "selectableOptions"> {
-    enumData: EnumSelectData<EnumType>;
-    placeholderText: string;
-}
-export interface EnumSelectData<EnumType> {
-    enumToUse: EnumType;
-    labelsForEnum: Record<keyof EnumType, TranslatedString | string>;
-}

package/dist/formFields/baseTypes/InputText/InputText.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { OutlinedInputProps } from "@mui/material";
-import { FormField } from "../../inputTypes";
-export interface InputTextProps {
-    formField: FormField;
-    textFieldProps?: Omit<OutlinedInputProps, "required" | "label">;
-}
-/**
- * Renders a MUI input text fields that is embedded in a react
- * hook form context.
- *
- * @throws Error when FormContext is null.
- */
-export declare const InputText: ({ formField, textFieldProps, }: InputTextProps) => JSX.Element | null;

package/dist/formFields/errorMessages.d.ts

@@ -1 +0,0 @@
-export declare const formContextNull = "FormContext is null. This should not happen. You may need to use the HookFormProvider instead of the FormProvider exported by react-hook-form";

package/dist/formFields/formHelper/getFormError.d.ts

@@ -1,11 +0,0 @@
-import { AnyObject } from "@nvon/baseline";
-import { FieldError, FormState } from "react-hook-form";
-/**
- * Get the field errors for a (possibly nested) field name.
- *
- * Checking `formState.errors[fieldName]` only works if fieldName is not a path
- *  (e.g. Does not include dots).
- *
- * Did not find a built-in way to do this … there might be one though.
- */
-export declare const getFormError: (errors: FormState<AnyObject>["errors"], fieldName: string) => FieldError | undefined;

package/dist/formFields/formHelper/syncSubmit.d.ts

@@ -1,15 +0,0 @@
-import { FormEvent } from "react";
-export type FormSubmitHandlerAsync = (event?: FormEvent) => Promise<void>;
-export type FormSubmitHandler = (event?: FormEvent) => void;
-/**
- * Turn an async submitHandler into a synchronous one.
- *
- * Reasoning:
- * - we're often talking to the API during form submission. The onSubmit handler will be returning a Promise in this case.
- * - the `form` element, per definition, always expects a synchronous function.
- * - creating on inline function in every form is a bit clumsy, and does not look clean.
- *
- * Then/catch cases should be properly handled by the submit handler itself,
- *  the catch supplied here is only a last safety net against an "unhandled promise rejection" error.
- */
-export declare const syncSubmit: (asyncSubmitHandler: FormSubmitHandlerAsync) => FormSubmitHandler;

package/dist/formFields/formHelper/useHookForm.d.ts

@@ -1,50 +0,0 @@
-import { FieldPath, FieldValues, UseFormProps, UseFormReturn } from "react-hook-form";
-/**
- * Gets a TypeScript-validated field name.
- */
-export type FieldNameGetter<TFieldValues extends FieldValues> = (fieldName: FieldPath<TFieldValues>) => FieldPath<TFieldValues>;
-/**
- * Not sure what this represents,
- *  but it's the seconds generic argument in RHFs type declarations.
- *
- * Using any here seems fine so far.
- */
-type ReactHookFormContext = any;
-/**
- * The react-hook-form useForm returnType,
- *  amended with our custom function to validate a field name.
- */
-export type FormReturn<TFieldValues extends FieldValues> = UseFormReturn<TFieldValues, ReactHookFormContext> & {
-    fieldName: FieldNameGetter<TFieldValues>;
-};
-/**
- * Wrapper around react-hook-form's useForm.
- *
- * Should behave like the original function, only exposing a "fieldName"
- *  function on top which is used to validate field names.
- */
-export declare const useHookForm: <TFieldValues extends FieldValues>(props?: Partial<{
-    mode: keyof import("react-hook-form").ValidationMode;
-    reValidateMode: "onBlur" | "onChange" | "onSubmit";
-    defaultValues: import("react-hook-form").DeepPartial<TFieldValues> | ((payload?: unknown) => Promise<TFieldValues>);
-    values: TFieldValues;
-    resetOptions: Partial<{
-        keepDirtyValues: boolean;
-        keepErrors: boolean;
-        keepDirty: boolean;
-        keepValues: boolean;
-        keepDefaultValues: boolean;
-        keepIsSubmitted: boolean;
-        keepTouched: boolean;
-        keepIsValid: boolean;
-        keepSubmitCount: boolean;
-    }> | undefined;
-    resolver: import("react-hook-form").Resolver<TFieldValues, any>;
-    context: any;
-    shouldFocusError: boolean;
-    shouldUnregister: boolean;
-    shouldUseNativeValidation: boolean;
-    criteriaMode: import("react-hook-form").CriteriaMode;
-    delayError: number;
-}> | undefined) => FormReturn<TFieldValues>;
-export {};

package/dist/formFields/formHelper/useHookFormContext.d.ts

@@ -1,9 +0,0 @@
-import { FieldValues } from "react-hook-form";
-import { FormReturn } from "./useHookForm";
-/**
- * Wrapper around react-hook-form's useFormContext.
- *
- * Should behave like the original function, only exposing a "fieldName"
- *  function on top which is used to validate field names.
- */
-export declare const useHookFormContext: <TFieldValues extends FieldValues>() => FormReturn<TFieldValues>;

package/dist/formFields/formHelper/useMergedFormField.d.ts

@@ -1,6 +0,0 @@
-import { TFunction } from "i18next";
-import { FormField, FormFieldTranslated } from "../inputTypes";
-/**
- * Merge a form field with defaults.
- */
-export declare const useMergedFormField: (formField: FormField, t?: TFunction, formFieldDefaults?: Partial<FormField>) => FormFieldTranslated;

package/dist/formFields/formHelper/useSortedOptionsWithGroup.d.ts

@@ -1,5 +0,0 @@
-import { LabeledValueWithGrouping } from "../inputTypes";
-/**
- * Sorts the options by group and value.
- */
-export declare const useSortedOptionsWithGroup: (selectableOptions: LabeledValueWithGrouping[]) => LabeledValueWithGrouping[];

package/dist/formFields/formHelper/useTranslateString.d.ts

@@ -1,8 +0,0 @@
-import { TFunction } from "i18next";
-import { TranslatedString } from "../TranslatedString";
-/**
- * Return a function which turns our TranslatedString into a plain string.
- *
- * @throws Error if no t was provided but a translated string.
- */
-export declare const useTranslateString: () => (input: TranslatedString | string, t?: TFunction) => string;

package/dist/formFields/index.d.ts

@@ -1,28 +0,0 @@
-export { HookFormProvider } from "./HookFormProvider";
-export { InputEmail } from "./InputEmail/InputEmail";
-export type { InputEmailProps } from "./InputEmail/InputEmail";
-export { InputPasswordSet } from "./InputPasswordSet/InputPasswordSet";
-export type { InputPasswordSetProps } from "./InputPasswordSet/InputPasswordSetInterfaces";
-export type { TranslatedString } from "./TranslatedString";
-export { InputAutocomplete } from "./baseTypes/InputAutocomplete/InputAutocomplete";
-export type { InputAutocompleteProps } from "./baseTypes/InputAutocomplete/InputAutocompleteInterfaces";
-export { InputCheckbox } from "./baseTypes/InputCheckbox/InputCheckbox";
-export type { InputCheckboxProps } from "./baseTypes/InputCheckbox/InputCheckbox";
-export { InputDateTimePicker } from "./baseTypes/InputDateTimePicker/InputDateTimePicker";
-export type { InputDateTimePickerProps } from "./baseTypes/InputDateTimePicker/InputDateTimePicker";
-export { InputRadio } from "./baseTypes/InputRadio/InputRadio";
-export type { InputRadioProps } from "./baseTypes/InputRadio/InputRadio";
-export { InputSelect } from "./baseTypes/InputSelect/InputSelect";
-export type { InputSelectProps } from "./baseTypes/InputSelect/InputSelect";
-export { InputSelectFromEnum } from "./baseTypes/InputSelectFromEnum/InputSelectFromEnum";
-export type { InputSelectFromEnumProps } from "./baseTypes/InputSelectFromEnum/InputSelectFromEnumInterfaces";
-export { InputText } from "./baseTypes/InputText/InputText";
-export type { InputTextProps } from "./baseTypes/InputText/InputText";
-export { getFormError } from "./formHelper/getFormError";
-export { syncSubmit } from "./formHelper/syncSubmit";
-export { useHookForm } from "./formHelper/useHookForm";
-export { useHookFormContext } from "./formHelper/useHookFormContext";
-export { useMergedFormField } from "./formHelper/useMergedFormField";
-export { useSortedOptionsWithGroup } from "./formHelper/useSortedOptionsWithGroup";
-export { useTranslateString } from "./formHelper/useTranslateString";
-export type { FormField, FormFieldTranslated, LabeledValue, TranslatedValidate, } from "./inputTypes";

package/dist/formFields/inputTypes.d.ts

@@ -1,76 +0,0 @@
-import { TFunction } from "i18next";
-import { RegisterOptions } from "react-hook-form";
-import { TranslatedString } from "./TranslatedString";
-/**
- * An arbitrary value with a human-readable label.
- * To be used for selects/autocompletes/….
- */
-export interface LabeledValue {
-    label: string;
-    value: string | number;
-    /**
-     * A string can be provided to indicate a reason for being disabled.
-     */
-    disabled?: boolean | string;
-}
-/**
- * An arbitrary value, a human-readable label and a group.
- * To be used for selects/autocompletes/….
- */
-export interface LabeledValueWithGrouping extends LabeledValue {
-    group?: string;
-}
-export type TranslatedValidate = (t: TFunction) => RegisterOptions["validate"];
-/**
- * Generic props received by any form field.
- *
- * String values can be given as TranslatedString to faclitate having static defaults.
- */
-export interface FormField {
-    /**
-     * The label shown to the user.
-     */
-    label?: string | TranslatedString;
-    /**
-     * The name within the react-hook-form context.
-     */
-    name: string;
-    /**
-     * T Function from i18next for translating stuff.
-     */
-    t?: TFunction;
-    /**
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Shown when the field is not filled out, but required.
-     */
-    requiredErrorMessage?: string | TranslatedString;
-    /**
-     * Custom validation function(s) for the field.
-     *
-     * Note: this is expected to be a function (receiving a TFunction) returning the validation function.
-     *
-     * @example
-     * ```
-     *    // validate a string input, returning a translated error message
-     *    const validate = (t) => (input: string) => {
-     *        if (!input) {
-     *          return t("common:invalidStuff")
-     *        }
-     *    }
-     * ```
-     */
-    validate?: RegisterOptions["validate"] | {
-        translated: TranslatedValidate;
-    } | undefined;
-}
-/**
- * The FormField with applied translations.
- */
-export interface FormFieldTranslated extends Omit<FormField, "label" | "requiredErrorMessage" | "validate"> {
-    label: string;
-    requiredErrorMessage: string;
-    validate: RegisterOptions["validate"] | undefined;
-}

package/dist/packageExports.d.ts

@@ -1,7 +0,0 @@
-/**
- * This is the main package file, containing everything that our package exports.
- */
-export { LoadingButton, LoadingButtonState, loadingButtonStateFromFormState, loadingButtonStateFromReactQueryMutationStatus, useLoadingButtonStateFromFormContext, } from "./LoadingButton";
-export type { LoadingButtonProps } from "./LoadingButton";
-export { HookFormProvider, InputAutocomplete, InputCheckbox, InputDateTimePicker, InputEmail, InputPasswordSet, InputRadio, InputSelect, InputSelectFromEnum, InputText, getFormError, syncSubmit, useHookForm, useHookFormContext, useMergedFormField, useSortedOptionsWithGroup, useTranslateString, } from "./formFields";
-export type { FormField, FormFieldTranslated, InputAutocompleteProps, InputCheckboxProps, InputDateTimePickerProps, InputEmailProps, InputPasswordSetProps, InputRadioProps, InputSelectFromEnumProps, InputSelectProps, InputTextProps, LabeledValue, TranslatedString, TranslatedValidate, } from "./formFields/";