@douglasneuroinformatics/libui 4.7.0 → 4.8.0

package/dist/components.d.ts

@@ -22,7 +22,7 @@ import * as _radix_ui_react_context_menu from '@radix-ui/react-context-menu';
 import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
 import { ZodTypeLike, ZodErrorLike } from '@douglasneuroinformatics/libjs';
-import { FormDataType, FormContent, PartialNullableFormDataType } from '@douglasneuroinformatics/libui-form-types';
+import { FormDataType, FormContent, PartialNullableFormDataType, PartialFormDataType } from '@douglasneuroinformatics/libui-form-types';
 import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { L as Language } from './types-CwW4nA_v.js';
@@ -1348,10 +1348,14 @@ type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema[
     resetBtn?: boolean;
     revalidateOnBlur?: boolean;
     submitBtnLabel?: string;
+    subscribe?: {
+        onChange: (values: PartialFormDataType<TData>, setValues: React.Dispatch<React.SetStateAction<PartialFormDataType<TData>>>) => Promisable<void>;
+        selector: (values: PartialFormDataType<TData>) => unknown;
+    };
     suspendWhileSubmitting?: boolean;
     validationSchema: ZodTypeLike<TData>;
 };
-declare const Form: <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema["_output"] = TSchema["_output"]>({ additionalButtons, className, content, customStyles, fieldsFooter, id, initialValues, onBeforeSubmit, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, suspendWhileSubmitting, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
+declare const Form: <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema["_output"] = TSchema["_output"]>({ additionalButtons, className, content, customStyles, fieldsFooter, id, initialValues, onBeforeSubmit, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, subscribe, suspendWhileSubmitting, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
 
 type HeadingProps = {
     children: string;

package/dist/components.js

@@ -3680,6 +3680,7 @@ var Form = ({
   resetBtn,
   revalidateOnBlur,
   submitBtnLabel,
+  subscribe,
   suspendWhileSubmitting,
   validationSchema,
   ...props
@@ -3712,6 +3713,12 @@ var Form = ({
       onError(error);
     }
   };
+  useEffect11(() => {
+    if (!subscribe) {
+      return;
+    }
+    subscribe.onChange(values, setValues);
+  }, [subscribe?.selector(values)]);
   const reset = () => {
     setRootErrors([]);
     setErrors({});