@digigov/form 2.0.0-2445d5cb → 2.0.0-298cfc51

package/src/inputs/inputsScenarios.ts

@@ -1,160 +1,159 @@
 import el from '@digigov/form/locales/el';
 
 export const INPUTS_FIELDS = [
-    {
-      key: 'date-example',
-      type: 'date',
-      required: true,
-      label: {
-        primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
-        secondary:
-          'Για παράδειγμα, 05 11 2020',
-      },
-    },
-    {
-      key: 'otp',
-      type: 'otp',
-      maxLength: 6,
-      label: {
-        primary: 'Συμπληρώστε τον κωδικό επιβεβαίωσης',
-      },
-      required: true,
-    },
-    {
-      key: 'checkbox',
-      type: 'choice:multiple',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
-    },
-    {
-      key: 'autocomplete_multiple',
-      required: true,
-      type: 'choice:multiple',
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'AutoComplete',
-        multiple: true,
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      },
+  {
+    key: 'date-example',
+    type: 'date',
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η ημερομηνία γέννησής σας;',
+      secondary:
+        'Για παράδειγμα, 05 11 2020',
     },
-    {
-      key: 'radio',
-      type: 'choice:single',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
+  },
+  {
+    key: 'otp',
+    type: 'otp',
+    maxLength: 6,
+    label: {
+      primary: 'Συμπληρώστε τον κωδικό επιβεβαίωσης',
     },
-    {
-      key: 'select',
-      type: 'choice:single',
-      required: true,
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'Select',
-        options: [
-          {
-            label: { primary: '' },
-            value: '',
-          },
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      }
+    required: true,
+  },
+  {
+    key: 'checkbox',
+    type: 'choice:multiple',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
+    }
+  },
+  {
+    key: 'autocomplete_multiple',
+    required: true,
+    type: 'choice:multiple',
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'AutoComplete',
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'autocomplete_single',
-      required: true,
-      type: 'choice:single',
-      label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
-      extra: {
-        component: 'AutoComplete',
-        options: [
-          {
-            label: { primary: 'Έχω συνάχι' },
-            value: 'runny-nose',
-          },
-          {
-            label: { primary: 'Έχω πυρετό' },
-            value: 'fever',
-          },
-          {
-            label: { primary: 'Αισθάνομαι κούραση' },
-            value: 'fatigue',
-          },
-        ],
-      },
+  },
+  {
+    key: 'radio',
+    type: 'choice:single',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
+    }
+  },
+  {
+    key: 'select',
+    type: 'choice:single',
+    required: true,
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'Select',
+      options: [
+        {
+          label: { primary: '' },
+          value: '',
+        },
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
+    }
+  },
+  {
+    key: 'autocomplete_single',
+    required: true,
+    type: 'choice:single',
+    label: { primary: 'Πώς αισθάνεστε αυτή τη στιγμή;' },
+    extra: {
+      component: 'AutoComplete',
+      options: [
+        {
+          label: { primary: 'Έχω συνάχι' },
+          value: 'runny-nose',
+        },
+        {
+          label: { primary: 'Έχω πυρετό' },
+          value: 'fever',
+        },
+        {
+          label: { primary: 'Αισθάνομαι κούραση' },
+          value: 'fatigue',
+        },
+      ],
     },
-    {
-      key: 'image',
-      type: 'image',
-      required: true,
-      label: {
-        primary: 'Ανεβάστε τη φωτογραφία του προστίμου',
-      },
+  },
+  {
+    key: 'image',
+    type: 'image',
+    required: true,
+    label: {
+      primary: 'Ανεβάστε τη φωτογραφία του προστίμου',
     },
-    {
-      key: 'file',
-      type: 'file',
-      label: {
-        primary: 'Ανεβάστε το αρχείο της απόδειξης',
-      },
-      required: true,
+  },
+  {
+    key: 'file',
+    type: 'file',
+    label: {
+      primary: 'Ανεβάστε το αρχείο της απόδειξης',
     },
-  ]
+    required: true,
+  },
+]
 
 export const scenarios = [
   {

package/src/installation.mdx

@@ -7,12 +7,9 @@ sidebar_label: Installation
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import CodeBlock from '@theme/CodeBlock';
-import LeadText from '@site/src/components/LeadText';
 
-<LeadText>
-  This page will help you install Digigov Form depending on the framework that
-  you use and the application architecture.
-</LeadText>
+This page will help you install Digigov Form depending on the framework that
+you use and the application architecture.
 
 We assume that your stack uses some of the following tools.
 

package/src/lazy.js

@@ -5,6 +5,7 @@ export default {
   'FieldConditional': lazy(() => import('@digigov/form/Field/FieldConditional').then((module)=> ({default: module['FieldConditional']}))),
   'Field': lazy(() => import('@digigov/form/internal').then((module)=> ({default: module['Field']}))),
   'ALTERNATIVE_COMPONENTS': lazy(() => import('@digigov/form/Field/utils').then((module)=> ({default: module['ALTERNATIVE_COMPONENTS']}))),
+  'CONTROLLED_FIELD_COMPONENTS': lazy(() => import('@digigov/form/Field/utils').then((module)=> ({default: module['CONTROLLED_FIELD_COMPONENTS']}))),
   'FIELD_COMPONENTS': lazy(() => import('@digigov/form/Field/utils').then((module)=> ({default: module['FIELD_COMPONENTS']}))),
   'FieldArray': lazy(() => import('@digigov/form/FieldArray').then((module)=> ({default: module['FieldArray']}))),
   'FieldObject': lazy(() => import('@digigov/form/FieldObject').then((module)=> ({default: module['FieldObject']}))),
@@ -13,9 +14,10 @@ export default {
   'FieldsetBody': lazy(() => import('@digigov/form/Fieldset').then((module)=> ({default: module['FieldsetBody']}))),
   'FieldsetCaption': lazy(() => import('@digigov/form/Fieldset').then((module)=> ({default: module['FieldsetCaption']}))),
   'FieldsetLabel': lazy(() => import('@digigov/form/Fieldset').then((module)=> ({default: module['FieldsetLabel']}))),
+  'ControlledFormBuilder': lazy(() => import('@digigov/form/FormBuilder').then((module)=> ({default: module['ControlledFormBuilder']}))),
   'FormBase': lazy(() => import('@digigov/form/FormBuilder').then((module)=> ({default: module['FormBase']}))),
   'FormContext': lazy(() => import('@digigov/form/FormContext').then((module)=> ({default: module['FormContext']}))),
-  'FormBuilder': lazy(() => import('@digigov/form').then((module)=> ({default: module['FormBuilder']}))),
+  'Label': lazy(() => import('@digigov/form/inputs/Label').then((module)=> ({default: module['Label']}))),
   'AutoCompleteInput': lazy(() => import('@digigov/form/inputs/AutoCompleteInput').then((module)=> ({default: module['AutoCompleteInput']}))),
   'Checkboxes': lazy(() => import('@digigov/form/inputs/Checkboxes').then((module)=> ({default: module['Checkboxes']}))),
   'DateInput': lazy(() => import('@digigov/form/inputs/DateInput').then((module)=> ({default: module['DateInput']}))),
@@ -23,13 +25,13 @@ export default {
   'Image': lazy(() => import('@digigov/form/inputs/ImageInput').then((module)=> ({default: module['Image']}))),
   'ImageInput': lazy(() => import('@digigov/form/inputs/ImageInput').then((module)=> ({default: module['ImageInput']}))),
   'Input': lazy(() => import('@digigov/form/inputs/Input').then((module)=> ({default: module['Input']}))),
-  'Label': lazy(() => import('@digigov/form/inputs/Label').then((module)=> ({default: module['Label']}))),
   'OtpInput': lazy(() => import('@digigov/form/inputs/OtpInput').then((module)=> ({default: module['OtpInput']}))),
   'Radio': lazy(() => import('@digigov/form/inputs').then((module)=> ({default: module['Radio']}))),
   'Select': lazy(() => import('@digigov/form/inputs/Select').then((module)=> ({default: module['Select']}))),
   'INPUTS_FIELDS': lazy(() => import('@digigov/form/inputs/inputsScenarios').then((module)=> ({default: module['INPUTS_FIELDS']}))),
   'REMOVE_SPACES': lazy(() => import('@digigov/form/inputs/OtpInput').then((module)=> ({default: module['REMOVE_SPACES']}))),
   'RE_DIGIT': lazy(() => import('@digigov/form/inputs/OtpInput').then((module)=> ({default: module['RE_DIGIT']}))),
+  'ControlledRadioButtonsGroup': lazy(() => import('@digigov/form/inputs/Radio').then((module)=> ({default: module['ControlledRadioButtonsGroup']}))),
   'RadioButtonsGroup': lazy(() => import('@digigov/form/inputs/Radio').then((module)=> ({default: module['RadioButtonsGroup']}))),
   'AddObjects': lazy(() => import('@digigov/form/MultiplicityField/add-objects').then((module)=> ({default: module['AddObjects']}))),
   'ListObject': lazy(() => import('@digigov/form/MultiplicityField').then((module)=> ({default: module['ListObject']}))),
@@ -48,6 +50,9 @@ export default {
   'Questions': lazy(() => import('@digigov/form/Questions/Questions').then((module)=> ({default: module['Questions']}))),
   'QuestionsContext': lazy(() => import('@digigov/form/Questions/QuestionsContext').then((module)=> ({default: module['QuestionsContext']}))),
   'AFM_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/afm').then((module)=> ({default: module['AFM_VALIDATOR']}))),
+  'DATE_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/date').then((module)=> ({default: module['DATE_VALIDATOR']}))),
+  'EARLIER_THAN_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/date').then((module)=> ({default: module['EARLIER_THAN_VALIDATOR']}))),
+  'LATER_THAN_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/date').then((module)=> ({default: module['LATER_THAN_VALIDATOR']}))),
   'FILE_MAX_SIZE_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/file').then((module)=> ({default: module['FILE_MAX_SIZE_VALIDATOR']}))),
   'IBAN_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/iban').then((module)=> ({default: module['IBAN_VALIDATOR']}))),
   'IMAGE_DIMENSION_VALIDATOR': lazy(() => import('@digigov/form/validators/utils/image').then((module)=> ({default: module['IMAGE_DIMENSION_VALIDATOR']}))),

