@digigov/form 1.2.0-dcbd7ded → 2.0.0-0c4be34e

package/Field/types.d.ts

@@ -1,10 +1,41 @@
 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 { ErrorOption, UseFormReturn, UseFormProps } from 'react-hook-form';
+import { ValidatorSchema } from '@digigov/form/validators/types';
+import { GridProps } from '@digigov/ui/layouts/Grid';
+export interface FieldLabelProps {
+    primary?: string;
+    secondary?: string;
+}
+export interface FieldSpec {
+    key: string;
+    type?: 'int' | 'string' | 'text' | 'boolean' | 'email' | 'uuid4' | 'choice:multiple' | 'choice:single' | 'mobile_phone' | 'date' | 'otp' | 'afm' | 'iban' | 'file' | 'image' | 'postal_code' | 'phone_number' | 'array' | 'object';
+    component?: any;
+    autoComplete?: string;
+    maxLength?: number;
+    condition?: Record<string, FieldCondition>;
+    controlled?: boolean;
+    label?: FieldLabelProps;
+    extra?: Record<string, any>;
+    editable?: boolean;
+    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 type FormData = UseFormProps['defaultValues'];
 export interface FieldWithCondition extends Omit<CalculatedField, 'condition'> {
     condition: Record<string, FieldCondition>;
 }
@@ -14,12 +45,13 @@ export interface FieldConditionalProps {
     register: UseFormReturn['register'];
     reset: UseFormReturn['reset'];
     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'];
     layout?: FieldSpec['layout'];
@@ -41,6 +73,7 @@ export interface ControlledFieldProps {
     error?: boolean;
     name?: string;
     disabled?: boolean;
+    Field: React.FC<FieldProps>;
 }
 export interface UncontrolledFieldProps {
     name: string;
@@ -50,6 +83,7 @@ export interface UncontrolledFieldProps {
     extra?: Record<string, never>;
     type?: string;
     disabled?: boolean;
+    Field: React.FC<FieldProps>;
 }
 export interface CalculatedField extends OmittedFieldSpec {
     name: string;
@@ -63,6 +97,7 @@ export interface FieldBaseProps extends CalculatedField {
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
     reset: UseFormReturn['reset'];
+    Field: React.FC<FieldProps>;
 }
 export interface FieldProps extends FieldSpec {
     name: string;

package/Field/types.js.map

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

package/Field/utils/calculateField/index.js

@@ -0,0 +1,27 @@
+function calculateField(children, field, fieldComponentRegistry, alternativeComponents) {
+  const calculatedField = { ...field };
+  if (children) {
+    calculatedField.component = children;
+    calculatedField.controlled = true;
+  } else if (typeof field.component === "function") {
+  } else if (!field.component && !field.type) {
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  } else if (typeof field?.extra?.component === "string" && alternativeComponents[field.extra.component]) {
+    calculatedField.controlled = alternativeComponents[field.extra.component]?.controlled || false;
+    calculatedField.component = alternativeComponents[field.extra.component].component;
+    calculatedField.wrapper = alternativeComponents[field.extra.component].wrapper;
+  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
+    calculatedField.component = fieldComponentRegistry[field.type].component;
+    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
+    calculatedField.controlled = fieldComponentRegistry[field.type]?.controlled || false;
+  } else {
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  }
+  return calculatedField;
+}
+export {
+  calculateField
+};
+//# sourceMappingURL=calculateField.js.map

package/{inputs/Input/__stories__/Default → Field/utils/calculateField}/package.json

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

package/Field/utils/calculateField.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps, FieldSpec, FieldComponentRegistry, CalculatedField } from '@digigov/form/Field/types';
+export declare function calculateField(children: FieldProps['children'], field: FieldSpec, fieldComponentRegistry: FieldComponentRegistry, alternativeComponents: FieldComponentRegistry): CalculatedField;

package/Field/utils/calculateField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/calculateField.ts"],
+  "sourcesContent": ["import {\n  FieldProps,\n  FieldSpec,\n  FieldComponentRegistry,\n  CalculatedField,\n} from '@digigov/form/Field/types';\n\nexport function calculateField(\n  children: FieldProps['children'],\n  field: FieldSpec,\n  fieldComponentRegistry: FieldComponentRegistry,\n  alternativeComponents: FieldComponentRegistry\n): CalculatedField {\n  const calculatedField = { ...field };\n  if (children) {\n    calculatedField.component = children;\n    calculatedField.controlled = true;\n  } else if (typeof field.component === 'function') {\n    // leave as is\n  } else if (!field.component && !field.type) {\n    calculatedField.component = fieldComponentRegistry.string.component;\n    calculatedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  } else if (\n    typeof field?.extra?.component === 'string' &&\n    alternativeComponents[field.extra.component]\n  ) {\n    calculatedField.controlled =\n      alternativeComponents[field.extra.component]?.controlled || false;\n    calculatedField.component =\n      alternativeComponents[field.extra.component].component;\n    calculatedField.wrapper =\n      alternativeComponents[field.extra.component].wrapper;\n  } else if (\n    !field.component &&\n    field.type &&\n    fieldComponentRegistry[field.type]\n  ) {\n    calculatedField.component = fieldComponentRegistry[field.type].component;\n    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;\n    calculatedField.controlled =\n      fieldComponentRegistry[field.type]?.controlled || false;\n  } else {\n    calculatedField.component = fieldComponentRegistry.string.component;\n    calculatedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  }\n  return calculatedField as CalculatedField;\n}\n"],
+  "mappings": "AAOO,SAAS,eACd,UACA,OACA,wBACA,uBACiB;AACjB,QAAM,kBAAkB,EAAE,GAAG,MAAM;AACnC,MAAI,UAAU;AACZ,oBAAgB,YAAY;AAC5B,oBAAgB,aAAa;AAAA,EAC/B,WAAW,OAAO,MAAM,cAAc,YAAY;AAAA,EAElD,WAAW,CAAC,MAAM,aAAa,CAAC,MAAM,MAAM;AAC1C,oBAAgB,YAAY,uBAAuB,OAAO;AAC1D,oBAAgB,aACd,uBAAuB,QAAQ,cAAc;AAAA,EACjD,WACE,OAAO,OAAO,OAAO,cAAc,YACnC,sBAAsB,MAAM,MAAM,SAAS,GAC3C;AACA,oBAAgB,aACd,sBAAsB,MAAM,MAAM,SAAS,GAAG,cAAc;AAC9D,oBAAgB,YACd,sBAAsB,MAAM,MAAM,SAAS,EAAE;AAC/C,oBAAgB,UACd,sBAAsB,MAAM,MAAM,SAAS,EAAE;AAAA,EACjD,WACE,CAAC,MAAM,aACP,MAAM,QACN,uBAAuB,MAAM,IAAI,GACjC;AACA,oBAAgB,YAAY,uBAAuB,MAAM,IAAI,EAAE;AAC/D,oBAAgB,UAAU,uBAAuB,MAAM,IAAI,EAAE;AAC7D,oBAAgB,aACd,uBAAuB,MAAM,IAAI,GAAG,cAAc;AAAA,EACtD,OAAO;AACL,oBAAgB,YAAY,uBAAuB,OAAO;AAC1D,oBAAgB,aACd,uBAAuB,QAAQ,cAAc;AAAA,EACjD;AACA,SAAO;AACT;",
+  "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/Field/utils/evaluateFieldWithConditions/package.json

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

package/Field/utils/evaluateFieldWithConditions.d.ts

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

package/Field/utils/evaluateFieldWithConditions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/evaluateFieldWithConditions.ts"],
+  "sourcesContent": ["import { FieldWithCondition, CalculatedField } from '@digigov/form/Field/types';\n\nexport function evaluateFieldWithConditions(\n  field: FieldWithCondition,\n  variables: FormData\n): CalculatedField {\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": "AAEO,SAAS,4BACd,OACA,WACiB;AACjB,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/index.d.ts

@@ -0,0 +1,4 @@
+import { FieldComponentRegistry } from '@digigov/form/Field/types';
+export declare const FIELD_COMPONENTS: FieldComponentRegistry;
+export declare const ALTERNATIVE_COMPONENTS: FieldComponentRegistry;
+export declare const CONTROLLED_FIELD_COMPONENTS: FieldComponentRegistry;

package/Field/utils/index.js

@@ -1,18 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { lazy, useContext, useMemo } from 'react';
-import { FormContext } from '@digigov/form/FormContext';
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import DateInput from '@digigov/form/inputs/DateInput';
-import FileInput from '@digigov/form/inputs/FileInput';
-import ImageInput from '@digigov/form/inputs/ImageInput';
-import Input from '@digigov/form/inputs/Input';
-import OtpInput from '@digigov/form/inputs/OtpInput';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-var AutoCompleteInput = /*#__PURE__*/lazy(function () {
-  return import('@digigov/form/inputs/AutoCompleteInput');
-});
-var FIELD_COMPONENTS = {
+import AutoCompleteInput from "@digigov/form/inputs/AutoCompleteInput";
+import Checkboxes from "@digigov/form/inputs/Checkboxes";
+import DateInput from "@digigov/form/inputs/DateInput";
+import FileInput from "@digigov/form/inputs/FileInput";
+import ImageInput from "@digigov/form/inputs/ImageInput";
+import Input from "@digigov/form/inputs/Input";
+import OtpInput from "@digigov/form/inputs/OtpInput";
+import Radio, { ControlledRadioButtonsGroup } from "@digigov/form/inputs/Radio";
+import Select from "@digigov/form/inputs/Select";
+const FIELD_COMPONENTS = {
   text: {
     component: Input
   },
@@ -20,134 +15,64 @@ var FIELD_COMPONENTS = {
     component: Input
   },
   file: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     component: FileInput
   },
   image: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     component: ImageInput
   },
   date: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
     component: DateInput
   },
   otp: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
     component: OtpInput
   },
-  'choice:multiple': {
-    wrapper: 'fieldset',
+  "choice:multiple": {
+    wrapper: "fieldset",
     controlled: true,
     component: Checkboxes
   },
-  'choice:single': {
-    wrapper: 'fieldset',
+  "choice:single": {
+    wrapper: "fieldset",
     controlled: false,
     component: Radio
   }
 };
-var ALTERNATIVE_COMPONENTS = {
+const ALTERNATIVE_COMPONENTS = {
   Select: {
     component: Select,
     controlled: false
   },
   AutoComplete: {
     component: AutoCompleteInput,
-    controlled: true
+    controlled: true,
+    wrapper: "fieldset"
   }
 };
-export function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-  var calculatedField = _extends({}, field);
-  var fieldComponentRegistry = _extends({}, FIELD_COMPONENTS, componentRegistry);
-  if (children) {
-    calculatedField.component = children;
-    calculatedField.controlled = true;
-  } else if (typeof field.component === 'function') {
-    // leave as is
-  } else if (!field.component && !field.type) {
-    var _fieldComponentRegist;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
-  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
-    var _ALTERNATIVE_COMPONEN;
-    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
-    calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
-  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
-    var _fieldComponentRegist2;
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
-  } else {
-    var _fieldComponentRegist3;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
-  }
-  return calculatedField;
-}
-export var useField = function useField(name, customField) {
-  var _useContext = useContext(FormContext),
-    fieldsMap = _useContext.fieldsMap,
-    control = _useContext.control,
-    register = _useContext.register,
-    reset = _useContext.reset,
-    trigger = _useContext.trigger,
-    clearErrors = _useContext.clearErrors,
-    errors = _useContext.errors,
-    registerField = _useContext.registerField,
-    watch = _useContext.watch,
-    componentRegistry = _useContext.componentRegistry,
-    getFieldState = _useContext.getFieldState,
-    setValue = _useContext.setValue,
-    getValues = _useContext.getValues,
-    unregister = _useContext.unregister,
-    formState = _useContext.formState;
-  if (!registerField) {
-    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    ");
+const CONTROLLED_FIELD_COMPONENTS = {
+  ...FIELD_COMPONENTS,
+  "choice:single": {
+    wrapper: "fieldset",
+    controlled: true,
+    component: ControlledRadioButtonsGroup
+  },
+  text: {
+    component: Input,
+    controlled: true
+  },
+  string: {
+    component: Input,
+    controlled: true
   }
-  useMemo(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    reset: reset,
-    trigger: trigger,
-    watch: watch,
-    componentRegistry: componentRegistry,
-    getFieldState: getFieldState,
-    setValue: setValue,
-    clearErrors: clearErrors,
-    getValues: getValues,
-    unregister: unregister,
-    formState: formState,
-    error: errors[name]
-  };
 };
-export function evaluateFieldWithConditions(field, variables) {
-  var newField = _extends({}, field);
-  if (variables) {
-    for (var key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        var is = field.condition[key].is;
-        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          var then = field.condition[key].then || {};
-          for (var attr in then) {
-            newField[attr] = then[attr];
-          }
-        }
-      } else if (field.condition[key]) {
-        var otherwise = field.condition[key]["else"] || {};
-        for (var _attr in otherwise) {
-          newField[_attr] = otherwise[_attr];
-        }
-      }
-    }
-  }
-  return newField;
-}
+export {
+  ALTERNATIVE_COMPONENTS,
+  CONTROLLED_FIELD_COMPONENTS,
+  FIELD_COMPONENTS
+};
+//# sourceMappingURL=index.js.map

package/Field/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/index.ts"],
+  "sourcesContent": ["import { FieldComponentRegistry } from '@digigov/form/Field/types';\nimport AutoCompleteInput from '@digigov/form/inputs/AutoCompleteInput';\nimport Checkboxes from '@digigov/form/inputs/Checkboxes';\nimport DateInput from '@digigov/form/inputs/DateInput';\nimport FileInput from '@digigov/form/inputs/FileInput';\nimport ImageInput from '@digigov/form/inputs/ImageInput';\nimport Input from '@digigov/form/inputs/Input';\nimport OtpInput from '@digigov/form/inputs/OtpInput';\nimport Radio, { ControlledRadioButtonsGroup } from '@digigov/form/inputs/Radio';\nimport Select from '@digigov/form/inputs/Select';\n\nexport const FIELD_COMPONENTS: FieldComponentRegistry = {\n  text: {\n    component: Input,\n  },\n  string: {\n    component: Input,\n  },\n  file: {\n    wrapper: 'fieldset',\n    component: FileInput,\n  },\n  image: {\n    wrapper: 'fieldset',\n    component: ImageInput,\n  },\n  date: {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: DateInput,\n  },\n  otp: {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: OtpInput,\n  },\n  'choice:multiple': {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: Checkboxes,\n  },\n  'choice:single': {\n    wrapper: 'fieldset',\n    controlled: false,\n    component: Radio,\n  },\n};\n\nexport const ALTERNATIVE_COMPONENTS: FieldComponentRegistry = {\n  Select: {\n    component: Select,\n    controlled: false,\n  },\n  AutoComplete: {\n    component: AutoCompleteInput,\n    controlled: true,\n    wrapper: 'fieldset',\n  },\n};\n\nexport const CONTROLLED_FIELD_COMPONENTS: FieldComponentRegistry = {\n  ...FIELD_COMPONENTS,\n  'choice:single': {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: ControlledRadioButtonsGroup,\n  },\n  text: {\n    component: Input,\n    controlled: true,\n  },\n  string: {\n    component: Input,\n    controlled: true,\n  },\n};\n"],
+  "mappings": "AACA,OAAO,uBAAuB;AAC9B,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,cAAc;AACrB,OAAO,SAAS,mCAAmC;AACnD,OAAO,YAAY;AAEZ,MAAM,mBAA2C;AAAA,EACtD,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,yBAAiD;AAAA,EAC5D,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,8BAAsD;AAAA,EACjE,GAAG;AAAA,EACH,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;",
+  "names": []
+}

package/Field/utils/useField/index.js

@@ -0,0 +1,51 @@
+import { useContext, useMemo } from "react";
+import { FormContext } from "@digigov/form/FormContext";
+const useField = (name, customField) => {
+  const {
+    fieldsMap,
+    control,
+    register,
+    reset,
+    trigger,
+    clearErrors,
+    errors,
+    registerField,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    getValues,
+    unregister,
+    formState
+  } = 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/
+    `);
+  }
+  useMemo(
+    () => customField?.type && registerField({ ...customField, key: name }),
+    [customField, name, registerField]
+  );
+  return {
+    field: customField || fieldsMap[name],
+    control,
+    register,
+    reset,
+    trigger,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    clearErrors,
+    getValues,
+    unregister,
+    formState,
+    error: errors[name]
+  };
+};
+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 { 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 { 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    trigger,\n    clearErrors,\n    errors,\n    registerField,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    getValues,\n    unregister,\n    formState,\n  } = useContext(FormContext);\n\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\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    trigger,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    clearErrors,\n    getValues,\n    unregister,\n    formState,\n    error: errors[name],\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,EACF,IAAI,WAAW,WAAW;AAE1B,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM;AAAA;AAAA;AAAA,KAGf;AAAA,EACH;AAEA;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,OAAO,OAAO,IAAI;AAAA,EACpB;AACF;",
+  "names": []
+}

package/FieldArray/FieldArray.stories/index.js

@@ -1,8 +1,14 @@
-import FieldArray from '@digigov/form/FieldArray';
-export default {
-  title: 'Digigov Form/FieldArray',
+import FieldArray from "@digigov/form/FieldArray";
+var FieldArray_stories_default = {
+  title: "Digigov Form/FieldArray",
   component: FieldArray,
-  displayName: 'FieldArray'
+  displayName: "FieldArray"
 };
-export * from '@digigov/form/FieldArray/__stories__/Default';
-export * from '@digigov/form/FieldArray/__stories__/WithExactLength';
+import { Default } from "@digigov/form/FieldArray/__stories__/Default";
+import { WithExactLength } from "@digigov/form/FieldArray/__stories__/WithExactLength";
+export {
+  Default,
+  WithExactLength,
+  FieldArray_stories_default as default
+};
+//# sourceMappingURL=FieldArray.stories.js.map

package/FieldArray/FieldArray.stories.d.ts

@@ -4,6 +4,6 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/FieldArray/__stories__/Default";
-export * from "@digigov/form/FieldArray/__stories__/WithExactLength";
+export { Default } from "@digigov/form/FieldArray/__stories__/Default";
+export { WithExactLength } from "@digigov/form/FieldArray/__stories__/WithExactLength";
 import FieldArray from '@digigov/form/FieldArray';

package/FieldArray/FieldArray.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FieldArray/FieldArray.stories.js"],
+  "sourcesContent": ["import FieldArray from '@digigov/form/FieldArray';\nexport default {\n  title: 'Digigov Form/FieldArray',\n  component: FieldArray,\n  displayName: 'FieldArray',\n};\nexport { Default } from '@digigov/form/FieldArray/__stories__/Default';\nexport { WithExactLength } from '@digigov/form/FieldArray/__stories__/WithExactLength';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,uBAAuB;",
+  "names": []
+}