@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

package/MultiplicityField/add-objects/index.js

@@ -1,148 +1,117 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-/* eslint-disable react/prop-types */
-import React, { useEffect, useMemo } from 'react';
-// import { FormBuilderProps } from '@digigov/form';
-import { useWatch } from 'react-hook-form';
-import { FieldBase } from '@digigov/form/Field/FieldBase';
-import { calculateField, useField } from '@digigov/form/Field/utils';
-import FieldObject from '@digigov/form/FieldObject';
-import Fieldset from '@digigov/react-core/Fieldset';
-import RadioConditional from '@digigov/react-core/RadioConditional';
-import Button from '@digigov/ui/form/Button';
-export var AddObjects = function AddObjects(_ref) {
-  var name = _ref.name,
-    fields = _ref.fields,
-    formState = _ref.formState,
-    extra = _ref.extra,
-    append = _ref.append,
-    remove = _ref.remove,
-    trigger = _ref.trigger,
-    clearErrors = _ref.clearErrors,
-    children = _ref.children,
-    setValue = _ref.setValue,
-    stashedObjects = _ref.stashedObjects,
-    getValues = _ref.getValues,
-    onStash = _ref.onStash,
-    error = _ref.error;
-  var currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;
-  var currentName = "".concat(name, ".").concat(currentIndex);
-  var radioField = {
-    key: 'needs-more',
-    type: 'choice:single',
+import React, {useEffect, useMemo} from "react";
+import {
+  useWatch
+} from "react-hook-form";
+import {FieldBase} from "@digigov/form/Field/FieldBase";
+import {calculateField, useField} from "@digigov/form/Field/utils";
+import FieldObject from "@digigov/form/FieldObject";
+import Fieldset from "@digigov/react-core/Fieldset";
+import RadioConditional from "@digigov/react-core/RadioConditional";
+import Button from "@digigov/ui/form/Button";
+const AddObjects = ({
+  name,
+  fields,
+  formState,
+  extra,
+  append,
+  remove,
+  trigger,
+  clearErrors,
+  children,
+  setValue,
+  stashedObjects,
+  getValues,
+  onStash,
+  error
+}) => {
+  const currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;
+  const currentName = `${name}.${currentIndex}`;
+  const radioField = {
+    key: "needs-more",
+    type: "choice:single",
     label: {
-      primary: extra === null || extra === void 0 ? void 0 : extra.label.question.title
+      primary: extra?.label.question.title
     },
     required: true,
-    validators: [{
-      name: 'is-locked',
-      message: 'form.error.needs-more',
-      test: function test(data) {
-        return data === 'no';
+    validators: [
+      {
+        name: "is-locked",
+        message: "form.error.needs-more",
+        test: (data) => {
+          return data === "no";
+        }
       }
-    }],
+    ],
     extra: {
-      options: [{
-        label: {
-          primary: extra === null || extra === void 0 ? void 0 : extra.label.question.yes
+      options: [
+        {
+          label: {primary: extra?.label.question.yes},
+          value: "yes",
+          selected: function RadioSelected() {
+            return /* @__PURE__ */ React.createElement(RadioConditional, {
+              hidden: needsMore !== "yes" || extra?.max && extra?.max - stashedObjects.length === 0
+            }, needsMore === "yes" && fields.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FieldObject, {
+              name: currentName,
+              error: error && error[currentIndex],
+              register,
+              formState,
+              control,
+              ...extra?.of,
+              label: extra?.label.question.objectLabel || extra?.of.label
+            }), /* @__PURE__ */ React.createElement(Button, {
+              color: "secondary",
+              onClick: async (e) => {
+                e.preventDefault();
+                const nestedFields = extra?.of.extra.fields.map((f) => `${currentName}.${f.key}`);
+                const result = await trigger(nestedFields);
+                result && setValue("needs-more", "");
+                result && onStash(getValues(currentName));
+              }
+            }, extra?.label.object.add)));
+          }
         },
-        value: 'yes',
-        selected: function RadioSelected() {
-          return /*#__PURE__*/React.createElement(RadioConditional, {
-            hidden: needsMore !== 'yes' || (extra === null || extra === void 0 ? void 0 : extra.max) && (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0
-          }, needsMore === 'yes' && fields.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
-            name: currentName,
-            error: error && error[currentIndex],
-            register: register,
-            formState: formState,
-            control: control
-          }, extra === null || extra === void 0 ? void 0 : extra.of, {
-            label: (extra === null || extra === void 0 ? void 0 : extra.label.question.objectLabel) || (extra === null || extra === void 0 ? void 0 : extra.of.label)
-          })), /*#__PURE__*/React.createElement(Button, {
-            color: "secondary",
-            onClick: ( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-                var nestedFields, result;
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      e.preventDefault();
-                      nestedFields = extra === null || extra === void 0 ? void 0 : extra.of.extra.fields.map(function (f) {
-                        return "".concat(currentName, ".").concat(f.key);
-                      });
-                      _context.next = 4;
-                      return trigger(nestedFields);
-                    case 4:
-                      result = _context.sent;
-                      result && setValue('needs-more', '');
-                      result && onStash(getValues(currentName));
-                    case 7:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee);
-              }));
-              return function (_x) {
-                return _ref2.apply(this, arguments);
-              };
-            }())
-          }, extra === null || extra === void 0 ? void 0 : extra.label.object.add)));
+        {
+          label: {primary: extra?.label.question.no},
+          value: "no"
         }
-      }, {
-        label: {
-          primary: extra === null || extra === void 0 ? void 0 : extra.label.question.no
-        },
-        value: 'no'
-      }]
+      ]
     }
   };
