@douglasneuroinformatics/libui 3.6.5 → 3.7.0

package/dist/components.d.ts

@@ -1231,6 +1231,10 @@ declare const FileDropzone: ({ acceptedFileTypes, className, description, file,
 
 type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>> = {
     [key: `data-${string}`]: unknown;
+    additionalButtons?: {
+        left?: React.ReactNode;
+        right?: React.ReactNode;
+    };
     className?: string;
     content: FormContent<TData>;
     fieldsFooter?: React.ReactNode;
@@ -1245,7 +1249,7 @@ type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<T
     submitBtnLabel?: string;
     validationSchema: z.ZodType<TData>;
 };
-declare const Form: <TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ className, content, fieldsFooter, id, initialValues, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
+declare const Form: <TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ additionalButtons, className, content, fieldsFooter, id, initialValues, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element;
 
 type HeadingProps = {
     children: string;

package/dist/components.js

@@ -2069,7 +2069,7 @@ var FileDropzone = ({
 };
 
 // src/components/Form/Form.tsx
-import { useEffect as useEffect10, useLayoutEffect, useState as useState8 } from "react";
+import { useEffect as useEffect10, useState as useState8 } from "react";
 import { get, set } from "lodash-es";
 import { twMerge } from "tailwind-merge";
 import "zod";
@@ -3414,6 +3414,7 @@ function getInitialValues(values) {
 // src/components/Form/Form.tsx
 import { jsx as jsx136, jsxs as jsxs47 } from "react/jsx-runtime";
 var Form = ({
+  additionalButtons,
   className,
   content,
   fieldsFooter,
@@ -3484,7 +3485,7 @@ var Form = ({
   useEffect10(() => {
     revalidate();
   }, [resolvedLanguage]);
-  useLayoutEffect(() => {
+  useEffect10(() => {
     if (initialValues) {
       setValues(getInitialValues(initialValues));
     }
@@ -3530,6 +3531,7 @@ var Form = ({
         ),
         fieldsFooter,
         /* @__PURE__ */ jsxs47("div", { className: "flex w-full gap-3", children: [
+          additionalButtons?.left,
           /* @__PURE__ */ jsx136(Button, { "aria-label": "Submit", className: "block w-full", disabled: readOnly, type: "submit", variant: "primary", children: submitBtnLabel ?? t("form.submit") }),
           resetBtn && /* @__PURE__ */ jsx136(
             Button,
@@ -3542,7 +3544,8 @@ var Form = ({
               onClick: reset,
               children: t("form.reset")
             }
-          )
+          ),
+          additionalButtons?.right
         ] }),
         Boolean(rootErrors.length) && /* @__PURE__ */ jsx136(ErrorMessage, { error: rootErrors })
       ]