@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/rhf/text-input.d.ts

@@ -0,0 +1,8 @@
+import { TextInputProps } from "../components/text-input.js";
+import { ControlProps } from "./form.types.js";
+import { FieldValues } from "react-hook-form";
+//#region src/entries/rhf/text-input.d.ts
+type ControlledTextInputProps<TFieldValues extends FieldValues> = ControlProps<TextInputProps, TFieldValues>;
+declare const TextInput: <TFieldValues extends FieldValues>(props: ControlledTextInputProps<TFieldValues>) => import("react").ReactNode;
+//#endregion
+export { ControlledTextInputProps, TextInput, type TextInputProps };

package/dist/rhf/text-input.js

@@ -0,0 +1,7 @@
+import { TextInput as TextInput$1 } from "../components/text-input.js";
+import { renderRHFField } from "./fieldAdapter.js";
+import { runtime } from "./entry.utils.js";
+//#region src/entries/rhf/text-input.ts
+const TextInput = (props) => renderRHFField(runtime(TextInput$1), props);
+//#endregion
+export { TextInput };

package/dist/rhf/time-picker.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
+import { ControlledTimePickerProps, TimePicker } from "./components.js";
+export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/rhf/time-picker.js

@@ -0,0 +1,2 @@
+import { TimePicker } from "./components.js";
+export { TimePicker };

package/dist/rhf/toggle.d.ts

@@ -0,0 +1,3 @@
+import { ToggleProps } from "../components/toggle.js";
+import { ControlledToggleProps, Toggle } from "./components.js";
+export { type ControlledToggleProps, Toggle, type ToggleProps };

package/dist/rhf/toggle.js

@@ -0,0 +1,2 @@
+import { Toggle } from "./components.js";
+export { Toggle };

package/dist/rhf/useAutosave.d.ts

@@ -1,10 +1,13 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export interface UseAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> {
-    form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
-    delay?: number;
-    enabled?: boolean;
-    trigger?: "change" | "blur";
-    onSave: (data: Partial<TTransformedValues>) => Promise<TResponse>;
-    onSaveSuccess?: () => void;
+import { FieldValues, UseFormReturn } from "react-hook-form";
+//#region src/rhf/useAutosave.d.ts
+interface UseAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> {
+  form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+  delay?: number;
+  enabled?: boolean;
+  trigger?: "change" | "blur";
+  onSave: (data: Partial<TTransformedValues>) => Promise<TResponse>;
+  onSaveSuccess?: () => void;
 }
-export declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, trigger, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;
+declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, trigger, onSave, onSaveSuccess }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;
+//#endregion
+export { UseAutosaveProps, useAutosave };

package/dist/rhf/useForm.d.ts

@@ -1,18 +1,18 @@
-import { BrowserNativeObject, ExtractObjects, FieldValues, NestedValue, UseFormProps as UseReactHookFormProps } from 'react-hook-form';
-import { z } from 'zod';
-type DeepNullablePartial<T> = T extends BrowserNativeObject | NestedValue ? T : {
-    [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] | null : DeepNullablePartial<T[K]>;
-};
+import { BrowserNativeObject, ExtractObjects, FieldValues, NestedValue, UseFormProps } from "react-hook-form";
+import { z } from "zod";
+//#region src/rhf/useForm.d.ts
+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 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;
+type UseFormResolverProps<TFieldValues extends FieldValues, TTransformedValues = TFieldValues> = {
+  zodSchema: z.ZodType<TTransformedValues, TFieldValues>;
+  resolver?: never;
 } | {
-    zodSchema?: never;
+  zodSchema?: never;
 };
-export type UseFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues = TFieldValues> = Omit<UseReactHookFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & {
-    defaultValues?: NullableDefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
+type UseFormProps$1<TFieldValues extends FieldValues, TContext, TTransformedValues = TFieldValues> = Omit<UseFormProps<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 {};
+declare function useForm$1<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ resolver, zodSchema, defaultValues, ...props }: UseFormProps$1<TFieldValues, TContext, TTransformedValues> & UseFormResolverProps<TFieldValues, TTransformedValues>): import("react-hook-form").UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+//#endregion
+export { UseFormProps$1 as UseFormProps, UseFormResolverProps, useForm$1 as useForm };

package/dist/rhf/useFormAutosave.d.ts

@@ -1,15 +1,18 @@
-import { DependencyList } from 'react';
-import { FieldValues } from 'react-hook-form';
-import { UseAutosaveProps } from './useAutosave';
-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, TContext, TTransformedValues, TResponse>["onSave"];
-    getResetValues: () => UseFormProps<TFieldValues, TContext, TTransformedValues>["defaultValues"];
-    resetDeps: DependencyList;
-    resetTimeout?: number;
+import { UseAutosaveProps } from "./useAutosave.js";
+import { UseFormProps as UseFormProps$1, UseFormResolverProps } from "./useForm.js";
+import { DependencyList } from "react";
+import { FieldValues } from "react-hook-form";
+//#region src/rhf/useFormAutosave.d.ts
+type UseFormAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps$1<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, TContext, TTransformedValues, TResponse>["onSave"];
+  getResetValues: () => UseFormProps$1<TFieldValues, TContext, TTransformedValues>["defaultValues"];
+  resetDeps: DependencyList;
+  resetTimeout?: number;
 };
-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>;
+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>;
+//#endregion
+export { UseFormAutosaveProps, useFormAutosave };