-  var _useField = useField(radioField.key, radioField !== null && radioField !== void 0 && radioField.type ? radioField : null),
-    field = _useField.field,
-    control = _useField.control,
-    register = _useField.register,
-    reset = _useField.reset,
-    needsMoreError = _useField.error;
-  var calculatedField = useMemo(function () {
-    return calculateField(children, field);
-  }, [field]);
-  var needsMore = useWatch({
-    name: field.key,
-    control: control
-  });
-  useEffect(function () {
-    if (needsMore === 'yes') {
-      append({
-        afm: '',
-        firstName: '',
-        lastName: ''
-      });
+  const {field, control, register, reset, error: needsMoreError} = useField(radioField.key, radioField?.type ? radioField : null);
+  const calculatedField = useMemo(() => calculateField(children, field), [field]);
+  const needsMore = useWatch({name: field.key, control});
+  useEffect(() => {
+    if (needsMore === "yes") {
+      append({afm: "", firstName: "", lastName: ""});
     }
-    if (needsMore === 'no' && stashedObjects.length < fields.length) {
+    if (needsMore === "no" && stashedObjects.length < fields.length) {
       remove(currentIndex);
     }
-    if (needsMore === '') clearErrors('needs-more');
+    if (needsMore === "")
+      clearErrors("needs-more");
   }, [needsMore]);
-
-  // TODO: Refactor types so that label is always required, the following
-  // assignment is a temp fix for typescript build to run
   calculatedField.label = calculatedField.label || {};
-  if (extra !== null && extra !== void 0 && extra.length) {
-    calculatedField.label.secondary = "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ").concat(extra.length - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
-  } else if (extra !== null && extra !== void 0 && extra.min && extra !== null && extra !== void 0 && extra.max) {
-    calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ").concat(extra === null || extra === void 0 ? void 0 : extra.max, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
-  } else if (extra !== null && extra !== void 0 && extra.min) {
-    calculatedField.label.secondary = "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ".concat((extra === null || extra === void 0 ? void 0 : extra.min) - stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.");
-  } else if (extra !== null && extra !== void 0 && extra.max) {
-    calculatedField.label.secondary = " \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ".concat(stashedObjects.length, " \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ").concat(extra.max - stashedObjects.length, " \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.");
+  if (extra?.length) {
+    calculatedField.label.secondary = `\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${stashedObjects.length} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ${extra.length - stashedObjects.length} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;
+  } else if (extra?.min && extra?.max) {
+    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${extra?.min - stashedObjects.length} \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ${extra?.max} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;
+  } else if (extra?.min) {
+    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${extra?.min - stashedObjects.length} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \xAB\u039D\u03B1\u03B9\xBB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;
+  } else if (extra?.max) {
+    calculatedField.label.secondary = ` \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${stashedObjects.length} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ${extra.max - stashedObjects.length} \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;
   }
-  return /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
+  return /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldBase, {
+    ...calculatedField,
     name: calculatedField.key,
-    control: control,
-    register: register,
-    reset: reset,
-    error: (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0 || (extra === null || extra === void 0 ? void 0 : extra.length) - stashedObjects.length === 0 ? error : needsMoreError
-  })));
+    control,
+    register,
+    reset,
+    error: extra?.max - stashedObjects.length === 0 || extra?.length - stashedObjects.length === 0 ? error : needsMoreError
+  }));
+};
+var add_objects_default = AddObjects;
+export {
+  AddObjects,
+  add_objects_default as default
 };
