Add toggle switches support

pydantic · Dec 2, 2023 · 64f72db · 64f72db
1 parent 78d7f5e
commit 64f72db
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 2 deletions.
diff --git a/packages/fastui-bootstrap/src/index.tsx b/packages/fastui-bootstrap/src/index.tsx
@@ -58,8 +58,20 @@ export const classNameGenerator: ClassNameGenerator = ({ props, fullPath, subEle
             return 'col-md-4'
         }
       }
-    case 'FormFieldInput':
     case 'FormFieldCheckbox':
+      switch (subElement) {
+        case 'input':
+          return props.error ? 'is-invalid form-check-input' : 'form-check-input'
+        case 'label':
+          return 'form-check-label'
+        case 'error':
+          return 'invalid-feedback'
+        case 'description':
+          return 'form-text'
+        default:
+          return props.mode === 'checkbox' ? 'form-check' : 'form-check form-switch'
+      }
+    case 'FormFieldInput':
     case 'FormFieldSelect':
     case 'FormFieldSelectSearch':
     case 'FormFieldFile':

diff --git a/packages/fastui/src/components/FormField.tsx b/packages/fastui/src/components/FormField.tsx
@@ -55,6 +55,7 @@ export const FormFieldInputComp: FC<FormFieldInputProps> = (props) => {
 
 interface FormFieldCheckboxProps extends BaseFormFieldProps {
   type: 'FormFieldCheckbox'
+  mode: 'checkbox'
   initial?: boolean
 }
 

diff --git a/python/demo/forms.py b/python/demo/forms.py
@@ -158,8 +158,8 @@ class BigModel(BaseModel):
     profile_pics: Annotated[list[UploadFile], FormFile(accept='image/*')] | None = Field(
         None, description='Upload multiple images'
     )
-
     dob: date = Field(title='Date of Birth', description='Your date of birth, this is required hence bold')
+    human: bool = Field(title='Is human', description='Are you human?', json_schema_extra={'mode': 'switch'})
     size: SizeModel
 
     @field_validator('name')

diff --git a/python/fastui/components/forms.py b/python/fastui/components/forms.py
@@ -34,6 +34,7 @@ class FormFieldInput(BaseFormField):
 class FormFieldCheckbox(BaseFormField):
     initial: bool | None = None
     type: typing.Literal['FormFieldCheckbox'] = 'FormFieldCheckbox'
+    mode: typing.Literal['checkbox', 'switch'] = 'checkbox'
 
 
 class FormFieldFile(BaseFormField):

diff --git a/python/fastui/json_schema.py b/python/fastui/json_schema.py
@@ -74,6 +74,7 @@ class JsonSchemaFile(JsonSchemaBase, total=False):
 class JsonSchemaBool(JsonSchemaBase, total=False):
     type: Required[Literal['boolean']]
     default: bool
+    mode: Literal['checkbox', 'switch']
 
 
 class JsonSchemaInt(JsonSchemaBase, total=False):
@@ -175,6 +176,7 @@ def json_schema_field_to_field(
             required=required,
             initial=schema.get('default'),
             description=schema.get('description'),
+            mode=schema.get('mode', 'checkbox'),
         )
     elif field := special_string_field(schema, name, title, required, False):
         return field