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

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

@@ -6,29 +6,27 @@ import { Controller } from 'react-hook-form';
 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/Field/FieldBase/package.json

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

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

@@ -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/{es/Field/FieldConditional.js → Field/FieldConditional/index.js}

@@ -6,11 +6,11 @@ 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

@@ -1,61 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Field = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _FieldBase = require("@digigov/form/Field/FieldBase");
-
-var _FieldConditional = _interopRequireDefault(require("@digigov/form/Field/FieldConditional"));
-
-var _utils = require("@digigov/form/Field/utils");
-
-var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
-
-var _MultiplicityField = _interopRequireDefault(require("@digigov/form/MultiplicityField"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "children"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Field = function Field(_ref) {
+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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useField = (0, _utils.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 = (0, _react.useMemo)(function () {
-    return (0, _utils.calculateField)(children, field, componentRegistry);
+    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["default"].createElement(_FieldConditional["default"], {
+    return /*#__PURE__*/React.createElement(FieldConditional, {
       control: control,
       reset: reset,
       register: register,
@@ -63,20 +36,18 @@ var Field = function Field(_ref) {
       error: error
     });
   }
-
   if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
     calculatedField.name = name;
-    return /*#__PURE__*/_react["default"].createElement(_FieldArray["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(FieldArray, _extends({
       control: control,
       register: register,
       error: error,
       formState: formState
     }, calculatedField));
   }
-
   if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
     calculatedField.name = name;
-    return /*#__PURE__*/_react["default"].createElement(_MultiplicityField["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(Multiplicity, _extends({
       control: control,
       register: register,
       trigger: trigger,
@@ -88,8 +59,7 @@ var Field = function Field(_ref) {
       unregister: unregister
     }, calculatedField));
   }
-
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
+  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
     name: name,
     control: control,
     register: register,
@@ -97,7 +67,4 @@ var Field = function Field(_ref) {
     error: error
   }));
 };
-
-exports.Field = Field;
-var _default = Field;
-exports["default"] = _default;
+export default Field;

package/Field/package.json

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

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/{esm/Field/utils.js → Field/utils/index.js}

@@ -4,12 +4,13 @@ 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 AutoComplete = /*#__PURE__*/lazy(function () {
-  return import('@digigov/form/inputs/AutoComplete');
+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/package.json

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

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

@@ -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/{es/FieldArray/__stories__/WithExactLength.js → FieldArray/__stories__/WithExactLength/index.js}

@@ -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

@@ -1,78 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FieldArray = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
-
-var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
-
-var _Fieldset = require("@digigov/form/Fieldset");
-
-var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
-
-var _ui = require("@digigov/ui");
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
-
-var FieldArray = function FieldArray(_ref) {
+import React from 'react';
+import { useFieldArray } from 'react-hook-form';
+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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useFieldArray = (0, _reactHookForm.useFieldArray)({
-    control: control,
-    name: name
-  }),
-      fields = _useFieldArray.fields,
-      append = _useFieldArray.append,
-      remove = _useFieldArray.remove;
-
-  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
+    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;
+  return /*#__PURE__*/React.createElement(FieldContainer, {
     label: label,
     layout: layout,
     error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
     wrapper: "fieldset",
     name: name
-  }, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.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) {
+  }, 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["default"].createElement(_ui.Card, {
+    return /*#__PURE__*/React.createElement(Card, {
       variant: "border",
       key: field.id
-    }, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/React.createElement(FieldObject, _extends({
       name: "".concat(name, ".").concat(index),
       error: Array.isArray(error) && error[index],
       formState: formState,
       register: register,
       control: control
-    }, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+    }, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/React.createElement(Button, {
       type: "button",
       color: "warning",
       onClick: function onClick() {
         return remove(index);
       }
     }, "Remove")));
-  }), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     type: "button",
     color: "secondary",
     onClick: function onClick(ev) {
@@ -81,7 +58,4 @@ var FieldArray = function FieldArray(_ref) {
     }
   }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
 };
-
-exports.FieldArray = FieldArray;
-var _default = FieldArray;
-exports["default"] = _default;
+export default FieldArray;