-export default AddObjects;
+//# sourceMappingURL=add-objects.js.map

package/MultiplicityField/add-objects.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/MultiplicityField/add-objects.tsx"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo } from 'react';\n// import { FormBuilderProps } from '@digigov/form';\nimport {\n  ErrorOption,\n  FieldArrayWithId,\n  UseFieldArrayReturn,\n  useWatch,\n} from 'react-hook-form';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport { CalculatedField } from '@digigov/form/Field/types';\nimport { calculateField, useField } from '@digigov/form/Field/utils';\nimport FieldObject from '@digigov/form/FieldObject';\nimport {\n  MultiplicityProps,\n  StashedObject,\n} from '@digigov/form/MultiplicityField';\nimport { FieldSpec } from '@digigov/form/types';\nimport Fieldset from '@digigov/react-core/Fieldset';\nimport RadioConditional from '@digigov/react-core/RadioConditional';\nimport Button from '@digigov/ui/form/Button';\nexport interface AddObjectsProps\n  extends Omit<MultiplicityProps, 'key' | 'component'> {\n  fields: FieldArrayWithId[];\n  error?: ErrorOption;\n  append: UseFieldArrayReturn['append'];\n  remove: UseFieldArrayReturn['remove'];\n  stashedObjects: StashedObject[];\n  onStash: (arg0: StashedObject) => void;\n}\n\nexport const AddObjects: React.FC<AddObjectsProps> = ({\n  name,\n  fields,\n  formState,\n  extra,\n  append,\n  remove,\n  trigger,\n  clearErrors,\n  children,\n  setValue,\n  stashedObjects,\n  getValues,\n  onStash,\n  error,\n}) => {\n  const currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;\n  const currentName = `${name}.${currentIndex}`;\n  const radioField: FieldSpec = {\n    key: 'needs-more',\n    type: 'choice:single',\n    label: {\n      primary: extra?.label.question.title,\n    },\n    required: true,\n    validators: [\n      {\n        name: 'is-locked',\n        message: 'form.error.needs-more',\n        test: (data) => {\n          return data === 'no';\n        },\n      },\n    ],\n    extra: {\n      options: [\n        {\n          label: { primary: extra?.label.question.yes },\n          value: 'yes',\n          selected: function RadioSelected() {\n            return (\n              <RadioConditional\n                hidden={\n                  needsMore !== 'yes' ||\n                  (extra?.max && extra?.max - stashedObjects.length === 0)\n                }\n              >\n                {needsMore === 'yes' && fields.length > 0 && (\n                  <>\n                    <FieldObject\n                      name={currentName}\n                      error={error && error[currentIndex]}\n                      register={register}\n                      formState={formState}\n                      control={control}\n                      {...extra?.of}\n                      label={\n                        extra?.label.question.objectLabel || extra?.of.label\n                      }\n                    />\n                    <Button\n                      color=\"secondary\"\n                      onClick={async (e) => {\n                        e.preventDefault();\n                        const nestedFields = extra?.of.extra.fields.map(\n                          (f) => `${currentName}.${f.key}`\n                        );\n                        const result = await trigger(nestedFields);\n                        result && setValue('needs-more', '');\n                        result && onStash(getValues(currentName));\n                      }}\n                    >\n                      {extra?.label.object.add}\n                    </Button>\n                  </>\n                )}\n              </RadioConditional>\n            );\n          },\n        },\n        {\n          label: { primary: extra?.label.question.no },\n          value: 'no',\n        },\n      ],\n    },\n  };\n\n  const { field, control, register, reset, error: needsMoreError } = useField(\n    radioField.key,\n    radioField?.type ? radioField : null\n  );\n\n  const calculatedField: CalculatedField = useMemo(\n    () => calculateField(children, field),\n    [field]\n  );\n  const needsMore = useWatch({ name: field.key, control });\n\n  useEffect(() => {\n    if (needsMore === 'yes') {\n      append({ afm: '', firstName: '', lastName: '' });\n    }\n    if (needsMore === 'no' && stashedObjects.length < fields.length) {\n      remove(currentIndex);\n    }\n    if (needsMore === '') clearErrors('needs-more');\n  }, [needsMore]);\n\n  // TODO: Refactor types so that label is always required, the following\n  // assignment is a temp fix for typescript build to run\n  calculatedField.label = calculatedField.label || {};\n  if (extra?.length) {\n    calculatedField.label.secondary = `\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra.length - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  } else if (extra?.min && extra?.max) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ${\n      extra?.max\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.min) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.max) {\n    calculatedField.label.secondary = ` \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ${\n      extra.max - stashedObjects.length\n    } \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  }\n  return (\n    <Fieldset>\n      <FieldBase\n        {...calculatedField}\n        name={calculatedField.key}\n        control={control}\n        register={register}\n        reset={reset}\n        error={\n          extra?.max - stashedObjects.length === 0 ||\n          extra?.length - stashedObjects.length === 0\n            ? error\n            : needsMoreError\n        }\n      />\n    </Fieldset>\n  );\n};\n\nexport default AddObjects;\n"],
+  "mappings": "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",
+  "names": []
+}

