@douglasneuroinformatics/libui 3.7.3 → 3.7.5

package/dist/components.d.ts

@@ -1249,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>>({ additionalButtons, className, content, fieldsFooter, id, initialValues, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => react_jsx_runtime.JSX.Element | null;
+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

@@ -2118,7 +2118,7 @@ import "react";
 import { match as match7 } from "ts-pattern";
 
 // src/components/Form/NumberRecordField.tsx
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect4, useRef as useRef3 } from "react";
 
 // src/components/Form/NumberField/NumberField.tsx
 import { match as match2 } from "ts-pattern";
@@ -2633,8 +2633,12 @@ var NumberRecordField = ({
   setValue: setRecordValue,
   value: recordValue
 }) => {
+  const isFirstRenderRef = useRef3(true);
   useEffect4(() => {
-    setRecordValue({});
+    if (isFirstRenderRef.current && !recordValue || !isFirstRenderRef.current) {
+      setRecordValue({});
+    }
+    isFirstRenderRef.current = false;
   }, [options]);
   if (!recordValue) {
     return null;
@@ -2664,7 +2668,7 @@ var NumberRecordField = ({
 };
 
 // src/components/Form/RecordArrayField.tsx
-import { memo, useEffect as useEffect8 } from "react";
+import { memo, useEffect as useEffect8, useRef as useRef4 } from "react";
 import { MinusCircleIcon, PlusCircleIcon } from "lucide-react";
 
 // src/components/Form/BooleanField/BooleanField.tsx
@@ -2686,7 +2690,7 @@ var BooleanFieldCheckbox = ({
       /* @__PURE__ */ jsx117(
         Checkbox,
         {
-          checked: value,
+          checked: Boolean(value),
           disabled: disabled || readOnly,
           id: name,
           name,
@@ -3223,10 +3227,14 @@ var RecordArrayField = memo(function RecordArrayField2({
   setValue: setArrayValue,
   value: arrayValue
 }) {
+  const isFirstRenderRef = useRef4(true);
   const { t } = useTranslation("libui");
   const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, void 0]));
   useEffect8(() => {
-    setArrayValue([createNewRecord()]);
+    if (isFirstRenderRef.current && !arrayValue || !isFirstRenderRef.current) {
+      setArrayValue([createNewRecord()]);
+    }
+    isFirstRenderRef.current = false;
   }, [fieldset]);
   if (!arrayValue) {
     return null;
@@ -3433,8 +3441,9 @@ var Form = ({
   const { resolvedLanguage, t } = useTranslation("libui");
   const [rootErrors, setRootErrors] = useState8([]);
   const [errors, setErrors] = useState8({});
-  const [values, setValues] = useState8({});
-  const [isInitialSetValuesComplete, setIsInitialSetValuesComplete] = useState8(false);
+  const [values, setValues] = useState8(
+    initialValues ? getInitialValues(initialValues) : {}
+  );
   const handleError = (error) => {
     const fieldErrors = {};
     for (const issue of error.issues) {
@@ -3486,15 +3495,6 @@ var Form = ({
   useEffect10(() => {
     revalidate();
   }, [resolvedLanguage]);
-  useEffect10(() => {
-    if (initialValues) {
-      setValues(getInitialValues(initialValues));
-    }
-    setIsInitialSetValuesComplete(true);
-  }, [initialValues]);
-  if (!isInitialSetValuesComplete) {
-    return null;
-  }
   return /* @__PURE__ */ jsxs47(
     "form",
     {