@digigov/form 1.0.0-rc.4 → 1.0.0-rc.5

package/Field/{FieldBase.js → FieldBase/index.js}

@@ -3,32 +3,30 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
 import React from 'react';
 import { Controller } from 'react-hook-form';
-import FieldBaseContainer from "./FieldBaseContainer";
+import FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';
 export var FieldBase = function FieldBase(props) {
   var required = props.required,
-      name = props.name,
-      Component = props.component,
-      wrapper = props.wrapper,
-      control = props.control,
-      type = props.type,
-      _props$controlled = props.controlled,
-      controlled = _props$controlled === void 0 ? false : _props$controlled,
-      _props$enabled = props.enabled,
-      enabled = _props$enabled === void 0 ? true : _props$enabled,
-      editable = props.editable,
-      defaultValue = props.defaultValue,
-      label = props.label,
-      _props$extra = props.extra,
-      extra = _props$extra === void 0 ? {} : _props$extra,
-      layout = props.layout,
-      error = props.error,
-      register = props.register,
-      componentProps = _objectWithoutProperties(props, _excluded);
-
+    name = props.name,
+    Component = props.component,
+    wrapper = props.wrapper,
+    control = props.control,
+    type = props.type,
+    _props$controlled = props.controlled,
+    controlled = _props$controlled === void 0 ? false : _props$controlled,
+    _props$enabled = props.enabled,
+    enabled = _props$enabled === void 0 ? true : _props$enabled,
+    editable = props.editable,
+    defaultValue = props.defaultValue,
+    label = props.label,
+    _props$extra = props.extra,
+    extra = _props$extra === void 0 ? {} : _props$extra,
+    layout = props.layout,
+    error = props.error,
+    register = props.register,
+    componentProps = _objectWithoutProperties(props, _excluded);
   if (!enabled) {
     return null;
   }
-
   if (controlled) {
     return /*#__PURE__*/React.createElement(FieldBaseContainer, {
       label: label,
@@ -54,7 +52,6 @@ export var FieldBase = function FieldBase(props) {
       }
     }));
   }
