@digigov/form 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/Field/FieldBase/index.js

@@ -105,7 +105,6 @@ const FieldBase = ({
         "aria-describedby": error && `${name}-error`,
         required,
         disabled: editable === false,
-        ref: void 0,
         ...componentProps
       }
     )

package/Field/FieldBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Field/FieldBase.tsx"],
-  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { ErrorGroupContext } from '@digigov/form/Field/ErrorGroup';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = ({\n  required,\n  name,\n  component: Component,\n  wrapper,\n  control,\n  type,\n  controlled = false,\n  enabled = true,\n  editable,\n  defaultValue,\n  label,\n  extra = {},\n  layout,\n  error,\n  register,\n  ...componentProps\n}) => {\n  const errorGroupContext = useContext(ErrorGroupContext);\n\n  useEffect(() => {\n    if (errorGroupContext) {\n      errorGroupContext.setError(name, label, error);\n    }\n  }, [error, name, errorGroupContext?.setError]);\n\n  if (!enabled) {\n    return null;\n  }\n\n  if (controlled) {\n    return (\n      <FieldBaseContainer\n        label={label}\n        layout={layout}\n        error={errorGroupContext ? undefined : error}\n        hasError={!!error}\n        wrapper={wrapper}\n        name={name}\n      >\n        <Controller\n          control={control}\n          name={name}\n          render={({ field }) => {\n            return (\n              <Component\n                {...field}\n                control={control}\n                ref={undefined}\n                defaultValue={defaultValue}\n                extra={extra}\n                error={!!error}\n                type={type}\n                aria-required={!!required}\n                aria-describedby={error && `${name}-error`}\n                required={required}\n                disabled={editable === false}\n                {...componentProps}\n              />\n            );\n          }}\n        />\n      </FieldBaseContainer>\n    );\n  }\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={errorGroupContext ? undefined : error}\n      hasError={!!error}\n      wrapper={wrapper}\n      name={name}\n    >\n      {Component?.render ? (\n        <Component\n          {...register(name)}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      ) : (\n        <Component\n          {...register(name)}\n          register={register}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          ref={undefined}\n          {...componentProps}\n        />\n      )}\n    </FieldBaseContainer>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,YAAY,iBAAiB;AAC7C,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,OAAO,wBAAwB;AAGxB,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,oBAAoB,WAAW,iBAAiB;AAEtD,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,wBAAkB,SAAS,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC;AAE7C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,oBAAoB,SAAY;AAAA,QACvC,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA,KAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT;AAAA,gBACA,iBAAe,CAAC,CAAC;AAAA,gBACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,gBAClC;AAAA,gBACA,UAAU,aAAa;AAAA,gBACtB,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,oBAAoB,SAAY;AAAA,MACvC,UAAU,CAAC,CAAC;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,IAEC,WAAW,SACV;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN,IAEA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACvB,KAAK;AAAA,QACJ,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { ErrorGroupContext } from '@digigov/form/Field/ErrorGroup';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = ({\n  required,\n  name,\n  component: Component,\n  wrapper,\n  control,\n  type,\n  controlled = false,\n  enabled = true,\n  editable,\n  defaultValue,\n  label,\n  extra = {},\n  layout,\n  error,\n  register,\n  ...componentProps\n}) => {\n  const errorGroupContext = useContext(ErrorGroupContext);\n\n  useEffect(() => {\n    if (errorGroupContext) {\n      errorGroupContext.setError(name, label, error);\n    }\n  }, [error, name, errorGroupContext?.setError]);\n\n  if (!enabled) {\n    return null;\n  }\n\n  if (controlled) {\n    return (\n      <FieldBaseContainer\n        label={label}\n        layout={layout}\n        error={errorGroupContext ? undefined : error}\n        hasError={!!error}\n        wrapper={wrapper}\n        name={name}\n      >\n        <Controller\n          control={control}\n          name={name}\n          render={({ field }) => {\n            return (\n              <Component\n                {...field}\n                control={control}\n                ref={undefined}\n                defaultValue={defaultValue}\n                extra={extra}\n                error={!!error}\n                type={type}\n                aria-required={!!required}\n                aria-describedby={error && `${name}-error`}\n                required={required}\n                disabled={editable === false}\n                {...componentProps}\n              />\n            );\n          }}\n        />\n      </FieldBaseContainer>\n    );\n  }\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={errorGroupContext ? undefined : error}\n      hasError={!!error}\n      wrapper={wrapper}\n      name={name}\n    >\n      {Component?.render ? (\n        <Component\n          {...register(name)}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      ) : (\n        <Component\n          {...register(name)}\n          register={register}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      )}\n    </FieldBaseContainer>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,YAAY,iBAAiB;AAC7C,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,OAAO,wBAAwB;AAGxB,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,oBAAoB,WAAW,iBAAiB;AAEtD,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,wBAAkB,SAAS,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC;AAE7C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,oBAAoB,SAAY;AAAA,QACvC,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA,KAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT;AAAA,gBACA,iBAAe,CAAC,CAAC;AAAA,gBACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,gBAClC;AAAA,gBACA,UAAU,aAAa;AAAA,gBACtB,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,oBAAoB,SAAY;AAAA,MACvC,UAAU,CAAC,CAAC;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,IAEC,WAAW,SACV;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN,IAEA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/Field/types.d.ts

@@ -13,6 +13,7 @@ export interface FieldSpec {
     trim?: boolean;
     component?: any;
     autoComplete?: string;
+    placeholder?: string;
     maxLength?: number;
     condition?: Record<string, FieldCondition>;
     controlled?: boolean;

package/cjs/Field/FieldBase/index.js

@@ -137,7 +137,6 @@ const FieldBase = ({
         "aria-describedby": error && `${name}-error`,
         required,
         disabled: editable === false,
-        ref: void 0,
         ...componentProps
       }
     )

package/cjs/Field/FieldBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Field/FieldBase.tsx"],
-  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { ErrorGroupContext } from '@digigov/form/Field/ErrorGroup';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = ({\n  required,\n  name,\n  component: Component,\n  wrapper,\n  control,\n  type,\n  controlled = false,\n  enabled = true,\n  editable,\n  defaultValue,\n  label,\n  extra = {},\n  layout,\n  error,\n  register,\n  ...componentProps\n}) => {\n  const errorGroupContext = useContext(ErrorGroupContext);\n\n  useEffect(() => {\n    if (errorGroupContext) {\n      errorGroupContext.setError(name, label, error);\n    }\n  }, [error, name, errorGroupContext?.setError]);\n\n  if (!enabled) {\n    return null;\n  }\n\n  if (controlled) {\n    return (\n      <FieldBaseContainer\n        label={label}\n        layout={layout}\n        error={errorGroupContext ? undefined : error}\n        hasError={!!error}\n        wrapper={wrapper}\n        name={name}\n      >\n        <Controller\n          control={control}\n          name={name}\n          render={({ field }) => {\n            return (\n              <Component\n                {...field}\n                control={control}\n                ref={undefined}\n                defaultValue={defaultValue}\n                extra={extra}\n                error={!!error}\n                type={type}\n                aria-required={!!required}\n                aria-describedby={error && `${name}-error`}\n                required={required}\n                disabled={editable === false}\n                {...componentProps}\n              />\n            );\n          }}\n        />\n      </FieldBaseContainer>\n    );\n  }\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={errorGroupContext ? undefined : error}\n      hasError={!!error}\n      wrapper={wrapper}\n      name={name}\n    >\n      {Component?.render ? (\n        <Component\n          {...register(name)}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      ) : (\n        <Component\n          {...register(name)}\n          register={register}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          ref={undefined}\n          {...componentProps}\n        />\n      )}\n    </FieldBaseContainer>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAC7C,6BAA2B;AAC3B,wBAAkC;AAClC,gCAA+B;AAGxB,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,wBAAoB,yBAAW,mCAAiB;AAEtD,8BAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,wBAAkB,SAAS,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC;AAE7C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WACE,6BAAAA,QAAA;AAAA,MAAC,0BAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,oBAAoB,SAAY;AAAA,QACvC,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,MAEA,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,mBACE,6BAAAA,QAAA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA,KAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT;AAAA,gBACA,iBAAe,CAAC,CAAC;AAAA,gBACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,gBAClC;AAAA,gBACA,UAAU,aAAa;AAAA,gBACtB,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC,0BAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,oBAAoB,SAAY;AAAA,MACvC,UAAU,CAAC,CAAC;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,IAEC,WAAW,SACV,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN,IAEA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACvB,KAAK;AAAA,QACJ,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { ErrorGroupContext } from '@digigov/form/Field/ErrorGroup';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = ({\n  required,\n  name,\n  component: Component,\n  wrapper,\n  control,\n  type,\n  controlled = false,\n  enabled = true,\n  editable,\n  defaultValue,\n  label,\n  extra = {},\n  layout,\n  error,\n  register,\n  ...componentProps\n}) => {\n  const errorGroupContext = useContext(ErrorGroupContext);\n\n  useEffect(() => {\n    if (errorGroupContext) {\n      errorGroupContext.setError(name, label, error);\n    }\n  }, [error, name, errorGroupContext?.setError]);\n\n  if (!enabled) {\n    return null;\n  }\n\n  if (controlled) {\n    return (\n      <FieldBaseContainer\n        label={label}\n        layout={layout}\n        error={errorGroupContext ? undefined : error}\n        hasError={!!error}\n        wrapper={wrapper}\n        name={name}\n      >\n        <Controller\n          control={control}\n          name={name}\n          render={({ field }) => {\n            return (\n              <Component\n                {...field}\n                control={control}\n                ref={undefined}\n                defaultValue={defaultValue}\n                extra={extra}\n                error={!!error}\n                type={type}\n                aria-required={!!required}\n                aria-describedby={error && `${name}-error`}\n                required={required}\n                disabled={editable === false}\n                {...componentProps}\n              />\n            );\n          }}\n        />\n      </FieldBaseContainer>\n    );\n  }\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={errorGroupContext ? undefined : error}\n      hasError={!!error}\n      wrapper={wrapper}\n      name={name}\n    >\n      {Component?.render ? (\n        <Component\n          {...register(name)}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      ) : (\n        <Component\n          {...register(name)}\n          register={register}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      )}\n    </FieldBaseContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAC7C,6BAA2B;AAC3B,wBAAkC;AAClC,gCAA+B;AAGxB,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,wBAAoB,yBAAW,mCAAiB;AAEtD,8BAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,wBAAkB,SAAS,MAAM,OAAO,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,mBAAmB,QAAQ,CAAC;AAE7C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WACE,6BAAAA,QAAA;AAAA,MAAC,0BAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,oBAAoB,SAAY;AAAA,QACvC,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,MAEA,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,CAAC,EAAE,MAAM,MAAM;AACrB,mBACE,6BAAAA,QAAA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA,KAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT;AAAA,gBACA,iBAAe,CAAC,CAAC;AAAA,gBACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,gBAClC;AAAA,gBACA,UAAU,aAAa;AAAA,gBACtB,GAAG;AAAA;AAAA,YACN;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC,0BAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,oBAAoB,SAAY;AAAA,MACvC,UAAU,CAAC,CAAC;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,IAEC,WAAW,SACV,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN,IAEA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB;AAAA,QACA;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAe,CAAC,CAAC;AAAA,QACjB,oBAAkB,SAAS,GAAG,IAAI;AAAA,QAClC;AAAA,QACA,UAAU,aAAa;AAAA,QACtB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEJ;",
   "names": ["React", "FieldBaseContainer"]
 }

package/cjs/Field/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Field/types.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorOption, UseFormReturn, UseFormProps } from 'react-hook-form';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\nimport { GridProps } from '@digigov/ui/layouts/Grid';\n\nexport interface FieldLabelProps {\n  primary?: string;\n  secondary?: string;\n  hint?: string;\n}\n\nexport interface FieldSpec {\n  key: string; // !TODO rename key to name;\n  type?:\n    | 'int'\n    | 'string'\n    | 'text'\n    | 'boolean'\n    | 'email'\n    | 'uuid4'\n    | 'choice:multiple'\n    | 'choice:single'\n    | 'mobile_phone'\n    | 'date'\n    | 'datetime'\n    | 'otp'\n    | 'afm'\n    | 'iban'\n    | 'file'\n    | 'image'\n    | 'postal_code'\n    | 'phone_number'\n    | 'array'\n    | 'object';\n  trim?: boolean;\n  component?: any;\n  autoComplete?: string;\n  maxLength?: number;\n  condition?: Record<string, FieldCondition>;\n  controlled?: boolean;\n  label?: FieldLabelProps;\n  extra?: Record<string, any>;\n  editable?: boolean;\n  variant?: 'inline' | 'dialog';\n  required?: boolean;\n  enabled?: boolean;\n  disabled?: boolean;\n  layout?: Record<\n    string,\n    | GridProps['xs']\n    | GridProps['sm']\n    | GridProps['md']\n    | GridProps['lg']\n    | GridProps['xl']\n  >;\n  validators?: ValidatorSchema[];\n  wrapper?: 'label' | 'fieldset';\n  maxWidth?: string;\n  maxHeight?: string;\n  width?: string;\n}\n\nexport interface FieldCondition {\n  is: string | string[] | number | number[] | boolean | boolean[];\n  then?: Partial<FieldSpec>;\n  else?: Partial<FieldSpec>;\n}\nexport interface ChildFieldMemoProps extends FieldConditionalProps {\n  dependencies: FormData;\n}\nexport type FormData = UseFormProps['defaultValues'];\n\nexport interface FieldWithCondition extends Omit<CalculatedField, 'condition'> {\n  condition: Record<string, FieldCondition>;\n}\n\nexport interface FieldConditionalProps {\n  field: FieldWithCondition;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  reset: UseFormReturn['reset'];\n  error?: ErrorOption;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface FieldComponentItem {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any;\n  controlled?: boolean;\n  wrapper?: FieldSpec['wrapper'];\n}\n\nexport interface FieldContainerProps {\n  name?: FieldSpec['key'];\n  layout?: FieldSpec['layout'];\n  label?: FieldSpec['label'];\n  error?: ErrorOption | Record<string, any>;\n  hasError?: boolean;\n  children?: React.ReactNode;\n  wrapper?: FieldSpec['wrapper'];\n}\n\nexport type FieldComponentRegistry = Record<string, FieldComponentItem>;\n\nexport type OmittedFieldSpec = Omit<FieldSpec, 'component'>;\n\nexport type UnknownValue = never | never[];\n\nexport interface ControlledFieldProps {\n  type?: string;\n  value: UnknownValue;\n  onChange: (v: UnknownValue) => void;\n  defaultValue?: UnknownValue;\n  onBlur?: (e: Event) => void;\n  extra?: never;\n  error?: boolean;\n  name?: string;\n  disabled?: boolean;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface UncontrolledFieldProps {\n  name: string;\n  register: FieldBaseProps['register'];\n  control?: FieldBaseProps['control'];\n  error?: boolean;\n  extra?: Record<string, never>;\n  type?: string;\n  disabled?: boolean;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface CalculatedField extends OmittedFieldSpec {\n  name: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any;\n  defaultValue?: never;\n  error?: ErrorOption;\n  wrapper?: FieldComponentItem['wrapper'];\n  multiplicity?: boolean;\n}\n\nexport interface FieldBaseProps extends CalculatedField {\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  reset: UseFormReturn['reset'];\n  Field: React.FC<FieldProps>;\n}\n\nexport interface FieldProps extends FieldSpec {\n  name: string;\n  children?: React.ReactNode;\n}\n\nexport interface UseFieldProps {\n  field: FieldSpec;\n  control: FieldBaseProps['control'];\n  register: FieldBaseProps['register'];\n  reset: FieldBaseProps['reset'];\n  watch: UseFormReturn['watch'];\n  formState: UseFormReturn['formState'];\n  getFieldState: UseFormReturn['getFieldState'];\n  setValue: UseFormReturn['setValue'];\n  getValues: UseFormReturn['getValues'];\n  unregister: UseFormReturn['unregister'];\n  trigger: UseFormReturn['trigger'];\n  clearErrors: UseFormReturn['clearErrors'];\n  error?: ErrorOption;\n  componentRegistry?: FieldComponentRegistry;\n}\n"],
+  "sourcesContent": ["import React from 'react';\nimport { ErrorOption, UseFormReturn, UseFormProps } from 'react-hook-form';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\nimport { GridProps } from '@digigov/ui/layouts/Grid';\n\nexport interface FieldLabelProps {\n  primary?: string;\n  secondary?: string;\n  hint?: string;\n}\n\nexport interface FieldSpec {\n  key: string; // !TODO rename key to name;\n  type?:\n    | 'int'\n    | 'string'\n    | 'text'\n    | 'boolean'\n    | 'email'\n    | 'uuid4'\n    | 'choice:multiple'\n    | 'choice:single'\n    | 'mobile_phone'\n    | 'date'\n    | 'datetime'\n    | 'otp'\n    | 'afm'\n    | 'iban'\n    | 'file'\n    | 'image'\n    | 'postal_code'\n    | 'phone_number'\n    | 'array'\n    | 'object';\n  trim?: boolean;\n  component?: any;\n  autoComplete?: string;\n  placeholder?: string;\n  maxLength?: number;\n  condition?: Record<string, FieldCondition>;\n  controlled?: boolean;\n  label?: FieldLabelProps;\n  extra?: Record<string, any>;\n  editable?: boolean;\n  variant?: 'inline' | 'dialog';\n  required?: boolean;\n  enabled?: boolean;\n  disabled?: boolean;\n  layout?: Record<\n    string,\n    | GridProps['xs']\n    | GridProps['sm']\n    | GridProps['md']\n    | GridProps['lg']\n    | GridProps['xl']\n  >;\n  validators?: ValidatorSchema[];\n  wrapper?: 'label' | 'fieldset';\n  maxWidth?: string;\n  maxHeight?: string;\n  width?: string;\n}\n\nexport interface FieldCondition {\n  is: string | string[] | number | number[] | boolean | boolean[];\n  then?: Partial<FieldSpec>;\n  else?: Partial<FieldSpec>;\n}\nexport interface ChildFieldMemoProps extends FieldConditionalProps {\n  dependencies: FormData;\n}\nexport type FormData = UseFormProps['defaultValues'];\n\nexport interface FieldWithCondition extends Omit<CalculatedField, 'condition'> {\n  condition: Record<string, FieldCondition>;\n}\n\nexport interface FieldConditionalProps {\n  field: FieldWithCondition;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  reset: UseFormReturn['reset'];\n  error?: ErrorOption;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface FieldComponentItem {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any;\n  controlled?: boolean;\n  wrapper?: FieldSpec['wrapper'];\n}\n\nexport interface FieldContainerProps {\n  name?: FieldSpec['key'];\n  layout?: FieldSpec['layout'];\n  label?: FieldSpec['label'];\n  error?: ErrorOption | Record<string, any>;\n  hasError?: boolean;\n  children?: React.ReactNode;\n  wrapper?: FieldSpec['wrapper'];\n}\n\nexport type FieldComponentRegistry = Record<string, FieldComponentItem>;\n\nexport type OmittedFieldSpec = Omit<FieldSpec, 'component'>;\n\nexport type UnknownValue = never | never[];\n\nexport interface ControlledFieldProps {\n  type?: string;\n  value: UnknownValue;\n  onChange: (v: UnknownValue) => void;\n  defaultValue?: UnknownValue;\n  onBlur?: (e: Event) => void;\n  extra?: never;\n  error?: boolean;\n  name?: string;\n  disabled?: boolean;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface UncontrolledFieldProps {\n  name: string;\n  register: FieldBaseProps['register'];\n  control?: FieldBaseProps['control'];\n  error?: boolean;\n  extra?: Record<string, never>;\n  type?: string;\n  disabled?: boolean;\n  Field: React.FC<FieldProps>;\n}\n\nexport interface CalculatedField extends OmittedFieldSpec {\n  name: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any;\n  defaultValue?: never;\n  error?: ErrorOption;\n  wrapper?: FieldComponentItem['wrapper'];\n  multiplicity?: boolean;\n}\n\nexport interface FieldBaseProps extends CalculatedField {\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  reset: UseFormReturn['reset'];\n  Field: React.FC<FieldProps>;\n}\n\nexport interface FieldProps extends FieldSpec {\n  name: string;\n  children?: React.ReactNode;\n}\n\nexport interface UseFieldProps {\n  field: FieldSpec;\n  control: FieldBaseProps['control'];\n  register: FieldBaseProps['register'];\n  reset: FieldBaseProps['reset'];\n  watch: UseFormReturn['watch'];\n  formState: UseFormReturn['formState'];\n  getFieldState: UseFormReturn['getFieldState'];\n  setValue: UseFormReturn['setValue'];\n  getValues: UseFormReturn['getValues'];\n  unregister: UseFormReturn['unregister'];\n  trigger: UseFormReturn['trigger'];\n  clearErrors: UseFormReturn['clearErrors'];\n  error?: ErrorOption;\n  componentRegistry?: FieldComponentRegistry;\n}\n"],
   "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/cjs/registry/index.js

@@ -79,8 +79,8 @@ var _digigov_form_Questions_Step_types = __toESM(require("@digigov/form/Question
 var _digigov_form_inputs_AutoCompleteInput = __toESM(require("@digigov/form/inputs/AutoCompleteInput"));
 var _digigov_form_inputs_Checkboxes = __toESM(require("@digigov/form/inputs/Checkboxes"));
 var _digigov_form_inputs_DateInput = __toESM(require("@digigov/form/inputs/DateInput"));
-var _digigov_form_inputs_FileInput = __toESM(require("@digigov/form/inputs/FileInput"));
 var _digigov_form_inputs_DateTimeInput = __toESM(require("@digigov/form/inputs/DateTimeInput"));
+var _digigov_form_inputs_FileInput = __toESM(require("@digigov/form/inputs/FileInput"));
 var _digigov_form_inputs_ImageInput = __toESM(require("@digigov/form/inputs/ImageInput"));
 var _digigov_form_inputs_Input = __toESM(require("@digigov/form/inputs/Input"));
 var _digigov_form_inputs_Input_inputsInputScenarios = __toESM(require("@digigov/form/inputs/Input/inputsInputScenarios"));
@@ -168,8 +168,8 @@ var registry_default = {
   "@digigov/form/inputs/AutoCompleteInput": lazyImport(_digigov_form_inputs_AutoCompleteInput),
   "@digigov/form/inputs/Checkboxes": lazyImport(_digigov_form_inputs_Checkboxes),
   "@digigov/form/inputs/DateInput": lazyImport(_digigov_form_inputs_DateInput),
-  "@digigov/form/inputs/FileInput": lazyImport(_digigov_form_inputs_FileInput),
   "@digigov/form/inputs/DateTimeInput": lazyImport(_digigov_form_inputs_DateTimeInput),
+  "@digigov/form/inputs/FileInput": lazyImport(_digigov_form_inputs_FileInput),
   "@digigov/form/inputs/ImageInput": lazyImport(_digigov_form_inputs_ImageInput),
   "@digigov/form/inputs/Input": lazyImport(_digigov_form_inputs_Input),
   "@digigov/form/inputs/Input/inputsInputScenarios": lazyImport(_digigov_form_inputs_Input_inputsInputScenarios),

package/cjs/registry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../registry.js"],
-  "sourcesContent": ["\nimport * as _digigov_form_FormContext from \"@digigov/form/FormContext\";\nimport * as _digigov_form from \"@digigov/form\";\nimport * as _digigov_form_internal from \"@digigov/form/internal\";\nimport * as _digigov_form_types from \"@digigov/form/types\";\nimport * as _digigov_form_utils from \"@digigov/form/utils\";\nimport * as _digigov_form_Field_ErrorGroup from \"@digigov/form/Field/ErrorGroup\";\nimport * as _digigov_form_Field_FieldBase from \"@digigov/form/Field/FieldBase\";\nimport * as _digigov_form_Field_FieldBaseContainer from \"@digigov/form/Field/FieldBaseContainer\";\nimport * as _digigov_form_Field_FieldConditional from \"@digigov/form/Field/FieldConditional\";\nimport * as _digigov_form_Field from \"@digigov/form/Field\";\nimport * as _digigov_form_Field_types from \"@digigov/form/Field/types\";\nimport * as _digigov_form_FieldObject from \"@digigov/form/FieldObject\";\nimport * as _digigov_form_FieldArray_FormDialog from \"@digigov/form/FieldArray/FormDialog\";\nimport * as _digigov_form_FieldArray from \"@digigov/form/FieldArray\";\nimport * as _digigov_form_Fieldset_FieldsetWithContext from \"@digigov/form/Fieldset/FieldsetWithContext\";\nimport * as _digigov_form_Fieldset from \"@digigov/form/Fieldset\";\nimport * as _digigov_form_Fieldset_types from \"@digigov/form/Fieldset/types\";\nimport * as _digigov_form_FormBuilder from \"@digigov/form/FormBuilder\";\nimport * as _digigov_form_MultiplicityField_add_objects from \"@digigov/form/MultiplicityField/add-objects\";\nimport * as _digigov_form_MultiplicityField from \"@digigov/form/MultiplicityField\";\nimport * as _digigov_form_MultiplicityField_types from \"@digigov/form/MultiplicityField/types\";\nimport * as _digigov_form_Questions_Questions from \"@digigov/form/Questions/Questions\";\nimport * as _digigov_form_Questions_QuestionsContext from \"@digigov/form/Questions/QuestionsContext\";\nimport * as _digigov_form_Questions_getNextStep from \"@digigov/form/Questions/getNextStep\";\nimport * as _digigov_form_Questions from \"@digigov/form/Questions\";\nimport * as _digigov_form_Questions_types from \"@digigov/form/Questions/types\";\nimport * as _digigov_form_inputs from \"@digigov/form/inputs\";\nimport * as _digigov_form_inputs_inputsScenarios from \"@digigov/form/inputs/inputsScenarios\";\nimport * as _digigov_form_locales_el from \"@digigov/form/locales/el\";\nimport * as _digigov_form_validators from \"@digigov/form/validators\";\nimport * as _digigov_form_validators_types from \"@digigov/form/validators/types\";\nimport * as _digigov_form_Field_utils_calculateField from \"@digigov/form/Field/utils/calculateField\";\nimport * as _digigov_form_Field_utils_evaluateFieldWithConditions from \"@digigov/form/Field/utils/evaluateFieldWithConditions\";\nimport * as _digigov_form_Field_utils from \"@digigov/form/Field/utils\";\nimport * as _digigov_form_Field_utils_useField from \"@digigov/form/Field/utils/useField\";\nimport * as _digigov_form_Questions_Step_ReviewStep from \"@digigov/form/Questions/Step/ReviewStep\";\nimport * as _digigov_form_Questions_Step_Step from \"@digigov/form/Questions/Step/Step\";\nimport * as _digigov_form_Questions_Step_StepArrayReview from \"@digigov/form/Questions/Step/StepArrayReview\";\nimport * as _digigov_form_Questions_Step_StepContext from \"@digigov/form/Questions/Step/StepContext\";\nimport * as _digigov_form_Questions_Step_StepDescription from \"@digigov/form/Questions/Step/StepDescription\";\nimport * as _digigov_form_Questions_Step_StepForm from \"@digigov/form/Questions/Step/StepForm\";\nimport * as _digigov_form_Questions_Step_StepQuote from \"@digigov/form/Questions/Step/StepQuote\";\nimport * as _digigov_form_Questions_Step_StepTitle from \"@digigov/form/Questions/Step/StepTitle\";\nimport * as _digigov_form_Questions_Step_getAddMoreFields from \"@digigov/form/Questions/Step/getAddMoreFields\";\nimport * as _digigov_form_Questions_Step from \"@digigov/form/Questions/Step\";\nimport * as _digigov_form_Questions_Step_types from \"@digigov/form/Questions/Step/types\";\nimport * as _digigov_form_inputs_AutoCompleteInput from \"@digigov/form/inputs/AutoCompleteInput\";\nimport * as _digigov_form_inputs_Checkboxes from \"@digigov/form/inputs/Checkboxes\";\nimport * as _digigov_form_inputs_DateInput from \"@digigov/form/inputs/DateInput\";\nimport * as _digigov_form_inputs_FileInput from \"@digigov/form/inputs/FileInput\";\nimport * as _digigov_form_inputs_DateTimeInput from \"@digigov/form/inputs/DateTimeInput\";\nimport * as _digigov_form_inputs_ImageInput from \"@digigov/form/inputs/ImageInput\";\nimport * as _digigov_form_inputs_Input from \"@digigov/form/inputs/Input\";\nimport * as _digigov_form_inputs_Input_inputsInputScenarios from \"@digigov/form/inputs/Input/inputsInputScenarios\";\nimport * as _digigov_form_inputs_Label from \"@digigov/form/inputs/Label\";\nimport * as _digigov_form_inputs_OtpInput from \"@digigov/form/inputs/OtpInput\";\nimport * as _digigov_form_inputs_Radio from \"@digigov/form/inputs/Radio\";\nimport * as _digigov_form_inputs_Select from \"@digigov/form/inputs/Select\";\nimport * as _digigov_form_validators_utils_afm from \"@digigov/form/validators/utils/afm\";\nimport * as _digigov_form_validators_utils_date from \"@digigov/form/validators/utils/date\";\nimport * as _digigov_form_validators_utils_datetime from \"@digigov/form/validators/utils/datetime\";\nimport * as _digigov_form_validators_utils_file from \"@digigov/form/validators/utils/file\";\nimport * as _digigov_form_validators_utils_iban from \"@digigov/form/validators/utils/iban\";\nimport * as _digigov_form_validators_utils_image from \"@digigov/form/validators/utils/image\";\nimport * as _digigov_form_validators_utils from \"@digigov/form/validators/utils\";\nimport * as _digigov_form_validators_utils_int from \"@digigov/form/validators/utils/int\";\nimport * as _digigov_form_validators_utils_number from \"@digigov/form/validators/utils/number\";\nimport * as _digigov_form_validators_utils_otp from \"@digigov/form/validators/utils/otp\";\nimport * as _digigov_form_validators_utils_phone from \"@digigov/form/validators/utils/phone\";\nimport * as _digigov_form_validators_utils_postal_code from \"@digigov/form/validators/utils/postal_code\";\nimport * as _digigov_form_validators_utils_text_limit from \"@digigov/form/validators/utils/text_limit\";\nimport * as _digigov_form_validators_utils_uuid4 from \"@digigov/form/validators/utils/uuid4\";\nfunction lazyImport(pkgImport) {\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/form/FormContext': lazyImport(_digigov_form_FormContext),\n  '@digigov/form': lazyImport(_digigov_form),\n  '@digigov/form/internal': lazyImport(_digigov_form_internal),\n  '@digigov/form/types': lazyImport(_digigov_form_types),\n  '@digigov/form/utils': lazyImport(_digigov_form_utils),\n  '@digigov/form/Field/ErrorGroup': lazyImport(_digigov_form_Field_ErrorGroup),\n  '@digigov/form/Field/FieldBase': lazyImport(_digigov_form_Field_FieldBase),\n  '@digigov/form/Field/FieldBaseContainer': lazyImport(_digigov_form_Field_FieldBaseContainer),\n  '@digigov/form/Field/FieldConditional': lazyImport(_digigov_form_Field_FieldConditional),\n  '@digigov/form/Field': lazyImport(_digigov_form_Field),\n  '@digigov/form/Field/types': lazyImport(_digigov_form_Field_types),\n  '@digigov/form/FieldObject': lazyImport(_digigov_form_FieldObject),\n  '@digigov/form/FieldArray/FormDialog': lazyImport(_digigov_form_FieldArray_FormDialog),\n  '@digigov/form/FieldArray': lazyImport(_digigov_form_FieldArray),\n  '@digigov/form/Fieldset/FieldsetWithContext': lazyImport(_digigov_form_Fieldset_FieldsetWithContext),\n  '@digigov/form/Fieldset': lazyImport(_digigov_form_Fieldset),\n  '@digigov/form/Fieldset/types': lazyImport(_digigov_form_Fieldset_types),\n  '@digigov/form/FormBuilder': lazyImport(_digigov_form_FormBuilder),\n  '@digigov/form/MultiplicityField/add-objects': lazyImport(_digigov_form_MultiplicityField_add_objects),\n  '@digigov/form/MultiplicityField': lazyImport(_digigov_form_MultiplicityField),\n  '@digigov/form/MultiplicityField/types': lazyImport(_digigov_form_MultiplicityField_types),\n  '@digigov/form/Questions/Questions': lazyImport(_digigov_form_Questions_Questions),\n  '@digigov/form/Questions/QuestionsContext': lazyImport(_digigov_form_Questions_QuestionsContext),\n  '@digigov/form/Questions/getNextStep': lazyImport(_digigov_form_Questions_getNextStep),\n  '@digigov/form/Questions': lazyImport(_digigov_form_Questions),\n  '@digigov/form/Questions/types': lazyImport(_digigov_form_Questions_types),\n  '@digigov/form/inputs': lazyImport(_digigov_form_inputs),\n  '@digigov/form/inputs/inputsScenarios': lazyImport(_digigov_form_inputs_inputsScenarios),\n  '@digigov/form/locales/el': lazyImport(_digigov_form_locales_el),\n  '@digigov/form/validators': lazyImport(_digigov_form_validators),\n  '@digigov/form/validators/types': lazyImport(_digigov_form_validators_types),\n  '@digigov/form/Field/utils/calculateField': lazyImport(_digigov_form_Field_utils_calculateField),\n  '@digigov/form/Field/utils/evaluateFieldWithConditions': lazyImport(_digigov_form_Field_utils_evaluateFieldWithConditions),\n  '@digigov/form/Field/utils': lazyImport(_digigov_form_Field_utils),\n  '@digigov/form/Field/utils/useField': lazyImport(_digigov_form_Field_utils_useField),\n  '@digigov/form/Questions/Step/ReviewStep': lazyImport(_digigov_form_Questions_Step_ReviewStep),\n  '@digigov/form/Questions/Step/Step': lazyImport(_digigov_form_Questions_Step_Step),\n  '@digigov/form/Questions/Step/StepArrayReview': lazyImport(_digigov_form_Questions_Step_StepArrayReview),\n  '@digigov/form/Questions/Step/StepContext': lazyImport(_digigov_form_Questions_Step_StepContext),\n  '@digigov/form/Questions/Step/StepDescription': lazyImport(_digigov_form_Questions_Step_StepDescription),\n  '@digigov/form/Questions/Step/StepForm': lazyImport(_digigov_form_Questions_Step_StepForm),\n  '@digigov/form/Questions/Step/StepQuote': lazyImport(_digigov_form_Questions_Step_StepQuote),\n  '@digigov/form/Questions/Step/StepTitle': lazyImport(_digigov_form_Questions_Step_StepTitle),\n  '@digigov/form/Questions/Step/getAddMoreFields': lazyImport(_digigov_form_Questions_Step_getAddMoreFields),\n  '@digigov/form/Questions/Step': lazyImport(_digigov_form_Questions_Step),\n  '@digigov/form/Questions/Step/types': lazyImport(_digigov_form_Questions_Step_types),\n  '@digigov/form/inputs/AutoCompleteInput': lazyImport(_digigov_form_inputs_AutoCompleteInput),\n  '@digigov/form/inputs/Checkboxes': lazyImport(_digigov_form_inputs_Checkboxes),\n  '@digigov/form/inputs/DateInput': lazyImport(_digigov_form_inputs_DateInput),\n  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),\n  '@digigov/form/inputs/DateTimeInput': lazyImport(_digigov_form_inputs_DateTimeInput),\n  '@digigov/form/inputs/ImageInput': lazyImport(_digigov_form_inputs_ImageInput),\n  '@digigov/form/inputs/Input': lazyImport(_digigov_form_inputs_Input),\n  '@digigov/form/inputs/Input/inputsInputScenarios': lazyImport(_digigov_form_inputs_Input_inputsInputScenarios),\n  '@digigov/form/inputs/Label': lazyImport(_digigov_form_inputs_Label),\n  '@digigov/form/inputs/OtpInput': lazyImport(_digigov_form_inputs_OtpInput),\n  '@digigov/form/inputs/Radio': lazyImport(_digigov_form_inputs_Radio),\n  '@digigov/form/inputs/Select': lazyImport(_digigov_form_inputs_Select),\n  '@digigov/form/validators/utils/afm': lazyImport(_digigov_form_validators_utils_afm),\n  '@digigov/form/validators/utils/date': lazyImport(_digigov_form_validators_utils_date),\n  '@digigov/form/validators/utils/datetime': lazyImport(_digigov_form_validators_utils_datetime),\n  '@digigov/form/validators/utils/file': lazyImport(_digigov_form_validators_utils_file),\n  '@digigov/form/validators/utils/iban': lazyImport(_digigov_form_validators_utils_iban),\n  '@digigov/form/validators/utils/image': lazyImport(_digigov_form_validators_utils_image),\n  '@digigov/form/validators/utils': lazyImport(_digigov_form_validators_utils),\n  '@digigov/form/validators/utils/int': lazyImport(_digigov_form_validators_utils_int),\n  '@digigov/form/validators/utils/number': lazyImport(_digigov_form_validators_utils_number),\n  '@digigov/form/validators/utils/otp': lazyImport(_digigov_form_validators_utils_otp),\n  '@digigov/form/validators/utils/phone': lazyImport(_digigov_form_validators_utils_phone),\n  '@digigov/form/validators/utils/postal_code': lazyImport(_digigov_form_validators_utils_postal_code),\n  '@digigov/form/validators/utils/text_limit': lazyImport(_digigov_form_validators_utils_text_limit),\n  '@digigov/form/validators/utils/uuid4': lazyImport(_digigov_form_validators_utils_uuid4)\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["\nimport * as _digigov_form_FormContext from \"@digigov/form/FormContext\";\nimport * as _digigov_form from \"@digigov/form\";\nimport * as _digigov_form_internal from \"@digigov/form/internal\";\nimport * as _digigov_form_types from \"@digigov/form/types\";\nimport * as _digigov_form_utils from \"@digigov/form/utils\";\nimport * as _digigov_form_Field_ErrorGroup from \"@digigov/form/Field/ErrorGroup\";\nimport * as _digigov_form_Field_FieldBase from \"@digigov/form/Field/FieldBase\";\nimport * as _digigov_form_Field_FieldBaseContainer from \"@digigov/form/Field/FieldBaseContainer\";\nimport * as _digigov_form_Field_FieldConditional from \"@digigov/form/Field/FieldConditional\";\nimport * as _digigov_form_Field from \"@digigov/form/Field\";\nimport * as _digigov_form_Field_types from \"@digigov/form/Field/types\";\nimport * as _digigov_form_FieldObject from \"@digigov/form/FieldObject\";\nimport * as _digigov_form_FieldArray_FormDialog from \"@digigov/form/FieldArray/FormDialog\";\nimport * as _digigov_form_FieldArray from \"@digigov/form/FieldArray\";\nimport * as _digigov_form_Fieldset_FieldsetWithContext from \"@digigov/form/Fieldset/FieldsetWithContext\";\nimport * as _digigov_form_Fieldset from \"@digigov/form/Fieldset\";\nimport * as _digigov_form_Fieldset_types from \"@digigov/form/Fieldset/types\";\nimport * as _digigov_form_FormBuilder from \"@digigov/form/FormBuilder\";\nimport * as _digigov_form_MultiplicityField_add_objects from \"@digigov/form/MultiplicityField/add-objects\";\nimport * as _digigov_form_MultiplicityField from \"@digigov/form/MultiplicityField\";\nimport * as _digigov_form_MultiplicityField_types from \"@digigov/form/MultiplicityField/types\";\nimport * as _digigov_form_Questions_Questions from \"@digigov/form/Questions/Questions\";\nimport * as _digigov_form_Questions_QuestionsContext from \"@digigov/form/Questions/QuestionsContext\";\nimport * as _digigov_form_Questions_getNextStep from \"@digigov/form/Questions/getNextStep\";\nimport * as _digigov_form_Questions from \"@digigov/form/Questions\";\nimport * as _digigov_form_Questions_types from \"@digigov/form/Questions/types\";\nimport * as _digigov_form_inputs from \"@digigov/form/inputs\";\nimport * as _digigov_form_inputs_inputsScenarios from \"@digigov/form/inputs/inputsScenarios\";\nimport * as _digigov_form_locales_el from \"@digigov/form/locales/el\";\nimport * as _digigov_form_validators from \"@digigov/form/validators\";\nimport * as _digigov_form_validators_types from \"@digigov/form/validators/types\";\nimport * as _digigov_form_Field_utils_calculateField from \"@digigov/form/Field/utils/calculateField\";\nimport * as _digigov_form_Field_utils_evaluateFieldWithConditions from \"@digigov/form/Field/utils/evaluateFieldWithConditions\";\nimport * as _digigov_form_Field_utils from \"@digigov/form/Field/utils\";\nimport * as _digigov_form_Field_utils_useField from \"@digigov/form/Field/utils/useField\";\nimport * as _digigov_form_Questions_Step_ReviewStep from \"@digigov/form/Questions/Step/ReviewStep\";\nimport * as _digigov_form_Questions_Step_Step from \"@digigov/form/Questions/Step/Step\";\nimport * as _digigov_form_Questions_Step_StepArrayReview from \"@digigov/form/Questions/Step/StepArrayReview\";\nimport * as _digigov_form_Questions_Step_StepContext from \"@digigov/form/Questions/Step/StepContext\";\nimport * as _digigov_form_Questions_Step_StepDescription from \"@digigov/form/Questions/Step/StepDescription\";\nimport * as _digigov_form_Questions_Step_StepForm from \"@digigov/form/Questions/Step/StepForm\";\nimport * as _digigov_form_Questions_Step_StepQuote from \"@digigov/form/Questions/Step/StepQuote\";\nimport * as _digigov_form_Questions_Step_StepTitle from \"@digigov/form/Questions/Step/StepTitle\";\nimport * as _digigov_form_Questions_Step_getAddMoreFields from \"@digigov/form/Questions/Step/getAddMoreFields\";\nimport * as _digigov_form_Questions_Step from \"@digigov/form/Questions/Step\";\nimport * as _digigov_form_Questions_Step_types from \"@digigov/form/Questions/Step/types\";\nimport * as _digigov_form_inputs_AutoCompleteInput from \"@digigov/form/inputs/AutoCompleteInput\";\nimport * as _digigov_form_inputs_Checkboxes from \"@digigov/form/inputs/Checkboxes\";\nimport * as _digigov_form_inputs_DateInput from \"@digigov/form/inputs/DateInput\";\nimport * as _digigov_form_inputs_DateTimeInput from \"@digigov/form/inputs/DateTimeInput\";\nimport * as _digigov_form_inputs_FileInput from \"@digigov/form/inputs/FileInput\";\nimport * as _digigov_form_inputs_ImageInput from \"@digigov/form/inputs/ImageInput\";\nimport * as _digigov_form_inputs_Input from \"@digigov/form/inputs/Input\";\nimport * as _digigov_form_inputs_Input_inputsInputScenarios from \"@digigov/form/inputs/Input/inputsInputScenarios\";\nimport * as _digigov_form_inputs_Label from \"@digigov/form/inputs/Label\";\nimport * as _digigov_form_inputs_OtpInput from \"@digigov/form/inputs/OtpInput\";\nimport * as _digigov_form_inputs_Radio from \"@digigov/form/inputs/Radio\";\nimport * as _digigov_form_inputs_Select from \"@digigov/form/inputs/Select\";\nimport * as _digigov_form_validators_utils_afm from \"@digigov/form/validators/utils/afm\";\nimport * as _digigov_form_validators_utils_date from \"@digigov/form/validators/utils/date\";\nimport * as _digigov_form_validators_utils_datetime from \"@digigov/form/validators/utils/datetime\";\nimport * as _digigov_form_validators_utils_file from \"@digigov/form/validators/utils/file\";\nimport * as _digigov_form_validators_utils_iban from \"@digigov/form/validators/utils/iban\";\nimport * as _digigov_form_validators_utils_image from \"@digigov/form/validators/utils/image\";\nimport * as _digigov_form_validators_utils from \"@digigov/form/validators/utils\";\nimport * as _digigov_form_validators_utils_int from \"@digigov/form/validators/utils/int\";\nimport * as _digigov_form_validators_utils_number from \"@digigov/form/validators/utils/number\";\nimport * as _digigov_form_validators_utils_otp from \"@digigov/form/validators/utils/otp\";\nimport * as _digigov_form_validators_utils_phone from \"@digigov/form/validators/utils/phone\";\nimport * as _digigov_form_validators_utils_postal_code from \"@digigov/form/validators/utils/postal_code\";\nimport * as _digigov_form_validators_utils_text_limit from \"@digigov/form/validators/utils/text_limit\";\nimport * as _digigov_form_validators_utils_uuid4 from \"@digigov/form/validators/utils/uuid4\";\nfunction lazyImport(pkgImport) {\n  return new Proxy(\n    {},\n    {\n      get: (_target, name) => {\n        if (name === '__esModule' || name === 'default') {\n          return pkgImport.default;\n        } else if(\n          name === '*'\n        ) {\n          return pkgImport;\n        } else {\n          return pkgImport[name];\n        }\n      },\n    }\n  )\n}\nexport default {\n  '@digigov/form/FormContext': lazyImport(_digigov_form_FormContext),\n  '@digigov/form': lazyImport(_digigov_form),\n  '@digigov/form/internal': lazyImport(_digigov_form_internal),\n  '@digigov/form/types': lazyImport(_digigov_form_types),\n  '@digigov/form/utils': lazyImport(_digigov_form_utils),\n  '@digigov/form/Field/ErrorGroup': lazyImport(_digigov_form_Field_ErrorGroup),\n  '@digigov/form/Field/FieldBase': lazyImport(_digigov_form_Field_FieldBase),\n  '@digigov/form/Field/FieldBaseContainer': lazyImport(_digigov_form_Field_FieldBaseContainer),\n  '@digigov/form/Field/FieldConditional': lazyImport(_digigov_form_Field_FieldConditional),\n  '@digigov/form/Field': lazyImport(_digigov_form_Field),\n  '@digigov/form/Field/types': lazyImport(_digigov_form_Field_types),\n  '@digigov/form/FieldObject': lazyImport(_digigov_form_FieldObject),\n  '@digigov/form/FieldArray/FormDialog': lazyImport(_digigov_form_FieldArray_FormDialog),\n  '@digigov/form/FieldArray': lazyImport(_digigov_form_FieldArray),\n  '@digigov/form/Fieldset/FieldsetWithContext': lazyImport(_digigov_form_Fieldset_FieldsetWithContext),\n  '@digigov/form/Fieldset': lazyImport(_digigov_form_Fieldset),\n  '@digigov/form/Fieldset/types': lazyImport(_digigov_form_Fieldset_types),\n  '@digigov/form/FormBuilder': lazyImport(_digigov_form_FormBuilder),\n  '@digigov/form/MultiplicityField/add-objects': lazyImport(_digigov_form_MultiplicityField_add_objects),\n  '@digigov/form/MultiplicityField': lazyImport(_digigov_form_MultiplicityField),\n  '@digigov/form/MultiplicityField/types': lazyImport(_digigov_form_MultiplicityField_types),\n  '@digigov/form/Questions/Questions': lazyImport(_digigov_form_Questions_Questions),\n  '@digigov/form/Questions/QuestionsContext': lazyImport(_digigov_form_Questions_QuestionsContext),\n  '@digigov/form/Questions/getNextStep': lazyImport(_digigov_form_Questions_getNextStep),\n  '@digigov/form/Questions': lazyImport(_digigov_form_Questions),\n  '@digigov/form/Questions/types': lazyImport(_digigov_form_Questions_types),\n  '@digigov/form/inputs': lazyImport(_digigov_form_inputs),\n  '@digigov/form/inputs/inputsScenarios': lazyImport(_digigov_form_inputs_inputsScenarios),\n  '@digigov/form/locales/el': lazyImport(_digigov_form_locales_el),\n  '@digigov/form/validators': lazyImport(_digigov_form_validators),\n  '@digigov/form/validators/types': lazyImport(_digigov_form_validators_types),\n  '@digigov/form/Field/utils/calculateField': lazyImport(_digigov_form_Field_utils_calculateField),\n  '@digigov/form/Field/utils/evaluateFieldWithConditions': lazyImport(_digigov_form_Field_utils_evaluateFieldWithConditions),\n  '@digigov/form/Field/utils': lazyImport(_digigov_form_Field_utils),\n  '@digigov/form/Field/utils/useField': lazyImport(_digigov_form_Field_utils_useField),\n  '@digigov/form/Questions/Step/ReviewStep': lazyImport(_digigov_form_Questions_Step_ReviewStep),\n  '@digigov/form/Questions/Step/Step': lazyImport(_digigov_form_Questions_Step_Step),\n  '@digigov/form/Questions/Step/StepArrayReview': lazyImport(_digigov_form_Questions_Step_StepArrayReview),\n  '@digigov/form/Questions/Step/StepContext': lazyImport(_digigov_form_Questions_Step_StepContext),\n  '@digigov/form/Questions/Step/StepDescription': lazyImport(_digigov_form_Questions_Step_StepDescription),\n  '@digigov/form/Questions/Step/StepForm': lazyImport(_digigov_form_Questions_Step_StepForm),\n  '@digigov/form/Questions/Step/StepQuote': lazyImport(_digigov_form_Questions_Step_StepQuote),\n  '@digigov/form/Questions/Step/StepTitle': lazyImport(_digigov_form_Questions_Step_StepTitle),\n  '@digigov/form/Questions/Step/getAddMoreFields': lazyImport(_digigov_form_Questions_Step_getAddMoreFields),\n  '@digigov/form/Questions/Step': lazyImport(_digigov_form_Questions_Step),\n  '@digigov/form/Questions/Step/types': lazyImport(_digigov_form_Questions_Step_types),\n  '@digigov/form/inputs/AutoCompleteInput': lazyImport(_digigov_form_inputs_AutoCompleteInput),\n  '@digigov/form/inputs/Checkboxes': lazyImport(_digigov_form_inputs_Checkboxes),\n  '@digigov/form/inputs/DateInput': lazyImport(_digigov_form_inputs_DateInput),\n  '@digigov/form/inputs/DateTimeInput': lazyImport(_digigov_form_inputs_DateTimeInput),\n  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),\n  '@digigov/form/inputs/ImageInput': lazyImport(_digigov_form_inputs_ImageInput),\n  '@digigov/form/inputs/Input': lazyImport(_digigov_form_inputs_Input),\n  '@digigov/form/inputs/Input/inputsInputScenarios': lazyImport(_digigov_form_inputs_Input_inputsInputScenarios),\n  '@digigov/form/inputs/Label': lazyImport(_digigov_form_inputs_Label),\n  '@digigov/form/inputs/OtpInput': lazyImport(_digigov_form_inputs_OtpInput),\n  '@digigov/form/inputs/Radio': lazyImport(_digigov_form_inputs_Radio),\n  '@digigov/form/inputs/Select': lazyImport(_digigov_form_inputs_Select),\n  '@digigov/form/validators/utils/afm': lazyImport(_digigov_form_validators_utils_afm),\n  '@digigov/form/validators/utils/date': lazyImport(_digigov_form_validators_utils_date),\n  '@digigov/form/validators/utils/datetime': lazyImport(_digigov_form_validators_utils_datetime),\n  '@digigov/form/validators/utils/file': lazyImport(_digigov_form_validators_utils_file),\n  '@digigov/form/validators/utils/iban': lazyImport(_digigov_form_validators_utils_iban),\n  '@digigov/form/validators/utils/image': lazyImport(_digigov_form_validators_utils_image),\n  '@digigov/form/validators/utils': lazyImport(_digigov_form_validators_utils),\n  '@digigov/form/validators/utils/int': lazyImport(_digigov_form_validators_utils_int),\n  '@digigov/form/validators/utils/number': lazyImport(_digigov_form_validators_utils_number),\n  '@digigov/form/validators/utils/otp': lazyImport(_digigov_form_validators_utils_otp),\n  '@digigov/form/validators/utils/phone': lazyImport(_digigov_form_validators_utils_phone),\n  '@digigov/form/validators/utils/postal_code': lazyImport(_digigov_form_validators_utils_postal_code),\n  '@digigov/form/validators/utils/text_limit': lazyImport(_digigov_form_validators_utils_text_limit),\n  '@digigov/form/validators/utils/uuid4': lazyImport(_digigov_form_validators_utils_uuid4)\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-8e254888
+/** @license Digigov v2.0.0-a32ad9b2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/form",
-  "version": "2.0.0-8e254888",
+  "version": "2.0.0-a32ad9b2",
   "description": "@digigov form builder",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -10,18 +10,18 @@
     "access": "public"
   },
   "dependencies": {
-    "react-hook-form": "7.33.1",
+    "react-hook-form": "7.56.1",
     "yup": "0.32.11",
     "dayjs": "1.10.4",
-    "@hookform/resolvers": "3.9.0",
-    "@digigov/react-icons": "2.0.0-8e254888"
+    "@hookform/resolvers": "5.0.1",
+    "@digigov/react-icons": "2.0.0-a32ad9b2"
   },
   "peerDependencies": {
-    "@digigov/ui": "2.0.0-8e254888",
-    "@digigov/react-core": "2.0.0-8e254888",
+    "@digigov/ui": "2.0.0-a32ad9b2",
+    "@digigov/react-core": "2.0.0-a32ad9b2",
     "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry/index.js

@@ -48,8 +48,8 @@ import * as _digigov_form_Questions_Step_types from "@digigov/form/Questions/Ste
 import * as _digigov_form_inputs_AutoCompleteInput from "@digigov/form/inputs/AutoCompleteInput";
 import * as _digigov_form_inputs_Checkboxes from "@digigov/form/inputs/Checkboxes";
 import * as _digigov_form_inputs_DateInput from "@digigov/form/inputs/DateInput";
-import * as _digigov_form_inputs_FileInput from "@digigov/form/inputs/FileInput";
 import * as _digigov_form_inputs_DateTimeInput from "@digigov/form/inputs/DateTimeInput";
+import * as _digigov_form_inputs_FileInput from "@digigov/form/inputs/FileInput";
 import * as _digigov_form_inputs_ImageInput from "@digigov/form/inputs/ImageInput";
 import * as _digigov_form_inputs_Input from "@digigov/form/inputs/Input";
 import * as _digigov_form_inputs_Input_inputsInputScenarios from "@digigov/form/inputs/Input/inputsInputScenarios";
@@ -139,8 +139,8 @@ export default {
   '@digigov/form/inputs/AutoCompleteInput': lazyImport(_digigov_form_inputs_AutoCompleteInput),
   '@digigov/form/inputs/Checkboxes': lazyImport(_digigov_form_inputs_Checkboxes),
   '@digigov/form/inputs/DateInput': lazyImport(_digigov_form_inputs_DateInput),
-  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),
   '@digigov/form/inputs/DateTimeInput': lazyImport(_digigov_form_inputs_DateTimeInput),
+  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),
   '@digigov/form/inputs/ImageInput': lazyImport(_digigov_form_inputs_ImageInput),
   '@digigov/form/inputs/Input': lazyImport(_digigov_form_inputs_Input),
   '@digigov/form/inputs/Input/inputsInputScenarios': lazyImport(_digigov_form_inputs_Input_inputsInputScenarios),

package/src/Field/FieldBase.tsx

@@ -104,7 +104,6 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
           aria-describedby={error && `${name}-error`}
           required={required}
           disabled={editable === false}
-          ref={undefined}
           {...componentProps}
         />
       )}

package/src/Field/doc.mdx

@@ -3,4 +3,205 @@ title: Form
 parent: docs/form/components
 ---
 
-hello md
+# Field
+
+Field allow users to create different types of inputs based on data that is described by a particular config schema.
+
+```jsx
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form';
+import { Button } from '@digigov/ui/form/Button';
+
+const fields = [
+  {
+    key: 'first_name',
+    type: 'string',
+    required: true,
+    label: {
+      primary: 'Ποιo είναι το όνομά σας;',
+    },
+  },
+];
+
+export const MyComponent = () => (
+  <FormBuilder onSubmit={(data) => console.log(data)}>
+    {fields.map(({ key, ...field }) => {
+      return <Field {...field} name={key} key={key} />;
+    })}
+    <Button type="submit">Συνέχεια</Button>
+  </FormBuilder>
+);
+export default MyComponent;
+```
+
+## Accessibility & Usability
+
+Our goal is to create semantically correct and valid forms, which means
+we must avoid mixing form-related HTML elements (like form, input, label) with generic
+ones (such as div, cards, or custom components). For instance, if a paragraph element is
+placed inside a form, React will display warnings in the console. Rather than building overly
+complex interfaces that attempt to accomplish too much too quickly, Digigov Form encourages
+using forms in their intended way—filling out and validating inputs, and then submitting the form
+as a whole.
+
+Additionally, we must ensure our interfaces are fully accessible to screen readers and other
+assistive technologies. This is why we designed the flow to be as guided and recoverable as possible.
+Forms and fields should be clear and logical, reading like well-written text for the users.
+If validation fails, the system provides users with meaningful error messages and clear instructions on how to correct the errors.
+Once validation is successful, the data can be submitted. It is crucial to provide helpful information to users at each step.
+Therefore, we should avoid relying on flashy “magic” UX solutions that assume users have advanced digital skills,
+as these are often intended for expert use cases.
+
+## Introducing the Field component
+
+Field is a component that creates `form` inputs dynamically based on a `data config` schema.
+The config structure is a `key-value` pair of data that describes the input fields and its usage.
+In order to create an input, we need to provide a specific type of input for each field,
+and we can use the `type` property for this.
+
+## Field types
+
+The `type` property determines the type of input field to be rendered. Below are the available types and their descriptions.
+
+| Type              | Input Description                                                                                                                  |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| `int`             | A whole number.                                                                                                                    |
+| `string`          | A text string (e.g., name, address).                                                                                               |
+| `text`            | A larger text input, suitable for paragraphs or multiline text.                                                                    |
+| `boolean`         | A binary value, typically a checkbox or toggle (true/false).                                                                       |
+| `email`           | An email address (e.g., example@example.com).                                                                                      |
+| `uuid4`           | A universally unique identifier (UUID) in version 4 format.                                                                        |
+| `choice:multiple` | A selection of multiple options from a list (e.g., checkboxes).                                                                    |
+| `choice:single`   | A single selection from a list (e.g., radio buttons).                                                                              |
+| `mobile_phone`    | A phone number, typically with country code (e.g., +1-234-567-890).                                                                |
+| `date`            | A date input, typically in the format YYYY-MM-DD.                                                                                  |
+| `datetime`        | A date and time input, typically in the format YYYY-MM-DD HH:MM:SS.                                                                |
+| `otp`             | A one-time password, typically a short numeric or alphanumeric string.                                                             |
+| `afm`             | A Greek Tax Identification Number (AFM).                                                                                           |
+| `iban`            | An International Bank Account Number (IBAN).                                                                                       |
+| `file`            | A file upload input (e.g., for documents, images).                                                                                 |
+| `image`           | A file input that specifically handles images.                                                                                     |
+| `postal_code`     | A postal code input (e.g., ZIP code, postcode).                                                                                    |
+| `phone_number`    | A phone number input (e.g., with or without country code).                                                                         |
+| `array`           | A list of values, typically displayed as multiple inputs ([MultiplicityField](/components/@digigov/form/MultiplicityField.html)).  |
+| `object`          | A structured data object, often used for more complex or nested forms.                                                             |
+
+## Field properties
+
+The Field component accepts several properties, that describes the input fields and its usage.
+
+| Property       | Type                                                                                      | Description                                                                 |
+| -------------- | ----------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
+| `key`          | `string`                                                                                  | The name of the field (TODO: rename to `name`).                             |
+| `type`         | Describes the format of each field, e.g., `type: 'string'` is a simple input format field | The type of input field. Defines the kind of value it accepts.              |
+| `trim`         | `boolean`                                                                                 | If `true`, trims the input value.                                           |
+| `component`    | `any`                                                                                     | A custom React component for the input field.                               |
+| `autoComplete` | `string`                                                                                  | The `autocomplete` attribute value for the input field (e.g., 'on', 'off'). |
+| `maxLength`    | `number`                                                                                  | The maximum number of characters the input can accept.                      |
+| `condition`    | `Record<string, FieldCondition>`                                                          | Conditions for when the field should be shown, enabled, or validated.       |
+| `controlled`   | `boolean`                                                                                 | If `true`, the input value is controlled by React state.                    |
+| `label`        | `FieldLabelProps`                                                                         | The label associated with the input field.                                  |
+| `extra`        | `Record<string, any>`                                                                     | Extra custom attributes or settings for the field.                          |
+| `editable`     | `boolean`                                                                                 | If `false`, the field cannot be edited.                                     |
+| `variant`      | `'inline' \| 'dialog'`                                                                    | Defines the display variant of the field (e.g., inline or in a dialog).     |
+| `required`     | `boolean`                                                                                 | If `true`, the field is required to be filled.                              |
+| `enabled`      | `boolean`                                                                                 | If `false`, the field is disabled and cannot be interacted with.            |
+| `disabled`     | `boolean`                                                                                 | If `true`, the field is disabled.                                           |
+| `layout`       | `Record<string, GridProps['xs' \| 'sm' \| 'md' \| 'lg' \| 'xl']>`                         | Defines the layout settings for the field (grid system).                    |
+| `validators`   | `ValidatorSchema[]`                                                                       | Array of validators to be applied to the input field.                       |
+| `wrapper`      | `'label' \| 'fieldset'`                                                                   | Defines the wrapping element for the field (label or fieldset).             |
+| `maxWidth`     | `string`                                                                                  | The maximum width of the field.                                             |
+| `maxHeight`    | `string`                                                                                  | The maximum height of the field.                                            |
+| `width`        | `string`                                                                                  | The width of the field.                                                     |
+
+### How to use it
+
+The `Field` component is a fundamental building block of the `form`.
+We can implement a `Field` by using the `data config` or we can fill the `Field` directly with its properties.
+
+First, we need to import the `FormBuilder` component from the `@digigov/form` path.
+
+```jsx pure
+import React from 'react';
+import FormBuilder from '@digigov/form';
+import Button from '@digigov/ui/form/Button';
+
+export default function MyFieldComponent() {
+  return (
+    <FormBuilder>
+      {/* this is where all fields will eventually be rendered */}
+      <Button type="submit">Συνέχεια</Button>
+    </FormBuilder>
+  );
+}
+```
+
+#### Data config
+
+The `data config` is an array of objects that contains the configuration for each field.
+
+```jsx pure
+const fields = [
+  {
+    key: 'first_name',
+    type: 'string',
+    required: true,
+    label: {
+      primary: 'Ποιo είναι το όνομά σας;',
+    },
+  },
+];
+```
+
+Then we can use the `fields` array to render the Field(s).
+
+```jsx pure
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form';
+import { Button } from '@digigov/ui/form/Button';
+
+const fields = [
+  {
+    key: 'first_name',
+    type: 'string',
+    required: true,
+    label: {
+      primary: 'Ποιo είναι το όνομά σας;',
+    },
+  },
+];
+
+export const MyComponent = () => (
+  <FormBuilder onSubmit={(data) => console.log(data)}>
+    {fields.map(({ key, ...field }) => {
+      return <Field {...field} name={key} key={key} />;
+    })}
+    <Button type="submit">Συνέχεια</Button>
+  </FormBuilder>
+);
+export default MyComponent;
+```
+
+#### Directly
+
+We can also use the `Field` component directly and pass the properties to it.
+
+```jsx pure
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form';
+import { Button } from '@digigov/ui/form/Button';
+
+export const MyComponent = () => (
+  <FormBuilder onSubmit={(data) => console.log(data)}>
+    <Field
+      key="first_name"
+      name="first_name"
+      label={{ primary: 'Οχήματα' }}
+      type="sting"
+      required
+    />
+    <Button type="submit">Συνέχεια</Button>
+  </FormBuilder>
+);
+export default MyComponent;
+```

package/src/Field/types.tsx

@@ -35,6 +35,7 @@ export interface FieldSpec {
   trim?: boolean;
   component?: any;
   autoComplete?: string;
+  placeholder?: string;
   maxLength?: number;
   condition?: Record<string, FieldCondition>;
   controlled?: boolean;

package/src/FieldArray/index.test.tsx

@@ -22,6 +22,10 @@ test('renders the All FieldArray variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/FormBuilder/doc.mdx

@@ -4,13 +4,14 @@ title: FormBuilder
 sidebar_label: FormBuilder
 ---
 
+# FormBuilder
+
 `FormBuilder` is a React component that provides an easy way to efficiently create reusable form page. Forms are a flexible mechanism for collecting user input because there are suitable widgets for entering many different types of data, including text boxes, checkboxes, radio buttons, dropdowns and so on for submission to a server. Actually when we use `stepForm` for building step-forms all we do is to render `FormBuilder` component.
 
 `stepForm` component:
 
 <code src="@digigov/form/FormBuilder/__stories__/Default.tsx" />
 
-
 ### Importing and using FormBuilder Component
 
 To import `FormBuilder` component simply import it from `'@digigov/form`.
@@ -28,7 +29,7 @@ import BasicLayout, {
   Main,
   Bottom,
 } from '@digigov/ui/layouts/Basic';
-import {FormBuilder} from '@digigov/form';
+import { FormBuilder } from '@digigov/form';
 
 export default function MyComponent({ props }) {
   return (
@@ -73,7 +74,7 @@ Below are demostrated some examples for each type of field
 
 ### FormBuilder implementation
 
-The examples above are implemented by using the code below
+The example below are implemented by using the code above.
 
 ```jsx
 import React, { useState } from 'react';
@@ -83,7 +84,11 @@ import BasicLayout, {
   Main,
   Bottom,
 } from '@digigov/ui/layouts/Basic';
-import Header, { HeaderTitle, HeaderContent, HeaderSection } from '@digigov/ui/app/Header';
+import Header, {
+  HeaderTitle,
+  HeaderContent,
+  HeaderSection,
+} from '@digigov/ui/app/Header';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
 import Button from '@digigov/ui/form/Button';

package/src/FormBuilder/index.test.tsx

@@ -22,6 +22,10 @@ test('renders the All FormBuilder variants', async ({ mount, page }) => {
   )
   await page.evaluate(() => document.fonts.ready);
 
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
+
   const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });

package/src/FormBuilder/interaction.test.tsx

@@ -7,6 +7,10 @@ import { ErrorGrouping } from '@digigov/form/FormBuilder/__stories__/ErrorGroupi
 test('renders the ErrorGrouping and click submit', async ({ mount, page }) => {
   await mount(<ErrorGrouping />);
   await page.evaluate(() => document.fonts.ready);
+
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
   await page.click('text="Συνέχεια"');
 
   const screenshot = await page.screenshot({
@@ -22,6 +26,10 @@ test('renders the AutoErrorGrouping and click submit', async ({
 }) => {
   await mount(<AutoErrorGrouping />);
   await page.evaluate(() => document.fonts.ready);
+
+  // Move the mouse to the top-left corner to avoid random hover issues
+  await page.mouse.move(0, 0);
+
   await page.click('text="Συνέχεια"');
 
   const screenshot = await page.screenshot({