✨ [#2] Implement types for checkbox and checkboxes

src/formio/components/checkbox.ts

@@ -0,0 +1,15 @@
+import {InputComponentSchema} from '..';
+
+type Validator = 'required';
+type TranslatableKeys = 'label' | 'description' | 'tooltip';
+
+export type CheckboxInputSchema = InputComponentSchema<string, Validator, TranslatableKeys>;
+
+/**
+ * @group Form.io components
+ * @category Concrete types
+ */
+export interface CheckboxComponentSchema
+  extends Omit<CheckboxInputSchema, 'hideLabel' | 'disabled'> {
+  type: 'checkbox';
+}

src/formio/components/index.ts

@@ -1,11 +1,13 @@
 // Input components
+export * from './checkbox';
 export * from './textfield';
 export * from './email';
 export * from './date';
 export * from './datetime';
 export * from './time';
 export * from './phonenumber';
 export * from './postcode';
+export * from './selectboxes';
 export * from './number';
 export * from './file';
 

src/formio/components/selectboxes.ts

@@ -0,0 +1,18 @@
+import {InputComponentSchema} from '..';
+
+type Validator = 'required';
+type TranslatableKeys = 'label' | 'description' | 'tooltip';
+
+export type SelectboxesInputSchema = InputComponentSchema<string, Validator, TranslatableKeys>;
+
+/**
+ * @group Form.io components
+ * @category Concrete types
+ */
+export interface SelectboxesComponentSchema
+  extends Omit<SelectboxesInputSchema, 'hideLabel' | 'disabled'> {
+  type: 'selectboxes';
+  // OF custom properties
+  dataSrc: 'manual' | 'variable';
+  itemsExpression?: string;
+}

src/formio/index.ts

@@ -1,4 +1,5 @@
 import {
+  CheckboxComponentSchema,
   ContentComponentSchema,
   DateComponentSchema,
   DateTimeComponentSchema,
@@ -7,6 +8,7 @@ import {
   NumberComponentSchema,
   PhoneNumberComponentSchema,
   PostcodeComponentSchema,
+  SelectboxesComponentSchema,
   TextFieldComponentSchema,
   TimeComponentSchema,
 } from './components';
@@ -37,12 +39,14 @@ export * from './components';
 export type AnyComponentSchema =
   // inputs
   | TextFieldComponentSchema
+  | CheckboxComponentSchema
   | EmailComponentSchema
   | DateComponentSchema
   | DateTimeComponentSchema
   | TimeComponentSchema
   | PhoneNumberComponentSchema
   | PostcodeComponentSchema
+  | SelectboxesComponentSchema
   | FileComponentSchema
   | NumberComponentSchema
   // layout