package/MultiplicityField/index.js

@@ -1,113 +1,109 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
-import { useFieldArray } from 'react-hook-form';
-import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
-import FieldObject from '@digigov/form/FieldObject';
-import AddObjects from '@digigov/form/MultiplicityField/add-objects';
-import { Card } from '@digigov/react-core/Card';
-import { CardContent } from '@digigov/react-core/CardContent';
-import { CardAction } from '@digigov/react-core/CardAction';
-import { Button } from '@digigov/react-core/Button';
-import { Heading } from '@digigov/react-core/Heading';
-import { CardHeading } from '@digigov/react-core/CardHeading';
-// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props
-export var Multiplicity = function Multiplicity(_ref) {
-  var extra = _ref.extra,
-    name = _ref.name,
-    control = _ref.control,
-    error = _ref.error,
-    register = _ref.register,
-    trigger = _ref.trigger,
-    clearErrors = _ref.clearErrors,
-    formState = _ref.formState,
-    label = _ref.label,
-    layout = _ref.layout,
-    setValue = _ref.setValue,
-    getValues = _ref.getValues,
-    unregister = _ref.unregister;
-  var _useFieldArray = useFieldArray({
-      control: control,
-      name: name
-    }),
-    fields = _useFieldArray.fields,
-    append = _useFieldArray.append,
-    remove = _useFieldArray.remove;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    stashedObjects = _useState2[0],
-    setStashedObjects = _useState2[1];
-  var handleStash = function handleStash(data) {
-    setStashedObjects([].concat(_toConsumableArray(stashedObjects), [data]));
+import React, {useState} from "react";
+import {useFieldArray} from "react-hook-form";
+import FieldContainer from "@digigov/form/Field/FieldBaseContainer";
+import FieldObject from "@digigov/form/FieldObject";
+import AddObjects from "@digigov/form/MultiplicityField/add-objects";
+import {Card} from "@digigov/react-core/Card";
+import {CardContent} from "@digigov/react-core/CardContent";
+import {CardAction} from "@digigov/react-core/CardAction";
+import {Button} from "@digigov/react-core/Button";
+import {Heading} from "@digigov/react-core/Heading";
+import {CardHeading} from "@digigov/react-core/CardHeading";
+const Multiplicity = ({
+  extra,
+  name,
+  control,
+  error,
+  register,
+  trigger,
+  clearErrors,
+  formState,
+  label,
+  layout,
+  setValue,
+  getValues,
+  unregister
+}) => {
+  const {fields, append, remove} = useFieldArray({
+    control,
+    name
+  });
+  const [stashedObjects, setStashedObjects] = useState([]);
+  const handleStash = (data) => {
+    setStashedObjects([...stashedObjects, data]);
   };
-  var handleDelete = function handleDelete(index) {
+  const handleDelete = (index) => {
     remove(index);
-    // creating a new array to maintain immutability
-    var newStashedObjects = _toConsumableArray(stashedObjects);
+    const newStashedObjects = [...stashedObjects];
     newStashedObjects.splice(index, 1);
     setStashedObjects(newStashedObjects);
   };
-  return /*#__PURE__*/React.createElement(FieldContainer, {
-    label: label,
-    layout: layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message ? error : undefined,
+  return /* @__PURE__ */ React.createElement(FieldContainer, {
+    label,
+    layout,
+    error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
     wrapper: "fieldset",
-    name: name
-  }, stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+    name
+  }, stashedObjects.length > 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, {
     size: "md"
-  }, extra === null || extra === void 0 ? void 0 : extra.label.object.title_added), stashedObjects.map(function (_Object, index) {
-    return /*#__PURE__*/React.createElement(ListObject, {
-      key: "".concat(name, ".").concat(index),
-      index: index,
-      name: name,
-      extra: extra,
-      control: control,
-      register: register,
-      formState: formState,
+  }, extra?.label.object.title_added), stashedObjects.map((_Object, index) => {
+    return /* @__PURE__ */ React.createElement(ListObject, {
+      key: `${name}.${index}`,
+      index,
+      name,
+      extra,
+      control,
+      register,
+      formState,
       onDelete: handleDelete
     });
-  })) : '', /*#__PURE__*/React.createElement(AddObjects, {
-    name: name,
-    register: register,
-    control: control,
-    fields: fields,
-    formState: formState,
-    error: error,
-    stashedObjects: stashedObjects,
-    extra: extra,
-    append: append,
-    remove: remove,
+  })) : "", /* @__PURE__ */ React.createElement(AddObjects, {
+    name,
+    register,
+    control,
+    fields,
+    formState,
+    error,
+    stashedObjects,
+    extra,
+    append,
+    remove,
     onStash: handleStash,
-    setValue: setValue,
-    getValues: getValues,
-    unregister: unregister,
-    trigger: trigger,
-    clearErrors: clearErrors
+    setValue,
+    getValues,
+    unregister,
+    trigger,
+    clearErrors
   }));
 };
-export default Multiplicity;
-export var ListObject = function ListObject(_ref2) {
-  var index = _ref2.index,
-    name = _ref2.name,
-    extra = _ref2.extra,
-    control = _ref2.control,
-    register = _ref2.register,
-    onDelete = _ref2.onDelete,
-    formState = _ref2.formState;
-  var currentName = "".concat(name, ".").concat(index);
-  return /*#__PURE__*/React.createElement(Card, {
-    variant: (extra === null || extra === void 0 ? void 0 : extra.border) && 'border'
-  }, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
+var MultiplicityField_default = Multiplicity;
+const ListObject = ({
+  index,
+  name,
+  extra,
+  control,
+  register,
+  onDelete,
+  formState
+}) => {
+  const currentName = `${name}.${index}`;
+  return /* @__PURE__ */ React.createElement(Card, {
+    variant: extra?.border && "border"
+  }, /* @__PURE__ */ React.createElement(CardHeading, null, extra?.label.object.title, " #", index + 1), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(FieldObject, {
     name: currentName,
-    formState: formState,
-    register: register,
-    control: control
-  }, extra === null || extra === void 0 ? void 0 : extra.of))), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, {
+    formState,
+    register,
+    control,
+    ...extra?.of
+  })), /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, {
     type: "button",
     variant: "link",
-    onClick: function onClick() {
-      return onDelete(index);
-    }
-  }, extra === null || extra === void 0 ? void 0 : extra.label.object["delete"])));
-};
+    onClick: () => onDelete(index)
+  }, extra?.label.object.delete)));
+};
+export {
+  ListObject,
+  Multiplicity,
+  MultiplicityField_default as default
+};
+//# sourceMappingURL=index.js.map

