@povio/ui 3.4.0-rc.1 → 3.4.0-rc.11

package/dist/hooks/useForm.d.ts

@@ -1,42 +1,18 @@
-import { AnyFormApi, DeepKeys, DeepValue, ReactFormExtendedApi } from '@tanstack/react-form';
+import { BrowserNativeObject, ExtractObjects, FieldValues, NestedValue, UseFormProps as UseReactHookFormProps } from 'react-hook-form';
 import { z } from 'zod';
-type FormMode = "all" | "onBlur" | "onChange" | "onSubmit" | "onTouched";
-type FieldValidators = {
-    onBlur?: ({ value }: {
-        value: unknown;
-    }) => string | undefined;
-    onChange?: ({ value }: {
-        value: unknown;
-    }) => string | undefined;
-};
-export type FormSubmitHandler<TValues> = (values: TValues) => void | Promise<void>;
-export type FormSubmitErrorHandler<TValues> = (errors: unknown, values: TValues) => unknown;
-type TanStackForm<TFieldValues> = ReactFormExtendedApi<TFieldValues, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, never>;
-export type UIForm<TFieldValues extends Record<string, unknown> = Record<string, unknown>> = Omit<TanStackForm<TFieldValues>, "handleSubmit"> & {
-    readonly disabled: boolean;
-    getFieldValidators: (name: DeepKeys<TFieldValues>) => FieldValidators | undefined;
-    notifyBlur: (name: DeepKeys<TFieldValues>) => void;
-    parseValues: (values: TFieldValues) => unknown;
-    subscribeBlur: (listener: (name: DeepKeys<TFieldValues>) => void) => () => void;
-    handleSubmit: (onValid: FormSubmitHandler<any>, onInvalid?: FormSubmitErrorHandler<TFieldValues>) => (event?: {
-        preventDefault?: () => void;
-        stopPropagation?: () => void;
-    }) => Promise<void>;
+type DeepNullablePartial<T> = T extends BrowserNativeObject | NestedValue ? T : {
+    [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] | null : DeepNullablePartial<T[K]>;
 };
 type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
-type NullableDefaults<T> = T extends Date | File | Blob ? T : T extends Array<infer TItem> ? Array<NullableDefaults<TItem>> : T extends object ? {
-    [K in keyof T]?: NullableDefaults<T[K]> | null;
-} : T | null;
-export interface UseFormProps<TFieldValues, TTransformedValues = TFieldValues> {
-    defaultValues?: NullableDefaults<TFieldValues> | AsyncDefaultValues<TFieldValues>;
-    disabled?: boolean;
-    mode?: FormMode;
-    onSubmitAsync?: (props: {
-        value: TFieldValues;
-    }) => Promise<unknown>;
-    zodSchema?: z.ZodType<TTransformedValues, TFieldValues>;
-}
-export declare function useForm<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = unknown, TTransformedValues = TFieldValues>({ defaultValues, disabled, mode, onSubmitAsync, zodSchema, }?: UseFormProps<TFieldValues, TTransformedValues>): UIForm<TFieldValues>;
-export declare const useFormValue: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (values: TFieldValues) => TSelected) => TSelected;
-export declare const useFormState: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (state: UIForm<TFieldValues>["state"]) => TSelected) => TSelected;
-export type { AnyFormApi, DeepKeys, DeepValue };
+type NullableDefaultValues<TFieldValues> = TFieldValues extends AsyncDefaultValues<TFieldValues> ? DeepNullablePartial<Awaited<TFieldValues>> : DeepNullablePartial<TFieldValues>;
+export type UseFormResolverProps<TFieldValues extends FieldValues, TTransformedValues = TFieldValues> = {
+    zodSchema: z.ZodType<TTransformedValues, TFieldValues>;
+    resolver?: never;
+} | {
+    zodSchema?: never;
+};
+export type UseFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues = TFieldValues> = Omit<UseReactHookFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & {
+    defaultValues?: NullableDefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
+};
+export declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ resolver, zodSchema, defaultValues, ...props }: UseFormProps<TFieldValues, TContext, TTransformedValues> & UseFormResolverProps<TFieldValues, TTransformedValues>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+export {};

package/dist/hooks/useForm.js

@@ -1,101 +1,48 @@
 import { c } from "react/compiler-runtime";
