@digigov/form 2.0.0-cbc56209 → 2.0.0-d16ded05

package/Field/index.js

@@ -1,70 +1,110 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "children"];
-import React, { useMemo } from 'react';
-import { FieldBase } from '@digigov/form/Field/FieldBase';
-import FieldConditional from '@digigov/form/Field/FieldConditional';
-import { useField, calculateField } from '@digigov/form/Field/utils';
-import FieldArray from '@digigov/form/FieldArray';
-import Multiplicity from '@digigov/form/MultiplicityField';
-export var Field = function Field(_ref) {
-  var name = _ref.name,
-    children = _ref.children,
-    customField = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
-    field = _useField.field,
-    control = _useField.control,
-    register = _useField.register,
-    reset = _useField.reset,
-    error = _useField.error,
-    componentRegistry = _useField.componentRegistry,
-    formState = _useField.formState,
-    setValue = _useField.setValue,
-    getValues = _useField.getValues,
-    unregister = _useField.unregister,
-    trigger = _useField.trigger,
-    clearErrors = _useField.clearErrors;
-  var calculatedField = useMemo(function () {
-    return calculateField(children, field, componentRegistry);
-  }, [field]);
-  if (calculatedField.condition) {
-    return /*#__PURE__*/React.createElement(FieldConditional, {
-      control: control,
-      reset: reset,
-      register: register,
-      field: calculatedField,
-      error: error
-    });
+import React, { useMemo } from "react";
+import { FieldBase } from "@digigov/form/Field/FieldBase";
+import FieldConditional from "@digigov/form/Field/FieldConditional";
+import { resolveField } from "@digigov/form/Field/utils/resolveField";
+import { useField } from "@digigov/form/Field/utils/useField";
+import FieldArray from "@digigov/form/FieldArray";
+import Multiplicity from "@digigov/form/MultiplicityField";
+const Field = ({
+  name,
+  children,
+  ...customField
+}) => {
+  const {
+    field,
+    control,
+    register,
+    reset,
+    resetField,
+    error,
+    componentRegistry,
+    formState,
+    setValue,
+    getValues,
+    unregister,
+    trigger,
+    clearErrors,
+    registerFieldFocus
+  } = useField(name, customField?.type ? customField : null);
+  const resolvedField = useMemo(
+    () => resolveField(children, field, componentRegistry),
+    [field]
+  );
+  if (resolvedField.condition) {
+    return /* @__PURE__ */ React.createElement(
+      FieldConditional,
+      {
+        control,
+        reset,
+        resetField,
+        register,
+        field: resolvedField,
+        error,
+        Field
+      }
+    );
   }
-  if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
-    calculatedField.name = name;
-    return /*#__PURE__*/React.createElement(FieldArray, _extends({
-      control: control,
-      register: register,
-      error: error,
-      formState: formState
-    }, calculatedField));
+  if (resolvedField.type === "array" && !resolvedField.multiplicity) {
+    resolvedField.name = name;
+    return /* @__PURE__ */ React.createElement(
+      FieldArray,
+      {
+        control,
+        trigger,
+        register,
+        clearErrors,
+        error,
+        getValues,
+        setValue,
+        formState,
+        Field,
+        reset,
+        resetField,
+        registerFieldFocus,
+        ...resolvedField
+      }
+    );
   }
-  if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
-    calculatedField.name = name;
-    return /*#__PURE__*/React.createElement(Multiplicity, _extends({
-      control: control,
-      register: register,
-      trigger: trigger,
-      clearErrors: clearErrors,
-      error: error,
-      formState: formState,
-      setValue: setValue,
-      getValues: getValues,
-      unregister: unregister
-    }, calculatedField));
+  if (resolvedField.type === "array" && resolvedField.multiplicity === true) {
+    resolvedField.name = name;
+    return /* @__PURE__ */ React.createElement(
+      Multiplicity,
+      {
+        control,
+        register,
+        trigger,
+        clearErrors,
+        error,
+        formState,
+        setValue,
+        getValues,
+        unregister,
+        resetField,
+        Field,
+        ...resolvedField
+      }
+    );
   }
-  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
-    name: name,
-    control: control,
-    register: register,
-    reset: reset,
-    error: error
-  }));
+  const editable = customField.editable === false || customField.disabled === true ? false : true;
+  const customError = error ? error : formState?.errors[name];
+  return /* @__PURE__ */ React.createElement(
+    FieldBase,
+    {
+      ...resolvedField,
+      editable,
+      name,
+      control,
+      register,
+      reset,
+      error: customError,
+      resetField,
+      Field
+    }
+  );
 };