package/MultiplicityField/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/MultiplicityField/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { ErrorOption, useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FieldSpec } from '@digigov/form';\nimport FieldContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport FieldObject from '@digigov/form/FieldObject';\nimport AddObjects from '@digigov/form/MultiplicityField/add-objects';\nimport { Card } from '@digigov/react-core/Card';\nimport { CardContent } from '@digigov/react-core/CardContent';\nimport { CardAction } from '@digigov/react-core/CardAction';\nimport { Button } from '@digigov/react-core/Button';\nimport { Heading } from '@digigov/react-core/Heading';\nimport { CardHeading } from '@digigov/react-core/CardHeading';\n\n\nexport interface MultiplicityProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {\n  name: string;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  trigger: UseFormReturn['trigger'];\n  clearErrors: UseFormReturn['clearErrors'];\n  formState: UseFormReturn['formState'];\n  setValue: UseFormReturn['setValue'];\n  getValues: UseFormReturn['getValues'];\n  unregister: UseFormReturn['unregister'];\n  error?: ErrorOption;\n  extra?: Record<string, any>;\n  label?: FieldSpec['label'];\n  layout?: FieldSpec['layout'];\n}\n\nexport type StashedObject = Record<string, any>;\n\n// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props\nexport const Multiplicity: React.FC<MultiplicityProps> = ({\n  extra,\n  name,\n  control,\n  error,\n  register,\n  trigger,\n  clearErrors,\n  formState,\n  label,\n  layout,\n  setValue,\n  getValues,\n  unregister,\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name,\n  });\n  const [stashedObjects, setStashedObjects] = useState<StashedObject[]>([]);\n  const handleStash = (data) => {\n    setStashedObjects([...stashedObjects, data]);\n  };\n  const handleDelete = (index) => {\n    remove(index);\n    // creating a new array to maintain immutability\n    const newStashedObjects = [...stashedObjects];\n    newStashedObjects.splice(index, 1);\n    setStashedObjects(newStashedObjects);\n  };\n  return (\n    <FieldContainer\n      label={label}\n      layout={layout}\n      error={\n        formState.isSubmitted && !formState.isSubmitting && error?.message\n          ? error\n          : undefined\n      }\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {stashedObjects.length > 0 ? (\n        <div>\n          <Heading size=\"md\">{extra?.label.object.title_added}</Heading>\n          {stashedObjects.map((_Object, index) => {\n            return (\n              <ListObject\n                key={`${name}.${index}`}\n                index={index}\n                name={name}\n                extra={extra}\n                control={control}\n                register={register}\n                formState={formState}\n                onDelete={handleDelete}\n              />\n            );\n          })}\n        </div>\n      ) : (\n        ''\n      )}\n      <AddObjects\n        name={name}\n        register={register}\n        control={control}\n        fields={fields}\n        formState={formState}\n        error={error}\n        stashedObjects={stashedObjects}\n        extra={extra}\n        append={append}\n        remove={remove}\n        onStash={handleStash}\n        setValue={setValue}\n        getValues={getValues}\n        unregister={unregister}\n        trigger={trigger}\n        clearErrors={clearErrors}\n      />\n    </FieldContainer>\n  );\n};\n\nexport default Multiplicity;\n\nexport interface ListObjectProps {\n  index: number;\n  name: string;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  formState: UseFormReturn['formState'];\n  onDelete: (index: number) => void;\n  extra?: Record<string, any>;\n}\n\nexport const ListObject: React.FC<ListObjectProps> = ({\n  index,\n  name,\n  extra,\n  control,\n  register,\n  onDelete,\n  formState,\n  // onEdit,\n}) => {\n  const currentName = `${name}.${index}`;\n  return (\n    <Card variant={extra?.border && 'border'}>\n      <CardHeading>\n        {extra?.label.object.title} #{index + 1}\n      </CardHeading>\n      <CardContent>\n        <FieldObject\n          name={currentName}\n          formState={formState}\n          register={register}\n          control={control}\n          {...extra?.of}\n        />\n      </CardContent>\n      <CardAction>\n        <Button type=\"button\" variant=\"link\" onClick={() => onDelete(index)}>\n          {extra?.label.object.delete}\n        </Button>\n      </CardAction>\n    </Card>\n  );\n};\n"],
+  "mappings": "AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuBO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAE,QAAQ,QAAQ,UAAW,cAAc;AAAA,IAC/C;AAAA,IACA;AAAA;AAEF,QAAM,CAAC,gBAAgB,qBAAqB,SAA0B;AACtE,QAAM,cAAc,CAAC,SAAS;AAC5B,sBAAkB,CAAC,GAAG,gBAAgB;AAAA;AAExC,QAAM,eAAe,CAAC,UAAU;AAC9B,WAAO;AAEP,UAAM,oBAAoB,CAAC,GAAG;AAC9B,sBAAkB,OAAO,OAAO;AAChC,sBAAkB;AAAA;AAEpB,SACE,oCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,OACE,UAAU,eAAe,CAAC,UAAU,gBAAgB,OAAO,UACvD,QACA;AAAA,IAEN,SAAQ;AAAA,IACR;AAAA,KAEC,eAAe,SAAS,IACvB,oCAAC,OAAD,MACE,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,KAAM,OAAO,MAAM,OAAO,cACvC,eAAe,IAAI,CAAC,SAAS,UAAU;AACtC,WACE,oCAAC,YAAD;AAAA,MACE,KAAK,GAAG,QAAQ;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,QAMlB,IAEF,oCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,IAAO,4BAAQ;AAYR,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEI;AACJ,QAAM,cAAc,GAAG,QAAQ;AAC/B,SACE,oCAAC,MAAD;AAAA,IAAM,SAAS,OAAO,UAAU;AAAA,KAC9B,oCAAC,aAAD,MACG,OAAO,MAAM,OAAO,OAAM,MAAG,QAAQ,IAExC,oCAAC,aAAD,MACE,oCAAC,aAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACI,OAAO;AAAA,OAGf,oCAAC,YAAD,MACE,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,IAAS,SAAQ;AAAA,IAAO,SAAS,MAAM,SAAS;AAAA,KAC1D,OAAO,MAAM,OAAO;AAAA;",
+  "names": []
+}