feat(ui-fields): Add spacing to CheckboxFormField (#15108)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
island-is · Jun 14, 2024 · 1b48623 · 1b48623
1 parent 290b1cb
commit 1b48623
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/libs/application/core/src/lib/fieldBuilders.ts b/libs/application/core/src/lib/fieldBuilders.ts
@@ -89,6 +89,7 @@ export function buildCheckboxField(
     large = true,
     required,
     backgroundColor = 'blue',
+    spacing,
   } = data
   return {
     ...extractCommonFields(data),
@@ -98,6 +99,7 @@ export function buildCheckboxField(
     backgroundColor,
     options,
     required,
+    spacing,
     type: FieldTypes.CHECKBOX,
     component: FieldComponents.CHECKBOX,
   }

diff --git a/libs/application/types/src/lib/Fields.ts b/libs/application/types/src/lib/Fields.ts
@@ -232,6 +232,7 @@ export interface CheckboxField extends BaseField {
   required?: boolean
   backgroundColor?: InputBackgroundColor
   onSelect?: ((s: string[]) => void) | undefined
+  spacing?: 0 | 1 | 2
 }
 
 export interface DateField extends BaseField {

diff --git a/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx b/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx
@@ -38,6 +38,7 @@ export const CheckboxFormField: FC<React.PropsWithChildren<Props>> = ({
     width,
     required,
     onSelect,
+    spacing,
   } = field
   const { formatMessage } = useLocale()
 
@@ -76,6 +77,7 @@ export const CheckboxFormField: FC<React.PropsWithChildren<Props>> = ({
           }
           strong={strong}
           error={error}
+          spacing={spacing}
           options={finalOptions?.map(
             ({ label, subLabel, rightContent, tooltip, ...o }) => ({
               ...o,