-export default Field;
+var Field_default = Field;
+export {
+  Field,
+  Field_default as default
+};
+//# sourceMappingURL=index.js.map

package/Field/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Field/index.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport FieldConditional from '@digigov/form/Field/FieldConditional';\nimport type { FieldWithCondition, FieldProps } from '@digigov/form/Field/types';\nimport { resolveField } from '@digigov/form/Field/utils/resolveField';\nimport { useField } from '@digigov/form/Field/utils/useField';\nimport FieldArray from '@digigov/form/FieldArray';\nimport Multiplicity from '@digigov/form/MultiplicityField';\nexport const Field: React.FC<FieldProps> = ({\n  name,\n  children,\n  ...customField\n}) => {\n  const {\n    field,\n    control,\n    register,\n    reset,\n    resetField,\n    error,\n    componentRegistry,\n    formState,\n    setValue,\n    getValues,\n    unregister,\n    trigger,\n    clearErrors,\n    registerFieldFocus,\n  } = useField(name, customField?.type ? customField : null);\n  const resolvedField = useMemo(\n    () => resolveField(children, field, componentRegistry),\n    [field]\n  );\n  if (resolvedField.condition) {\n    return (\n      <FieldConditional\n        control={control}\n        reset={reset}\n        resetField={resetField}\n        register={register}\n        field={resolvedField as FieldWithCondition}\n        error={error}\n        Field={Field}\n      />\n    );\n  }\n  if (resolvedField.type === 'array' && !resolvedField.multiplicity) {\n    resolvedField.name = name;\n    return (\n      <FieldArray\n        control={control}\n        trigger={trigger}\n        register={register}\n        clearErrors={clearErrors}\n        error={error}\n        getValues={getValues}\n        setValue={setValue}\n        formState={formState}\n        Field={Field}\n        reset={reset}\n        resetField={resetField}\n        registerFieldFocus={registerFieldFocus}\n        {...resolvedField}\n      />\n    );\n  }\n  if (resolvedField.type === 'array' && resolvedField.multiplicity === true) {\n    resolvedField.name = name;\n    return (\n      <Multiplicity\n        control={control}\n        register={register}\n        trigger={trigger}\n        clearErrors={clearErrors}\n        error={error}\n        formState={formState}\n        setValue={setValue}\n        getValues={getValues}\n        unregister={unregister}\n        resetField={resetField}\n        Field={Field}\n        {...resolvedField}\n      />\n    );\n  }\n  const editable =\n    customField.editable === false || customField.disabled === true\n      ? false\n      : true;\n  const customError = error ? error : formState?.errors[name];\n  return (\n    <FieldBase\n      {...resolvedField}\n      editable={editable}\n      name={name}\n      control={control}\n      register={register}\n      reset={reset}\n      error={customError}\n      resetField={resetField}\n      Field={Field}\n    />\n  );\n};\n\nexport default Field;\n"],
+  "mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,iBAAiB;AAC1B,OAAO,sBAAsB;AAE7B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,OAAO,gBAAgB;AACvB,OAAO,kBAAkB;AAClB,MAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,SAAS,MAAM,aAAa,OAAO,cAAc,IAAI;AACzD,QAAM,gBAAgB;AAAA,IACpB,MAAM,aAAa,UAAU,OAAO,iBAAiB;AAAA,IACrD,CAAC,KAAK;AAAA,EACR;AACA,MAAI,cAAc,WAAW;AAC3B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,cAAc,SAAS,WAAW,CAAC,cAAc,cAAc;AACjE,kBAAc,OAAO;AACrB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,MAAI,cAAc,SAAS,WAAW,cAAc,iBAAiB,MAAM;AACzE,kBAAc,OAAO;AACrB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACA,QAAM,WACJ,YAAY,aAAa,SAAS,YAAY,aAAa,OACvD,QACA;AACN,QAAM,cAAc,QAAQ,QAAQ,WAAW,OAAO,IAAI;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/Field/types/index.js