package/src/registry.js

@@ -55,6 +55,7 @@ import * as _digigov_form_utils from '@digigov/form/utils';
 import * as _digigov_form_validators from '@digigov/form/validators';
 import * as _digigov_form_validators_types from '@digigov/form/validators/types';
 import * as _digigov_form_validators_utils_afm from '@digigov/form/validators/utils/afm';
+import * as _digigov_form_validators_utils_date from '@digigov/form/validators/utils/date';
 import * as _digigov_form_validators_utils_file from '@digigov/form/validators/utils/file';
 import * as _digigov_form_validators_utils_iban from '@digigov/form/validators/utils/iban';
 import * as _digigov_form_validators_utils_image from '@digigov/form/validators/utils/image';
@@ -142,6 +143,7 @@ export default {
   '@digigov/form/validators': lazyImport(_digigov_form_validators),
   '@digigov/form/validators/types': lazyImport(_digigov_form_validators_types),
   '@digigov/form/validators/utils/afm': lazyImport(_digigov_form_validators_utils_afm),
+  '@digigov/form/validators/utils/date': lazyImport(_digigov_form_validators_utils_date),
   '@digigov/form/validators/utils/file': lazyImport(_digigov_form_validators_utils_file),
   '@digigov/form/validators/utils/iban': lazyImport(_digigov_form_validators_utils_iban),
   '@digigov/form/validators/utils/image': lazyImport(_digigov_form_validators_utils_image),

package/src/types.tsx

@@ -53,6 +53,7 @@ export interface FormBuilderProps {
   validatorRegistry?: Record<string, ValidatorSchema[]>;
   componentRegistry?: FieldComponentRegistry;
   grid?: boolean;
+  controlledFieldsOnly?: boolean;
 }
 
 export interface FormBaseProps

package/src/validators/index.ts

@@ -1,6 +1,4 @@
 import { MutableRefObject, useMemo } from 'react';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
 import * as yup from 'yup';
 import { AnyObjectSchema, StringSchema } from 'yup';
 import { RequiredArraySchema } from 'yup/lib/array';
@@ -22,16 +20,12 @@ import {
   POSTALCODE_VALIDATOR,
   UUID4_VALIDATOR,
   IMAGE_DIMENSION_VALIDATOR,
+  DATE_VALIDATOR,
+  LATER_THAN_VALIDATOR,
+  EARLIER_THAN_VALIDATOR,
 } from '@digigov/form/validators/utils';
 import { INT_VALIDATOR } from '@digigov/form/validators/utils/int';
 import { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';
-dayjs.extend(customParseFormat);
-
-const VALID_DATE_FORMATS = ['DD/MM/YYYY'];
-const DATE_CACHE = {};
-const getDate = (v) => {
-  return DATE_CACHE[v] ? DATE_CACHE[v] : dayjs(v, VALID_DATE_FORMATS, true);
-};
 
 export const getYUPTypeMap = (): Record<string, any> => {
   const yupTypeMap = {
@@ -48,7 +42,21 @@ export const getYUPTypeMap = (): Record<string, any> => {
         .test(FILE_MAX_SIZE_VALIDATOR(field));
     },
     string: yup.string,
-    boolean: yup.boolean,
+    boolean: (): yup.BooleanSchema<
+      boolean | null | undefined,
+      AnyObject,
+      boolean | null | undefined
+    > => {
+      return yup
+        .boolean()
+        .nullable()
+        .transform((value) => {
+          if (value === '' || typeof value === 'string') return null;
+          if (typeof value === 'boolean') return value;
+          if (value === 0 || value === 1) return Boolean(value);
+          return value;
+        });
+    },
     object: (
       field
     ):
@@ -150,69 +158,23 @@ export const getYUPTypeMap = (): Record<string, any> => {
       AnyObject,
       string | null | undefined
     > => yup.string().nullable(),
-    date: (field) => {
-      let simpleDate = yup
-        .string()
-        .nullable(true)
-        .test('date', 'form.error.date.invalid', function (value) {
-          if (!value) return true;
-          const date = getDate(value);
-          return date.isValid();
-        });
-      const params = field.extra || {};
-      if (params.max) {
-        let maxDate;
-        if (params.max === 'now') {
-          const today = new Date();
-          maxDate = new Date(today);
-        } else {
-          maxDate = getDate(params.max).toDate();
-        }
-        const maxNextDate = new Date(maxDate);
-        maxNextDate.setDate(maxDate.getDate() + 1);
-        simpleDate = simpleDate.test({
-          name: 'earlier-than',
-          message: {
-            key: 'form.error.date.earlier_than',
-            context: {
-              maxDate: maxNextDate.toLocaleDateString(),
-            },
-          },
-          test: function (value) {
-            if (!value) return true;
-            const date = getDate(value);
-            const isValid = +date.toDate() < +maxDate;
-            return isValid;
-          },
-        });
+    date: (
+      field
+    ): yup.StringSchema<
+      string | null | undefined,
+      AnyObject,
+      string | null | undefined
+    > => {
+      let schema = yup.string().nullable();
+      if (field?.extra?.min) {
+        schema = schema.test(LATER_THAN_VALIDATOR(field));
       }
-      if (params.min) {
-        let minDate;
-        if (params.min === 'now') {
-          const today = new Date();
-          minDate = new Date(today);
-        } else {
-          minDate = getDate(params.min).toDate();
-        }
-        const minPreviousDate = new Date(minDate);
-        minPreviousDate.setDate(minDate.getDate() - 1);
-        simpleDate = simpleDate.test({
-          name: 'later-than',
-          message: {
-            key: 'form.error.date.later_than',
-            context: {
-              minDate: minPreviousDate.toLocaleDateString(),
-            },
-          },
-          test: function (value) {
-            if (!value) return true;
-            const date = getDate(value);
-            const isValid = +date.toDate() > +minDate;
-            return isValid;
-          },
-        });
+      if (field?.extra?.max) {
+        schema = schema.test(EARLIER_THAN_VALIDATOR(field));
+      } else {
+        schema = schema.test(DATE_VALIDATOR);
       }
-      return simpleDate;
+      return schema;
     },
   };
   return yupTypeMap;

package/src/validators/utils/date.ts

@@ -0,0 +1,107 @@
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
+
+dayjs.extend(customParseFormat);
+
+const VALID_DATE_FORMATS = ['DD/MM/YYYY'];
+const DATE_CACHE = {};
+
+const getDate = (v: string) => {
+  return DATE_CACHE[v] ? DATE_CACHE[v] : dayjs(v, VALID_DATE_FORMATS, true);
+};
+
+// Function to check partial date completion
+const checkPartialDate = (value: string) => {
+  console.log("value.split('/')", value.split('/'));
+  const [day, month, year] = value.split('/');
+  if (day && !month && !year) {
+    return 'form.error.date.invalid_month_year';
+  }
+  if (!day && month && !year) {
+    return 'form.error.date.invalid_day_year';
+  }
+  if (!day && !month && year) {
+    return 'form.error.date.invalid_day_month';
+  }
+  if (day && month && !year) {
+    return 'form.error.date.invalid_year';
+  }
+  if (day && !month && year) {
+    return 'form.error.date.invalid_month';
+  }
+  if (!day && month && year) {
+    return 'form.error.date.invalid_day';
+  } else {
+    return 'form.error.date.invalid';
+  }
+};
+
+export const LATER_THAN_VALIDATOR = (field: FieldSpec): ValidatorSchema => {
+  let minDate;
+  const params = field.extra || {};
+  if (params.min === 'now') {
+    const today = new Date();
+    minDate = new Date(today);
+  } else {
+    minDate = getDate(params.min).toDate();
+  }
+  const minPreviousDate = new Date(minDate);
+  minPreviousDate.setDate(minDate.getDate() - 1);
+  return {
+    name: 'later-than',
+    message: {
+      key: 'form.error.date.later_than',
+      context: {
+        minDate: minPreviousDate.toLocaleDateString(),
+      },
+    },
+    test: function (value: string) {
+      if (!value) return true;
+      const date = getDate(value);
+      const isValid = +date.toDate() > +minDate;
+      return isValid;
+    },
+  };
+};
+
+export const EARLIER_THAN_VALIDATOR = (field: FieldSpec): ValidatorSchema => {
+  let maxDate;
+  const params = field.extra || {};
+  if (params.max === 'now') {
+    const today = new Date();
+    maxDate = new Date(today);
+  } else {
+    maxDate = getDate(params.max).toDate();
+  }
+  const maxNextDate = new Date(maxDate);
+  maxNextDate.setDate(maxDate.getDate() + 1);
+  return {
+    name: 'earlier-than',
+    message: {
+      key: 'form.error.date.earlier_than',
+      context: {
+        maxDate: maxNextDate.toLocaleDateString(),
+      },
+    },
+    test: function (value: string) {
+      if (!value) return true;
+      const date = getDate(value);
+      const isValid = +date.toDate() < +maxDate;
+      return isValid;
+    },
+  };
+};
+
+export const DATE_VALIDATOR = {
+  name: 'date-validator',
+  message: (v): string => {
+    return checkPartialDate(v.value);
+  },
+  test: function (value: string) {
+    if (!value) return true;
+    const date = getDate(value);
+    return date.isValid();
+  },
+};

package/src/validators/utils/file.ts

@@ -6,7 +6,7 @@ const DEFAULT_FILE_MAX_SIZE = 10000000;
 export const FILE_MAX_SIZE_VALIDATOR = (field: FieldSpec): ValidatorSchema => ({
   name: 'file-max-size-validator',
   message: {
-    key: 'form.error.file_size',
+    key: field.type === 'file' ? 'form.error.file_size' : 'form.error.image_size',
     context: {
       maxSizeToMb: (field?.extra?.limit.maxSize || DEFAULT_FILE_MAX_SIZE) / 1000000,
     },

package/src/validators/utils/index.ts

@@ -11,6 +11,7 @@ export * from '@digigov/form/validators/utils/phone';
 export * from '@digigov/form/validators/utils/postal_code';
 export * from '@digigov/form/validators/utils/uuid4';
 export * from '@digigov/form/validators/utils/text_limit';
+export * from '@digigov/form/validators/utils/date';
 
 export function getYupField(field: FieldSpec, yupTypeMap: Record<string, any>) {
   const yupField = yupTypeMap[field?.type || 'string'] || yupTypeMap['string'];

package/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFormReturn, UseFormProps } from 'react-hook-form';
 import { FieldComponentRegistry, FieldLabelProps, FieldSpec, FormData } from '@digigov/form/Field/types';
 import { ValidatorSchema } from '@digigov/form/validators/types';
@@ -46,6 +45,7 @@ export interface FormBuilderProps {
     validatorRegistry?: Record<string, ValidatorSchema[]>;
     componentRegistry?: FieldComponentRegistry;
     grid?: boolean;
+    controlledFieldsOnly?: boolean;
 }
 export interface FormBaseProps extends Omit<FormBuilderProps, 'fields' | 'fieldsets' | 'auto'> {
     fieldsetsMap?: Record<string, FieldsetSpec>;