-
   return /*#__PURE__*/React.createElement(FieldBaseContainer, {
     label: label,
     layout: layout,

package/{inputs/AutoComplete → Field/FieldBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/inputs/AutoComplete/index.js"
+  "main": "../../cjs/Field/FieldBase/index.js"
 }

package/Field/{FieldBaseContainer.js → FieldBaseContainer/index.js}

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Label from "../inputs/Label";
+import Label from '@digigov/form/inputs/Label';
 import ErrorMessage from '@digigov/react-core/ErrorMessage';
 import FieldContainer from '@digigov/react-core/FieldContainer';
 import CoreFieldset from '@digigov/react-core/Fieldset';
@@ -10,18 +10,15 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
 import { useTranslation } from '@digigov/ui/i18n';
 export var FieldBaseContainer = function FieldBaseContainer(_ref) {
   var name = _ref.name,
-      wrapper = _ref.wrapper,
-      label = _ref.label,
-      children = _ref.children,
-      error = _ref.error,
-      layout = _ref.layout;
-
+    wrapper = _ref.wrapper,
+    label = _ref.label,
+    children = _ref.children,
+    error = _ref.error,
+    layout = _ref.layout;
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var errorMessage = error !== null && error !== void 0 && error.message.key ? error.message.key : (error === null || error === void 0 ? void 0 : error.message) || '';
   var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
-
   if (wrapper === 'fieldset') {
     return /*#__PURE__*/React.createElement(FieldContainer, _extends({
       error: !!error

package/Field/FieldBaseContainer/package.json

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

package/Field/{FieldConditional.js → FieldConditional/index.js}

@@ -2,15 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useWatch } from 'react-hook-form';
-import { FieldBase } from "./FieldBase";
-import { evaluateFieldWithConditions } from "./utils";
+import { FieldBase } from '@digigov/form/Field/FieldBase';
+import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
 var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
   var dependencies = _ref.dependencies,
-      field = _ref.field,
-      control = _ref.control,
-      reset = _ref.reset,
-      register = _ref.register,
-      error = _ref.error;
+    field = _ref.field,
+    control = _ref.control,
+    reset = _ref.reset,
+    register = _ref.register,
+    error = _ref.error;
   var newField = evaluateFieldWithConditions(field, dependencies);
   return /*#__PURE__*/React.createElement(FieldBase, _extends({}, newField, {
     name: newField.key,
@@ -23,25 +23,22 @@ var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
   if (!prev || !prev.dependencies) {
     return false;
   }
-
   if (prev.error !== next.error) {
     return false;
   }
-
   for (var dep in next.dependencies) {
     if (next.dependencies[dep] !== prev.dependencies[dep]) {
       return false;
     }
   }
-
   return true;
 });
 export var FieldConditional = function FieldConditional(_ref2) {
   var control = _ref2.control,
-      field = _ref2.field,
-      register = _ref2.register,
-      reset = _ref2.reset,
-      error = _ref2.error;
+    field = _ref2.field,
+    register = _ref2.register,
+    reset = _ref2.reset,
+    error = _ref2.error;
   var dependencyKeys = Object.keys(field.condition);
   var dependencyValues = useWatch({
     name: dependencyKeys,

package/Field/FieldConditional/package.json

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

package/Field/index.js

@@ -2,34 +2,31 @@ 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 "./FieldBase";
-import FieldConditional from "./FieldConditional";
-import { useField, calculateField } from "./utils";
-import FieldArray from "../FieldArray";
-import Multiplicity from "../MultiplicityField";
+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);
-
+    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;
-
+    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,
@@ -39,7 +36,6 @@ export var Field = function Field(_ref) {
       error: error
     });
   }
-
   if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
     calculatedField.name = name;
     return /*#__PURE__*/React.createElement(FieldArray, _extends({
@@ -49,7 +45,6 @@ export var Field = function Field(_ref) {
       formState: formState
     }, calculatedField));
   }
-
   if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
     calculatedField.name = name;
     return /*#__PURE__*/React.createElement(Multiplicity, _extends({
@@ -64,7 +59,6 @@ export var Field = function Field(_ref) {
       unregister: unregister
     }, calculatedField));
   }
-
   return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
     name: name,
     control: control,

package/Field/types/package.json

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

package/Field/types.d.ts

@@ -15,7 +15,7 @@ export interface FieldConditionalProps {
     reset: UseFormReturn['reset'];
     error?: ErrorOption;
 }
-export declare type FieldComponentItem = {
+export type FieldComponentItem = {
     component: any;
     controlled?: boolean;
     wrapper?: FieldSpec['wrapper'];
@@ -28,9 +28,9 @@ export interface FieldContainerProps {
     children?: React.ReactNode;
     wrapper?: FieldSpec['wrapper'];
 }
-export declare type FieldComponentRegistry = Record<string, FieldComponentItem>;
-export declare type OmittedFieldSpec = Omit<FieldSpec, 'component'>;
-export declare type UnknownValue = never | never[];
+export type FieldComponentRegistry = Record<string, FieldComponentItem>;
+export type OmittedFieldSpec = Omit<FieldSpec, 'component'>;
+export type UnknownValue = never | never[];
 export interface ControlledFieldProps {
     type?: string;
     value: UnknownValue;

package/Field/{utils.js → utils/index.js}

@@ -1,15 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { lazy, useContext, useMemo } from 'react';
-import { FormContext } from "../FormContext";
-import Checkboxes from "../inputs/Checkboxes";
-import DateInput from "../inputs/DateInput";
-import FileInput from "../inputs/FileInput";
-import Input from "../inputs/Input";
-import OtpInput from "../inputs/OtpInput";
-import Radio from "../inputs/Radio";
-import Select from "../inputs/Select";
-var AutoComplete = /*#__PURE__*/lazy(function () {
-  return import("../inputs/AutoComplete");
+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 = {
   text: {
@@ -22,6 +23,10 @@ var FIELD_COMPONENTS = {
     wrapper: 'fieldset',
     component: FileInput
   },
+  image: {
+    wrapper: 'fieldset',
+    component: ImageInput
+  },
   date: {
     wrapper: 'fieldset',
     controlled: true,
@@ -49,68 +54,59 @@ var ALTERNATIVE_COMPONENTS = {
     controlled: false
   },
   AutoComplete: {
-    component: AutoComplete,
+    component: AutoCompleteInput,
     controlled: true
   }
 };
 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 (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;
-
+    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    ");
   }
-
   useMemo(function () {
     return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
       key: name
@@ -135,28 +131,23 @@ export var useField = function useField(name, customField) {
 };
 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;
 }

package/Field/utils/package.json

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

package/FieldArray/FieldArray.stories/index.js

@@ -0,0 +1,8 @@
+import FieldArray from '@digigov/form/FieldArray';
+export default {
+  title: 'Digigov Form/FieldArray',
+  component: FieldArray,
+  displayName: 'FieldArray'
+};
+export * from '@digigov/form/FieldArray/__stories__/Default';
+export * from '@digigov/form/FieldArray/__stories__/WithExactLength';

package/FieldArray/FieldArray.stories/package.json

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

package/FieldArray/__stories__/{Default.js → Default/index.js}

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import FormBuilder, { Field } from "../..";
+import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
@@ -72,9 +72,7 @@ var fields = [{
     secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου'
   }
 }];
-
 var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {

package/FieldArray/__stories__/Default/package.json

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

package/FieldArray/__stories__/Default.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Default: () => JSX.Element;

package/FieldArray/__stories__/{WithExactLength.js → WithExactLength/index.js}

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import FormBuilder, { Field } from "../..";
+import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
@@ -72,9 +72,7 @@ var fields = [{
     secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
   }
 }];
-
 var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
 export var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {

package/FieldArray/__stories__/WithExactLength/package.json

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

package/FieldArray/__stories__/WithExactLength.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const WithExactLength: () => JSX.Element;

package/FieldArray/index.js

@@ -3,31 +3,28 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
 import React from 'react';
 import { useFieldArray } from 'react-hook-form';
-import FieldContainer from "../Field/FieldBaseContainer";
-import FieldObject from "../FieldObject";
-import { FieldsetLabel } from "../Fieldset";
+import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
+import FieldObject from '@digigov/form/FieldObject';
+import { FieldsetLabel } from '@digigov/form/Fieldset';
 import Fieldset from '@digigov/react-core/Fieldset';
 import { Button, Card, Hint } from '@digigov/ui';
 export var FieldArray = function FieldArray(_ref) {
   var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
-
   var name = _ref.name,
-      register = _ref.register,
-      control = _ref.control,
-      formState = _ref.formState,
-      error = _ref.error,
-      layout = _ref.layout,
-      label = _ref.label,
-      customField = _objectWithoutProperties(_ref, _excluded);
-
+    register = _ref.register,
+    control = _ref.control,
+    formState = _ref.formState,
+    error = _ref.error,
+    layout = _ref.layout,
+    label = _ref.label,
+    customField = _objectWithoutProperties(_ref, _excluded);
   var _useFieldArray = useFieldArray({
-    control: control,
-    name: name
-  }),
-      fields = _useFieldArray.fields,
-      append = _useFieldArray.append,
-      remove = _useFieldArray.remove;
-
+      control: control,
+      name: name
+    }),
+    fields = _useFieldArray.fields,
+    append = _useFieldArray.append,
+    remove = _useFieldArray.remove;
   return /*#__PURE__*/React.createElement(FieldContainer, {
     label: label,
     layout: layout,
@@ -36,7 +33,6 @@ export var FieldArray = function FieldArray(_ref) {
     name: name
   }, fields.length === 0 && /*#__PURE__*/React.createElement(Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
     var _customField$extra2, _customField$extra3;
-
     return /*#__PURE__*/React.createElement(Card, {
       variant: "border",
       key: field.id

package/FieldObject/index.js

@@ -1,22 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { FieldBase } from "../Field/FieldBase";
-import { calculateField } from "../Field/utils";
-import Fieldset, { FieldsetCaption } from "../Fieldset";
+import { FieldBase } from '@digigov/form/Field/FieldBase';
+import { calculateField } from '@digigov/form/Field/utils';
+import Fieldset, { FieldsetCaption } from '@digigov/form/Fieldset';
 import { FieldsetLegend } from '@digigov/react-core';
 import { useTranslation } from '@digigov/ui/i18n';
 export var FieldObject = function FieldObject(_ref) {
   var name = _ref.name,
-      label = _ref.label,
-      extra = _ref.extra,
-      control = _ref.control,
-      register = _ref.register,
-      reset = _ref.reset,
-      formState = _ref.formState;
-
+    label = _ref.label,
+    extra = _ref.extra,
+    control = _ref.control,
+    register = _ref.register,
+    reset = _ref.reset,
+    formState = _ref.formState;
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
     size: "sm"
   }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
@@ -32,16 +30,15 @@ export var FieldObject = function FieldObject(_ref) {
     });
   }));
 };
-
 var FieldObjectItem = function FieldObjectItem(_ref2) {
   var name = _ref2.name,
-      children = _ref2.children,
-      field = _ref2.field,
-      error = _ref2.error,
-      control = _ref2.control,
-      formState = _ref2.formState,
-      reset = _ref2.reset,
-      register = _ref2.register;
+    children = _ref2.children,
+    field = _ref2.field,
+    error = _ref2.error,
+    control = _ref2.control,
+    formState = _ref2.formState,
+    reset = _ref2.reset,
+    register = _ref2.register;
   var calculatedField = useMemo(function () {
     return calculateField(children, field);
   }, [field]);
@@ -54,5 +51,4 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
     error: customError
   }));
 };
-
 export default FieldObject;