@@ -1 +1 @@
-export {};
+//# sourceMappingURL=types.js.map

package/Field/types.d.ts

@@ -1,11 +1,49 @@
-import React from 'react';
-import { ErrorOption, UseFormReturn } from 'react-hook-form';
-import { FieldSpec } from '@digigov/form/types';
-import { FieldCondition, FormData } from '@digigov/form/types';
+import type React from 'react';
+import type { ErrorOption, UseFormReturn, UseFormProps } from 'react-hook-form';
+import type { FieldComponentRegistry } from '@digigov/form/inputs/registry';
+import type { registerFieldFocus } from '@digigov/form/types';
+import type { ValidatorSchema } from '@digigov/form/validators/types';
+import type { FieldsetLegendProps } from '@digigov/ui/form/FieldContainer';
+import type { GridProps } from '@digigov/ui/layouts/Grid';
+export interface FieldLabelProps {
+    primary?: string;
+    secondary?: string;
+    hint?: string;
+}
+export interface FieldSpec {
+    key: string;
+    type?: 'int' | 'string' | 'text' | 'boolean' | 'email' | 'uuid4' | 'choice:multiple' | 'choice:single' | 'mobile_phone' | 'date' | 'datetime' | 'otp' | 'afm' | 'amka' | 'iban' | 'file' | 'image' | 'postal_code' | 'phone_number' | 'array' | 'object';
+    trim?: boolean;
+    component?: any;
+    autoComplete?: string;
+    placeholder?: string;
+    maxLength?: number;
+    condition?: Record<string, FieldCondition>;
+    controlled?: boolean;
+    label?: FieldLabelProps;
+    extra?: Record<string, any>;
+    editable?: boolean;
+    variant?: 'inline' | 'dialog';
+    required?: boolean;
+    enabled?: boolean;
+    disabled?: boolean;
+    layout?: Record<string, GridProps['xs'] | GridProps['sm'] | GridProps['md'] | GridProps['lg'] | GridProps['xl']>;
+    validators?: ValidatorSchema[];
+    wrapper?: 'label' | 'fieldset';
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+}
+export interface FieldCondition {
+    is: string | string[] | number | number[] | boolean | boolean[];
+    then?: Partial<FieldSpec>;
+    else?: Partial<FieldSpec>;
+}
 export interface ChildFieldMemoProps extends FieldConditionalProps {
     dependencies: FormData;
 }
