add Checkbox field

Author: gstewart86

.gitignore

@@ -18,4 +18,5 @@ __pycache__/
 .vscode
 test
 .idea
-todo.md
+todo.md
+venv

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

@@ -11,6 +11,7 @@ import {
     LabelField,
     RadioField,
     TextAreaField,
+    CheckboxField
 } from '@/components/fields';
 import {
     PydanticComponentMatcher,
@@ -115,5 +116,6 @@ const defaultComponentMatchers: PydanticComponentMatcher[] = [
         },
     },
 ];
+
 // If nothing  matches, it defaults to Text field in the mapToComponent function
 export default defaultComponentMatchers;

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

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

frontend/packages/pydantic-forms/src/components/fields/index.ts

@@ -3,6 +3,7 @@ export * from './FormRow';
 export * from './TextField';
 export * from './IntegerField';
 export * from './TextAreaField';
+export * from './CheckboxField';
 export * from './LabelField';
 export * from './DividerField';
 export * from './HiddenField';

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

@@ -84,9 +84,11 @@ 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: {