remove debug statements

add react to scope
implement disabled

Author: gstewart86

frontend/packages/pydantic-forms/src/components/defaultComponentMatchers.ts

@@ -4,12 +4,12 @@
  * We will search for the first field that returns a positive match
  */
 import {
+    CheckboxField,
     DividerField,
     HiddenField,
     IntegerField,
     LabelField,
     TextAreaField,
-    CheckboxField
 } from '@/components/fields';
 import {
     PydanticComponentMatcher,
@@ -91,10 +91,8 @@ const defaultComponentMatchers: PydanticComponentMatcher[] = [
             isControlledElement: true,
         },
         matcher(field) {
-            return (
-                field.type === PydanticFormFieldType.BOOLEAN
-            );
-        }
+            return field.type === PydanticFormFieldType.BOOLEAN;
+        },
     },
 ];
 

frontend/packages/pydantic-forms/src/components/fields/CheckboxField.tsx

@@ -1,20 +1,22 @@
+import React from 'react';
+
 import { PydanticFormControlledElementProps } from '@/types';
 
-export const CheckboxField = ({ 
-  onChange, 
-  onBlur, 
-  value, 
-  name,
-  pydanticFormField
+export const CheckboxField = ({
+    onChange,
+    onBlur,
+    value,
+    name,
+    disabled,
 }: PydanticFormControlledElementProps) => {
-  console.log(pydanticFormField);
-  return (
-    <input
-      type="checkbox"
-      checked={value}
-      onChange={() => onChange(!value)}
-      onBlur={onBlur}
-      name={name}
-    />
-  );
-};
+    return (
+        <input
+            type="checkbox"
+            checked={value}
+            onChange={() => onChange(!value)}
+            onBlur={onBlur}
+            name={name}
+            disabled={disabled}
+        />
+    );
+};

frontend/packages/pydantic-forms/src/core/mapFieldToComponent.ts

@@ -84,11 +84,9 @@ export const getComponentMatcher = (
             return matcher(field);
         });
 
-        console.log('Matched component __' + matchedComponent?.matcher)
         if (matchedComponent) return matchedComponent;
 
         // Defaults to textField when there are no matches
-        console.log('No match found for field ' + field.id);
         return {
             id: 'textfield',
             ElementMatch: {