-export interface FieldWithCondition extends Omit<CalculatedField, 'condition'> {
+export type FormData = UseFormProps['defaultValues'];
+export interface FieldWithCondition extends Omit<ResolvedField, 'condition'> {
     condition: Record<string, FieldCondition>;
 }
 export interface FieldConditionalProps {
@@ -13,23 +51,27 @@ export interface FieldConditionalProps {
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
     reset: UseFormReturn['reset'];
+    resetField?: UseFormReturn['resetField'];
     error?: ErrorOption;
+    Field: React.FC<FieldProps>;
 }
-export type FieldComponentItem = {
+export interface FieldComponentItem {
     component: any;
     controlled?: boolean;
     wrapper?: FieldSpec['wrapper'];
-};
+}
 export interface FieldContainerProps {
     name?: FieldSpec['key'];
+    register: FieldBaseProps['register'];
     layout?: FieldSpec['layout'];
     label?: FieldSpec['label'];
     error?: ErrorOption | Record<string, any>;
+    hasError?: boolean;
     children?: React.ReactNode;
+    controlled?: boolean;
     wrapper?: FieldSpec['wrapper'];
+    labelSize?: FieldsetLegendProps['size'];
 }
-export type FieldComponentRegistry = Record<string, FieldComponentItem>;
-export type OmittedFieldSpec = Omit<FieldSpec, 'component'>;
 export type UnknownValue = never | never[];
 export interface ControlledFieldProps {
     type?: string;
@@ -41,6 +83,7 @@ export interface ControlledFieldProps {
     error?: boolean;
     name?: string;
     disabled?: boolean;
+    Field?: React.FC<FieldProps>;
 }
 export interface UncontrolledFieldProps {
     name: string;
@@ -50,8 +93,9 @@ export interface UncontrolledFieldProps {
     extra?: Record<string, never>;
     type?: string;
     disabled?: boolean;
+    Field: React.FC<FieldProps>;
 }
-export interface CalculatedField extends OmittedFieldSpec {
+export interface ResolvedField extends Omit<FieldSpec, 'component'> {
     name: string;
     component: any;
     defaultValue?: never;
@@ -59,10 +103,12 @@ export interface CalculatedField extends OmittedFieldSpec {
     wrapper?: FieldComponentItem['wrapper'];
     multiplicity?: boolean;
 }
-export interface FieldBaseProps extends CalculatedField {
+export interface FieldBaseProps extends ResolvedField {
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
     reset: UseFormReturn['reset'];
+    resetField?: UseFormReturn['resetField'];
+    Field?: React.FC<FieldProps>;
 }
 export interface FieldProps extends FieldSpec {
     name: string;
@@ -73,6 +119,7 @@ export interface UseFieldProps {
     control: FieldBaseProps['control'];
     register: FieldBaseProps['register'];
     reset: FieldBaseProps['reset'];
+    resetField: FieldBaseProps['resetField'];
     watch: UseFormReturn['watch'];
     formState: UseFormReturn['formState'];
     getFieldState: UseFormReturn['getFieldState'];
@@ -82,5 +129,6 @@ export interface UseFieldProps {
     trigger: UseFormReturn['trigger'];
     clearErrors: UseFormReturn['clearErrors'];
     error?: ErrorOption;
+    registerFieldFocus: registerFieldFocus;
     componentRegistry?: FieldComponentRegistry;
 }

package/Field/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/Field/utils/evaluateFieldWithConditions/index.js

@@ -0,0 +1,26 @@
+function evaluateFieldWithConditions(field, variables) {
+  const newField = { ...field };
+  if (variables) {
+    for (const key in variables) {
+      if (field.condition[key] && field.condition[key].is) {
+        const is = field.condition[key].is;
+        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
+          const then = field.condition[key].then || {};
+          for (const attr in then) {
+            newField[attr] = then[attr];
+          }
+        }
+      } else if (field.condition[key]) {
+        const otherwise = field.condition[key].else || {};
+        for (const attr in otherwise) {
+          newField[attr] = otherwise[attr];
+        }
+      }
+    }
+  }
+  return newField;
+}
+export {
+  evaluateFieldWithConditions
+};
+//# sourceMappingURL=evaluateFieldWithConditions.js.map

package/{inputs/DateInput/__stories__/Default → Field/utils/evaluateFieldWithConditions}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/DateInput/__stories__/Default/index.js"
+  "main": "../../../cjs/Field/utils/evaluateFieldWithConditions/index.js"
 }

package/Field/utils/evaluateFieldWithConditions.d.ts

@@ -0,0 +1,2 @@
+import type { FieldWithCondition, ResolvedField } from '@digigov/form/Field/types';
+export declare function evaluateFieldWithConditions(field: FieldWithCondition, variables: FormData): ResolvedField;

package/Field/utils/evaluateFieldWithConditions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/evaluateFieldWithConditions.ts"],
+  "sourcesContent": ["import type {\n  FieldWithCondition,\n  ResolvedField,\n} from '@digigov/form/Field/types';\n\nexport function evaluateFieldWithConditions(\n  field: FieldWithCondition,\n  variables: FormData\n): ResolvedField {\n  const newField = { ...field };\n  if (variables) {\n    for (const key in variables) {\n      if (field.condition[key] && field.condition[key].is) {\n        const is = field.condition[key].is;\n        if (\n          is === variables[key] ||\n          (Array.isArray(variables[key]) && variables[key].includes(is))\n        ) {\n          const then = field.condition[key].then || {};\n          for (const attr in then) {\n            newField[attr] = then[attr];\n          }\n        }\n      } else if (field.condition[key]) {\n        const otherwise = field.condition[key].else || {};\n        for (const attr in otherwise) {\n          newField[attr] = otherwise[attr];\n        }\n      }\n    }\n  }\n  return newField;\n}\n"],
+  "mappings": "AAKO,SAAS,4BACd,OACA,WACe;AACf,QAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,MAAI,WAAW;AACb,eAAW,OAAO,WAAW;AAC3B,UAAI,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,EAAE,IAAI;AACnD,cAAM,KAAK,MAAM,UAAU,GAAG,EAAE;AAChC,YACE,OAAO,UAAU,GAAG,KACnB,MAAM,QAAQ,UAAU,GAAG,CAAC,KAAK,UAAU,GAAG,EAAE,SAAS,EAAE,GAC5D;AACA,gBAAM,OAAO,MAAM,UAAU,GAAG,EAAE,QAAQ,CAAC;AAC3C,qBAAW,QAAQ,MAAM;AACvB,qBAAS,IAAI,IAAI,KAAK,IAAI;AAAA,UAC5B;AAAA,QACF;AAAA,MACF,WAAW,MAAM,UAAU,GAAG,GAAG;AAC/B,cAAM,YAAY,MAAM,UAAU,GAAG,EAAE,QAAQ,CAAC;AAChD,mBAAW,QAAQ,WAAW;AAC5B,mBAAS,IAAI,IAAI,UAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/Field/utils/resolveField/index.js

@@ -0,0 +1,35 @@
+import {
+  ALTERNATIVE_COMPONENTS,
+  FIELD_COMPONENTS
+} from "@digigov/form/inputs/registry";
+function resolveField(children, field, customComponentRegistry) {
+  const fieldComponentRegistry = {
+    ...FIELD_COMPONENTS,
+    ...customComponentRegistry ?? {}
+  };
+  const resolvedField = { ...field };
+  if (children) {
+    resolvedField.component = children;
+    resolvedField.controlled = true;
+  } else if (typeof field.component === "function") {
+  } else if (!field.component && !field.type) {
+    resolvedField.component = fieldComponentRegistry.string.component;
+    resolvedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  } else if (typeof field?.extra?.component === "string" && ALTERNATIVE_COMPONENTS[field.extra.component]) {
+    resolvedField.controlled = ALTERNATIVE_COMPONENTS[field.extra.component]?.controlled || false;
+    resolvedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
+    resolvedField.wrapper = ALTERNATIVE_COMPONENTS[field.extra.component].wrapper;
+  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
+    resolvedField.component = fieldComponentRegistry[field.type].component;
+    resolvedField.wrapper = fieldComponentRegistry[field.type].wrapper;
+    resolvedField.controlled = fieldComponentRegistry[field.type]?.controlled || false;
+  } else {
+    resolvedField.component = fieldComponentRegistry.string.component;
+    resolvedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  }
+  return resolvedField;
+}
+export {
+  resolveField
+};
+//# sourceMappingURL=resolveField.js.map

package/{Questions/Questions.stories → Field/utils/resolveField}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/Questions/Questions.stories/index.js"
+  "main": "../../../cjs/Field/utils/resolveField/index.js"
 }

package/Field/utils/resolveField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldProps, FieldSpec, ResolvedField } from '@digigov/form/Field/types';
+import { type FieldComponentRegistry } from '@digigov/form/inputs/registry';
+export declare function resolveField(children: FieldProps['children'], field: FieldSpec, customComponentRegistry?: FieldComponentRegistry): ResolvedField;

package/Field/utils/resolveField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/resolveField.ts"],
+  "sourcesContent": ["import type {\n  FieldProps,\n  FieldSpec,\n  ResolvedField,\n} from '@digigov/form/Field/types';\nimport {\n  ALTERNATIVE_COMPONENTS,\n  FIELD_COMPONENTS,\n  type FieldComponentRegistry,\n} from '@digigov/form/inputs/registry';\n\nexport function resolveField(\n  children: FieldProps['children'],\n  field: FieldSpec,\n  customComponentRegistry?: FieldComponentRegistry\n): ResolvedField {\n  const fieldComponentRegistry = {\n    ...FIELD_COMPONENTS,\n    ...(customComponentRegistry ?? {}),\n  };\n\n  const resolvedField = { ...field };\n\n  if (children) {\n    resolvedField.component = children;\n    resolvedField.controlled = true;\n  } else if (typeof field.component === 'function') {\n    // leave as is\n  } else if (!field.component && !field.type) {\n    resolvedField.component = fieldComponentRegistry.string.component;\n    resolvedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  } else if (\n    typeof field?.extra?.component === 'string' &&\n    ALTERNATIVE_COMPONENTS[field.extra.component]\n  ) {\n    resolvedField.controlled =\n      ALTERNATIVE_COMPONENTS[field.extra.component]?.controlled || false;\n    resolvedField.component =\n      ALTERNATIVE_COMPONENTS[field.extra.component].component;\n    resolvedField.wrapper =\n      ALTERNATIVE_COMPONENTS[field.extra.component].wrapper;\n  } else if (\n    !field.component &&\n    field.type &&\n    fieldComponentRegistry[field.type]\n  ) {\n    resolvedField.component = fieldComponentRegistry[field.type].component;\n    resolvedField.wrapper = fieldComponentRegistry[field.type].wrapper;\n    resolvedField.controlled =\n      fieldComponentRegistry[field.type]?.controlled || false;\n  } else {\n    resolvedField.component = fieldComponentRegistry.string.component;\n    resolvedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  }\n  return resolvedField as ResolvedField;\n}\n"],
+  "mappings": "AAKA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,SAAS,aACd,UACA,OACA,yBACe;AACf,QAAM,yBAAyB;AAAA,IAC7B,GAAG;AAAA,IACH,GAAI,2BAA2B,CAAC;AAAA,EAClC;AAEA,QAAM,gBAAgB,EAAE,GAAG,MAAM;AAEjC,MAAI,UAAU;AACZ,kBAAc,YAAY;AAC1B,kBAAc,aAAa;AAAA,EAC7B,WAAW,OAAO,MAAM,cAAc,YAAY;AAAA,EAElD,WAAW,CAAC,MAAM,aAAa,CAAC,MAAM,MAAM;AAC1C,kBAAc,YAAY,uBAAuB,OAAO;AACxD,kBAAc,aACZ,uBAAuB,QAAQ,cAAc;AAAA,EACjD,WACE,OAAO,OAAO,OAAO,cAAc,YACnC,uBAAuB,MAAM,MAAM,SAAS,GAC5C;AACA,kBAAc,aACZ,uBAAuB,MAAM,MAAM,SAAS,GAAG,cAAc;AAC/D,kBAAc,YACZ,uBAAuB,MAAM,MAAM,SAAS,EAAE;AAChD,kBAAc,UACZ,uBAAuB,MAAM,MAAM,SAAS,EAAE;AAAA,EAClD,WACE,CAAC,MAAM,aACP,MAAM,QACN,uBAAuB,MAAM,IAAI,GACjC;AACA,kBAAc,YAAY,uBAAuB,MAAM,IAAI,EAAE;AAC7D,kBAAc,UAAU,uBAAuB,MAAM,IAAI,EAAE;AAC3D,kBAAc,aACZ,uBAAuB,MAAM,IAAI,GAAG,cAAc;AAAA,EACtD,OAAO;AACL,kBAAc,YAAY,uBAAuB,OAAO;AACxD,kBAAc,aACZ,uBAAuB,QAAQ,cAAc;AAAA,EACjD;AACA,SAAO;AACT;",
+  "names": []
+}

package/Field/utils/useField/index.js

@@ -0,0 +1,66 @@
+import { useContext, useMemo } from "react";
+import { FormContext } from "@digigov/form/FormContext";
+const useField = (name, customField) => {
+  const {
+    fieldsMap,
+    control,
+    register,
+    reset,
+    resetField,
+    trigger,
+    clearErrors,
+    errors,
+    registerField,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    getValues,
+    unregister,
+    formState,
+    registerFieldFocus
+  } = useContext(FormContext);
+  if (!registerField) {
+    throw new Error(`
+      You can't use the Field component without wrapping it in FormBuilder.
+      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/
+    `);
+  }
+  let error = errors[name];
+  const nameIndexRegex = name.match(/^\[*(.*?)\.(\d+)\]*$/);
+  if (nameIndexRegex) {
+    const [, fieldArrayName, indexStr] = nameIndexRegex;
+    error = errors[fieldArrayName]?.[Number(indexStr)];
+  }
+  const nestedNameIndexRegex = name.match(/^\[*(.*?)\.(\d+)\.(.*?)\]*$/);
+  if (nestedNameIndexRegex) {
+    const [, fieldArrayName, indexStr, fieldItemName] = nestedNameIndexRegex;
+    error = errors[fieldArrayName]?.[Number(indexStr)]?.[fieldItemName];
+  }
+  useMemo(
+    () => customField?.type && registerField({ ...customField, key: name }),
+    [customField, name, registerField]
+  );
+  return {
+    field: customField || fieldsMap[name],
+    control,
+    register,
+    reset,
+    resetField,
+    trigger,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    clearErrors,
+    getValues,
+    unregister,
+    formState,
+    error,
+    registerFieldFocus
+  };
+};
+export {
+  useField
+};
+//# sourceMappingURL=useField.js.map

package/{FormBuilder/FormBuilder → Field/utils/useField}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/FormBuilder/FormBuilder/index.js"
+  "main": "../../../cjs/Field/utils/useField/index.js"
 }

package/Field/utils/useField.d.ts

@@ -0,0 +1,2 @@
+import type { FieldSpec, UseFieldProps } from '@digigov/form/Field/types';
+export declare const useField: (name: string, customField: FieldSpec | null) => UseFieldProps;

package/Field/utils/useField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/useField.ts"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport type { FieldSpec, UseFieldProps } from '@digigov/form/Field/types';\nimport { FormContext } from '@digigov/form/FormContext';\n\nexport const useField = (\n  name: string,\n  customField: FieldSpec | null\n): UseFieldProps => {\n  const {\n    fieldsMap,\n    control,\n    register,\n    reset,\n    resetField,\n    trigger,\n    clearErrors,\n    errors,\n    registerField,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    getValues,\n    unregister,\n    formState,\n    registerFieldFocus,\n  } = useContext(FormContext);\n  if (!registerField) {\n    throw new Error(`\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    `);\n  }\n  let error = errors[name];\n\n  const nameIndexRegex = name.match(/^\\[*(.*?)\\.(\\d+)\\]*$/);\n  if (nameIndexRegex) {\n    const [, fieldArrayName, indexStr] = nameIndexRegex;\n    error = errors[fieldArrayName]?.[Number(indexStr)];\n  }\n  const nestedNameIndexRegex = name.match(/^\\[*(.*?)\\.(\\d+)\\.(.*?)\\]*$/);\n  if (nestedNameIndexRegex) {\n    const [, fieldArrayName, indexStr, fieldItemName] = nestedNameIndexRegex;\n    error = errors[fieldArrayName]?.[Number(indexStr)]?.[fieldItemName];\n  }\n  useMemo(\n    () => customField?.type && registerField({ ...customField, key: name }),\n    [customField, name, registerField]\n  );\n  return {\n    field: customField || fieldsMap[name],\n    control,\n    register,\n    reset,\n    resetField,\n    trigger,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    clearErrors,\n    getValues,\n    unregister,\n    formState,\n    error,\n    registerFieldFocus,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,mBAAmB;AAErB,MAAM,WAAW,CACtB,MACA,gBACkB;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,WAAW;AAC1B,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM;AAAA;AAAA;AAAA,KAGf;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,IAAI;AAEvB,QAAM,iBAAiB,KAAK,MAAM,sBAAsB;AACxD,MAAI,gBAAgB;AAClB,UAAM,CAAC,EAAE,gBAAgB,QAAQ,IAAI;AACrC,YAAQ,OAAO,cAAc,IAAI,OAAO,QAAQ,CAAC;AAAA,EACnD;AACA,QAAM,uBAAuB,KAAK,MAAM,6BAA6B;AACrE,MAAI,sBAAsB;AACxB,UAAM,CAAC,EAAE,gBAAgB,UAAU,aAAa,IAAI;AACpD,YAAQ,OAAO,cAAc,IAAI,OAAO,QAAQ,CAAC,IAAI,aAAa;AAAA,EACpE;AACA;AAAA,IACE,MAAM,aAAa,QAAQ,cAAc,EAAE,GAAG,aAAa,KAAK,KAAK,CAAC;AAAA,IACtE,CAAC,aAAa,MAAM,aAAa;AAAA,EACnC;AACA,SAAO;AAAA,IACL,OAAO,eAAe,UAAU,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/FieldArray/BaseFieldArray/index.js

@@ -0,0 +1,76 @@
+import React from "react";
+import { useFieldArray } from "react-hook-form";
+import { FieldObject } from "@digigov/form/FieldObject";
+import { FieldsetLabel, Fieldset } from "@digigov/form/Fieldset";
+import { Card } from "@digigov/ui/content/Card";
+import { Button } from "@digigov/ui/form/Button";
+const BaseFieldArray = React.forwardRef(
+  ({
+    name,
+    register,
+    control,
+    formState,
+    error,
+    getValues,
+    Field,
+    ...customField
+  }, ref) => {
+    const { append, remove } = useFieldArray({
+      control,
+      name
+    });
+    const fields = getValues(name) || [];
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, fields.map((field, index) => /* @__PURE__ */ React.createElement(
+      Card,
+      {
+        variant: customField.extra?.border ? "border" : "divider",
+        key: field.id || index
+      },
+      /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldsetLabel, null, `${customField.extra?.label.object.title}${!customField.extra?.noIndex ? " " + String(index + 1) : ""}`), /* @__PURE__ */ React.createElement(
+        FieldObject,
+        {
+          name: `${name}.${index}`,
+          error: Array.isArray(error) && error[index],
+          formState,
+          register,
+          control,
+          ...customField.extra?.of,
+          Field
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          name: `${name}-object-remove`,
+          variant: customField.extra?.label.object?.deleteButtonVariant,
+          type: "button",
+          color: "warning",
+          onClick: () => remove(index),
+          disabled: !customField?.editable
+        },
+        customField.extra?.label.object?.delete
+      ))
+    )), customField.editable && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        ref,
+        type: "button",
+        name: `${name}-add-object`,
+        color: "secondary",
+        variant: customField.extra?.label.object?.addButtonVariant,
+        onClick: (ev) => {
+          ev.preventDefault();
+          append({});
+        },
+        disabled: !customField?.editable
+      },
+      customField.extra?.label.object?.add
+    ));
+  }
+);
+BaseFieldArray.displayName = "BaseFieldArray";
+var BaseFieldArray_default = BaseFieldArray;
+export {
+  BaseFieldArray,
+  BaseFieldArray_default as default
+};
+//# sourceMappingURL=BaseFieldArray.js.map

package/FieldArray/BaseFieldArray/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FieldArray/BaseFieldArray/index.js"
+}

package/FieldArray/BaseFieldArray.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FieldArrayProps } from '@digigov/form/FieldArray';
+type BaseFieldArrayProps = Omit<FieldArrayProps, 'registerFieldFocus' | 'trigger' | 'clearErrors' | 'setValue' | 'reset' | 'resetField'>;
+export declare const BaseFieldArray: React.ForwardRefExoticComponent<BaseFieldArrayProps & React.RefAttributes<HTMLButtonElement>>;
+export default BaseFieldArray;