package/dist/rhf/useFormAutosave.js

@@ -1,9 +1,10 @@
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
-import { useCallback, useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
 //#region src/rhf/useFormAutosave.ts
-var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
+const getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
 Problem: Form values weren't reset after submission.
 
 Likely causes:
@@ -15,44 +16,130 @@ Solutions:
 1. Ensure reset dependencies include all relevant state variables
 2. Confirm your submission handler updates state properly (check query invalidation)
 3. For slower operations, consider increasing the timeout threshold`;
-function useFormAutosave({ autosaveDelay, enableAutosave, autosaveOn = "change", normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout = 5e3, ...props }) {
-	const form = useForm({
-		...props,
-		defaultValues: getResetValues()
-	});
+function useFormAutosave(t0) {
+	const $ = c(32);
+	let autosaveDelay;
+	let enableAutosave;
+	let getResetValues;
+	let normalizeAutosaveData;
+	let onAutosave;
+	let props;
+	let resetDeps;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({autosaveDelay, enableAutosave, autosaveOn: t1, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = autosaveDelay;
+		$[2] = enableAutosave;
+		$[3] = getResetValues;
+		$[4] = normalizeAutosaveData;
+		$[5] = onAutosave;
+		$[6] = props;
+		$[7] = resetDeps;
+		$[8] = t1;
+		$[9] = t2;
+	} else {
+		autosaveDelay = $[1];
+		enableAutosave = $[2];
+		getResetValues = $[3];
+		normalizeAutosaveData = $[4];
+		onAutosave = $[5];
+		props = $[6];
+		resetDeps = $[7];
+		t1 = $[8];
+		t2 = $[9];
+	}
+	const autosaveOn = t1 === void 0 ? "change" : t1;
+	const resetTimeout = t2 === void 0 ? 5e3 : t2;
+	let t3;
+	if ($[10] !== getResetValues) {
+		t3 = getResetValues();
+		$[10] = getResetValues;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== props || $[13] !== t3) {
+		t4 = {
+			...props,
+			defaultValues: t3
+		};
+		$[12] = props;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	const form = useForm(t4);
 	const shouldResetFormValuesRef = useRef(false);
 	const resetFormValuesTimeoutRef = useRef(void 0);
-	useEffect(() => {
-		const resetValues = getResetValues();
-		if (resetValues === void 0) return;
-		const resetFormValues = async () => {
-			const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
-			shouldResetFormValuesRef.current = false;
-			let values = resetValues;
-			if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
-			form.reset(values, keepStateOptions);
+	let t5;
+	if ($[15] !== form || $[16] !== getResetValues) {
+		t5 = () => {
+			const resetValues = getResetValues();
+			if (resetValues === void 0) return;
+			const resetFormValues = async () => {
+				const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
+				shouldResetFormValuesRef.current = false;
+				let values = resetValues;
+				if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
+				form.reset(values, keepStateOptions);
+			};
+			resetFormValues();
+		};
+		$[15] = form;
+		$[16] = getResetValues;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== resetDeps) {
+		t6 = [...resetDeps];
+		$[18] = resetDeps;
+		$[19] = t6;
+	} else t6 = $[19];
+	useEffect(t5, t6);
+	let t7;
+	if ($[20] !== resetTimeout) {
+		t7 = () => {
+			shouldResetFormValuesRef.current = true;
+			if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
+			resetFormValuesTimeoutRef.current = setTimeout(() => {
+				if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
+			}, resetTimeout);
 		};
-		resetFormValues();
-	}, [...resetDeps]);
-	const onSaveSuccess = () => {
-		shouldResetFormValuesRef.current = true;
-		if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-		resetFormValuesTimeoutRef.current = setTimeout(() => {
-			if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
-		}, resetTimeout);
-	};
-	useAutosave({
-		form,
-		delay: autosaveDelay,
-		enabled: enableAutosave,
-		trigger: autosaveOn,
-		onSave: useCallback((data) => {
+		$[20] = resetTimeout;
+		$[21] = t7;
+	} else t7 = $[21];
+	const onSaveSuccess = t7;
+	let t8;
+	if ($[22] !== normalizeAutosaveData || $[23] !== onAutosave) {
+		t8 = (data) => {
 			const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
 			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return Promise.resolve(void 0);
 			return onAutosave(normalizedData);
-		}, [normalizeAutosaveData, onAutosave]),
-		onSaveSuccess
-	});
+		};
+		$[22] = normalizeAutosaveData;
+		$[23] = onAutosave;
+		$[24] = t8;
+	} else t8 = $[24];
+	const onSave = t8;
+	let t9;
+	if ($[25] !== autosaveDelay || $[26] !== autosaveOn || $[27] !== enableAutosave || $[28] !== form || $[29] !== onSave || $[30] !== onSaveSuccess) {
+		t9 = {
+			form,
+			delay: autosaveDelay,
+			enabled: enableAutosave,
+			trigger: autosaveOn,
+			onSave,
+			onSaveSuccess
+		};
+		$[25] = autosaveDelay;
+		$[26] = autosaveOn;
+		$[27] = enableAutosave;
+		$[28] = form;
+		$[29] = onSave;
+		$[30] = onSaveSuccess;
+		$[31] = t9;
+	} else t9 = $[31];
+	useAutosave(t9);
 	return form;
 }
 //#endregion