more component fixes

Author: mythz

src/components/AutoCreateForm.tsx

@@ -138,7 +138,10 @@ const AutoCreateForm = forwardRef<AutoCreateFormRef, AutoCreateFormProps & AutoC
     openModal
   }), [openModal])
 
-  const panelClass = useMemo(() => panelClassProp || form.panelClass(formStyle), [panelClassProp, formStyle])
+  const panelClass = useMemo(() => {
+    const defaultClass = form.panelClass(formStyle)
+    return panelClassProp ? `${defaultClass} ${panelClassProp}` : defaultClass
+  }, [panelClassProp, formStyle])
   const formClass = useMemo(() => formClassProp || form.formClass(formStyle), [formClassProp, formStyle])
   const headingClass = useMemo(() => headingClassProp || form.headingClass(formStyle), [headingClassProp, formStyle])
   const subHeadingClass = useMemo(() => subHeadingClassProp || form.subHeadingClass(formStyle), [subHeadingClassProp, formStyle])

src/components/AutoEditForm.tsx

@@ -143,7 +143,10 @@ const AutoEditForm = forwardRef<AutoEditFormRef, AutoEditFormProps & AutoEditFor
     openModal
   }), [openModal])
 
-  const panelClass = useMemo(() => panelClassProp || form.panelClass(formStyle), [panelClassProp, formStyle])
+  const panelClass = useMemo(() => {
+    const defaultClass = form.panelClass(formStyle)
+    return panelClassProp ? `${defaultClass} ${panelClassProp}` : defaultClass
+  }, [panelClassProp, formStyle])
   const formClass = useMemo(() => formClassProp || form.formClass(formStyle), [formClassProp, formStyle])
   const headingClass = useMemo(() => headingClassProp || form.headingClass(formStyle), [headingClassProp, formStyle])
   const subHeadingClass = useMemo(() => subHeadingClassProp || form.subHeadingClass(formStyle), [subHeadingClassProp, formStyle])

src/components/AutoForm.tsx

@@ -109,7 +109,10 @@ const AutoForm = forwardRef<AutoFormRef, AutoFormProps & AutoFormSlots>((props,
 
   const [api, setApi] = useState(new ApiResult())
 
-  const panelClass = useMemo(() => panelClassProp || form.panelClass(formStyle), [panelClassProp, formStyle])
+  const panelClass = useMemo(() => {
+    const defaultClass = form.panelClass(formStyle)
+    return panelClassProp ? `${defaultClass} ${panelClassProp}` : defaultClass
+  }, [panelClassProp, formStyle])
   const formClass = useMemo(() => formClassProp || form.formClass(formStyle), [formClassProp, formStyle])
   const headingClass = useMemo(() => headingClassProp || form.headingClass(formStyle), [headingClassProp, formStyle])
   const subHeadingClass = useMemo(() => subHeadingClassProp || form.subHeadingClass(formStyle), [subHeadingClassProp, formStyle])