-import { useEffect, useMemo, useRef } from "react";
-import { useForm, useStore } from "@tanstack/react-form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 //#region src/hooks/useForm.ts
-function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmitAsync, zodSchema } = {}) {
-	const submitHandlerRef = useRef(() => void 0);
-	const submitErrorHandlerRef = useRef(void 0);
-	const blurListenersRef = useRef(/* @__PURE__ */ new Set());
-	const fieldValidators = useMemo(() => {
-		return /* @__PURE__ */ new Map();
-	}, [mode, zodSchema]);
-	const formValidator = useMemo(() => {
-		if (!zodSchema) return;
-		return ({ value }) => {
-			const result = zodSchema.safeParse(value);
-			if (result.success) return;
-			return { fields: Object.fromEntries(result.error.issues.map((issue) => [pathToString(issue.path), issue.message])) };
-		};
-	}, [zodSchema]);
-	const form = useForm({
-		defaultValues: (typeof defaultValues === "function" ? {} : defaultValues) ?? {},
-		validators: formValidator || onSubmitAsync ? {
-			onSubmit: formValidator,
-			onSubmitAsync
-		} : void 0,
-		onSubmit: async ({ value: value_0 }) => {
-			const transformed = zodSchema ? zodSchema.parse(value_0) : value_0;
-			await submitHandlerRef.current(transformed);
-		},
-		onSubmitInvalid: ({ value: value_1, formApi }) => {
-			submitErrorHandlerRef.current?.(formApi.state.errors, value_1);
-		}
-	});
-	const originalHandleSubmit = useMemo(() => form.handleSubmit.bind(form), [form]);
-	const uiForm = form;
-	Object.defineProperties(uiForm, { disabled: {
-		configurable: true,
-		get: () => disabled
-	} });
-	uiForm.getFieldValidators = (name) => {
-		const cached = fieldValidators.get(name);
-		if (cached || fieldValidators.has(name)) return cached;
-		const schema = zodSchema ? getSchemaAtPath(zodSchema, name) : void 0;
-		if (!schema || mode === "onSubmit") {
-			fieldValidators.set(name, void 0);
-			return;
-		}
-		const validate = ({ value: value_2 }) => {
-			const result_0 = schema.safeParse(value_2);
-			return result_0.success ? void 0 : result_0.error.issues[0]?.message;
+function useForm$1(t0) {
+	const $ = c(12);
+	let defaultValues;
+	let props;
+	let resolver;
+	let zodSchema;
+	if ($[0] !== t0) {
+		({resolver, zodSchema, defaultValues, ...props} = t0);
+		$[0] = t0;
+		$[1] = defaultValues;
+		$[2] = props;
+		$[3] = resolver;
+		$[4] = zodSchema;
+	} else {
+		defaultValues = $[1];
+		props = $[2];
+		resolver = $[3];
+		zodSchema = $[4];
+	}
+	let t1;
+	if ($[5] !== resolver || $[6] !== zodSchema) {
+		t1 = resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0);
+		$[5] = resolver;
+		$[6] = zodSchema;
+		$[7] = t1;
+	} else t1 = $[7];
+	const formResolver = t1;
+	const t2 = defaultValues;
+	let t3;
+	if ($[8] !== formResolver || $[9] !== props || $[10] !== t2) {
+		t3 = {
+			...props,
+			resolver: formResolver,
+			defaultValues: t2
 		};
-		const validators = mode === "onChange" || mode === "all" ? { onChange: validate } : { onBlur: validate };
-		fieldValidators.set(name, validators);
-		return validators;
-	};
-	uiForm.notifyBlur = (name_0) => {
-		for (const listener of blurListenersRef.current) listener(name_0);
-	};
-	uiForm.parseValues = (values) => zodSchema ? zodSchema.parse(values) : values;
-	uiForm.subscribeBlur = (listener_0) => {
-		blurListenersRef.current.add(listener_0);
-		return () => blurListenersRef.current.delete(listener_0);
-	};
-	uiForm.handleSubmit = (onValid, onInvalid) => async (event) => {
-		event?.preventDefault?.();
-		event?.stopPropagation?.();
-		submitHandlerRef.current = onValid;
-		submitErrorHandlerRef.current = onInvalid;
-		await originalHandleSubmit();
-	};
-	useEffect(() => {
-		if (typeof defaultValues === "function") defaultValues().then((values_0) => form.reset(values_0));
-	}, [defaultValues, form]);
-	return uiForm;
+		$[8] = formResolver;
+		$[9] = props;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return useForm(t3);
 }
-var useFormValue = (form, selector) => {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== selector) {
-		t0 = (state) => selector(state.values);
-		$[0] = selector;
-		$[1] = t0;
-	} else t0 = $[1];
-	return useStore(form.store, t0);
-};
-var useFormState = (form, selector) => {
-	return useStore(form.store, selector);
-};
-var getSchemaAtPath = (rootSchema, path) => {
-	let schema = rootSchema;
-	for (const segment of parsePath(path)) {
-		while (schema?.unwrap && !schema.shape && !schema.element && !schema.items) schema = schema.unwrap();
-		schema = typeof segment === "number" ? schema?.element ?? schema?.items?.[segment] : schema?.shape?.[segment];
-		if (!schema) return;
-	}
-	return schema;
-};
-var parsePath = (path) => path.replaceAll("[", ".").replaceAll("]", "").split(".").filter(Boolean).map((segment) => /^\d+$/.test(segment) ? Number(segment) : segment);
-var pathToString = (path) => path.reduce((result, segment) => typeof segment === "number" ? `${result}[${segment}]` : result ? `${result}.${String(segment)}` : String(segment), "");
 //#endregion
-export { useForm$1 as useForm, useFormState, useFormValue };
+export { useForm$1 as useForm };

package/dist/hooks/useFormAutosave.d.ts

@@ -1,14 +1,15 @@
 import { DependencyList } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { UseAutosaveProps } from './useAutosave';
-import { UseFormProps } from './useForm';
-export type UseFormAutosaveProps<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TTransformedValues>, "defaultValues"> & {
-    autosaveDelay?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["delay"];
-    enableAutosave?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["enabled"];
-    autosaveOn?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["trigger"];
+import { UseFormProps, UseFormResolverProps } from './useForm';
+export type UseFormAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & UseFormResolverProps<TFieldValues, TTransformedValues> & {
+    autosaveDelay?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["delay"];
+    enableAutosave?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["enabled"];
+    autosaveOn?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["trigger"];
     normalizeAutosaveData?: (data: Partial<TTransformedValues>) => Partial<TTransformedValues> | undefined;
-    onAutosave: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["onSave"];
-    getResetValues: () => UseFormProps<TFieldValues, TTransformedValues>["defaultValues"];
+    onAutosave: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["onSave"];
+    getResetValues: () => UseFormProps<TFieldValues, TContext, TTransformedValues>["defaultValues"];
     resetDeps: DependencyList;
     resetTimeout?: number;
 };
-export declare function useFormAutosave<TFieldValues extends Record<string, unknown> = Record<string, unknown>, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, autosaveOn, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('./useForm').UIForm<TFieldValues>;
+export declare function useFormAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, autosaveOn, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;

package/dist/hooks/useFormAutosave.js

@@ -26,19 +26,15 @@ function useFormAutosave({ autosaveDelay, enableAutosave, autosaveOn = "change",
 		const resetValues = getResetValues();
 		if (resetValues === void 0) return;
 		const resetFormValues = async () => {
-			const keepCurrentValues = shouldResetFormValuesRef.current;
+			const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
 			shouldResetFormValuesRef.current = false;
-			let values;
+			let values = resetValues;
 			if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
-			else values = resetValues;
-			form.reset(keepCurrentValues ? {
-				...values,
-				...form.state.values
-			} : values);
+			form.reset(values, keepStateOptions);
 		};
 		resetFormValues();
 	}, [...resetDeps]);
-	const prepareForSaveReset = () => {
+	const onSaveSuccess = () => {
 		shouldResetFormValuesRef.current = true;
 		if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
 		resetFormValuesTimeoutRef.current = setTimeout(() => {
@@ -50,22 +46,12 @@ function useFormAutosave({ autosaveDelay, enableAutosave, autosaveOn = "change",
 		delay: autosaveDelay,
 		enabled: enableAutosave,
 		trigger: autosaveOn,
-		onSave: useCallback(async (data) => {
+		onSave: useCallback((data) => {
 			const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
-			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return;
-			prepareForSaveReset();
-			try {
-				return await onAutosave(normalizedData);
-			} catch (error) {
-				shouldResetFormValuesRef.current = false;
-				if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-				throw error;
-			}
-		}, [
-			normalizeAutosaveData,
-			onAutosave,
-			resetTimeout
-		])
+			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return Promise.resolve(void 0);
+			return onAutosave(normalizedData);
+		}, [normalizeAutosaveData, onAutosave]),
+		onSaveSuccess
 	});
 	return form;
 }

package/dist/index.d.ts

@@ -230,8 +230,8 @@ export { useDebounceCallback } from './hooks/useDebounceCallback';
 export { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from './hooks/useDeepCompare';
 export type { FilterStore } from './hooks/useFilters';
 export { useFilters } from './hooks/useFilters';
-export type { DeepKeys, DeepValue, FormSubmitErrorHandler, FormSubmitHandler, UIForm, UseFormProps, } from './hooks/useForm';
-export { useForm, useFormState, useFormValue } from './hooks/useForm';
+export type { UseFormProps, UseFormResolverProps } from './hooks/useForm';
+export { useForm } from './hooks/useForm';
 export type { UseFormAutosaveProps } from './hooks/useFormAutosave';
 export { useFormAutosave } from './hooks/useFormAutosave';
 export { useIntersectionObserver } from './hooks/useIntersectionObserver';

package/dist/index.js

@@ -87,10 +87,10 @@ import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
 import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
 import { tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag } from "./components/text/Tag/Tag.js";
-import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
 import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
 import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
@@ -170,11 +170,11 @@ import { dynamicColumns } from "./helpers/dynamicColumns.js";
 import { useAutosave } from "./hooks/useAutosave.js";
 import { RoutingUtils } from "./utils/routing.utils.js";
 import { useFilters } from "./hooks/useFilters.js";
-import { useForm, useFormState, useFormValue } from "./hooks/useForm.js";
+import { useForm } from "./hooks/useForm.js";
 import { useFormAutosave } from "./hooks/useFormAutosave.js";
 import { usePagination } from "./hooks/usePagination.js";
 import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.1",
+  "version": "3.4.0-rc.11",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,6 +20,7 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^5.2.2",
     "@internationalized/date": "^3.11.0",
     "@react-aria/button": "^3.14.4",
     "@react-aria/calendar": "^3.9.4",
@@ -29,7 +30,6 @@
     "@react-stately/calendar": "^3.9.2",
     "@react-stately/datepicker": "^3.16.0",
     "@react-types/shared": "^3.33.0",
-    "@tanstack/react-form": "^1.33.2",
     "@tanstack/react-table": "^8.21.3",
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
@@ -40,6 +40,7 @@
     "motion": "~12.23.24",
     "react-aria": "^3.46.0",
     "react-aria-components": "^1.15.1",
+    "react-hook-form": "^7.65.0",
     "react-responsive": "^10.0.1",
     "react-stately": "^3.44.0",
     "react-toastify": "^11.0.5",

package/dist/components/inputs/shared/form.binding.d.ts

@@ -1,27 +0,0 @@
-import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
-export type FieldValues = Record<string, any>;
-export type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
-export type FieldPathValue<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = DeepValue<TFieldValues, TName>;
-export type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
-interface FieldControllerProps<TFieldValues extends FieldValues> {
-    control: UIForm<TFieldValues>;
-    name: DeepKeys<TFieldValues>;
-    render: (props: {
-        field: {
-            disabled: boolean;
-            name: string;
-            onBlur: () => void;
-            onChange: (value: any) => void;
-            ref: () => void;
-            value: any;
-        };
-        fieldState: {
-            error?: {
-                message: string;
-            };
-            isDirty: boolean;
-        };
-    }) => React.ReactNode;
-}
-export declare function FieldController<TFieldValues extends FieldValues>({ control: form, name, render, }: FieldControllerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/inputs/shared/form.binding.js

@@ -1,57 +0,0 @@
-import { getFieldError } from "./form.types.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/shared/form.binding.tsx
-function FieldController(t0) {
-	const $ = c(12);
-	const { control: form, name, render } = t0;
-	const T0 = form.Field;
-	let t1;
-	if ($[0] !== form || $[1] !== name) {
-		t1 = form.getFieldValidators(name);
-		$[0] = form;
-		$[1] = name;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== form || $[4] !== name || $[5] !== render) {
-		t2 = (field) => render({
-			field: {
-				disabled: form.disabled,
-				name: field.name,
-				onBlur: () => {
-					field.handleBlur();
-					form.notifyBlur(name);
-				},
-				onChange: field.handleChange,
-				ref: _temp,
-				value: field.state.value
-			},
-			fieldState: {
-				error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
-				isDirty: field.state.meta.isDirty
-			}
-		});
-		$[3] = form;
-		$[4] = name;
-		$[5] = render;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== form.Field || $[8] !== name || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(T0, {
-			name,
-			validators: t1,
-			children: t2
-		});
-		$[7] = form.Field;
-		$[8] = name;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
-}
-function _temp() {}
-//#endregion
-export { FieldController };

package/dist/components/inputs/shared/form.types.js

@@ -1,8 +0,0 @@
-//#region src/components/inputs/shared/form.types.ts
-var getFieldError = (errors) => errors.flatMap((error) => {
-	if (typeof error === "string") return [error];
-	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
-	return [];
-}).at(0);
-//#endregion
-export { getFieldError };