@digigov/form 1.2.0-dcbd7ded → 2.0.0-07ee8440

package/MultiplicityField/add-objects/index.js

@@ -1,148 +1,153 @@
-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 {
+  FIELD_COMPONENTS,
+  ALTERNATIVE_COMPONENTS
+} from "@digigov/form/Field/utils";
+import { calculateField } from "@digigov/form/Field/utils/calculateField";
+import { useField } from "@digigov/form/Field/utils/useField";
+import { FieldObject } from "@digigov/form/FieldObject";
+import { Fieldset } from "@digigov/form/Fieldset";
+import { Button } from "@digigov/ui/form/Button";
+import { RadioConditional } from "@digigov/ui/form/RadioContainer";
+const AddObjects = ({
+  name,
+  fields,
+  formState,
+  extra,
+  append,
+  remove,
+  trigger,
+  clearErrors,
+  children,
+  setValue,
+  stashedObjects,
+  getValues,
+  onStash,
+  error,
+  Field
+}) => {
+  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
-        },
-        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();
+      options: [
+        {
+          label: { primary: extra?.label.question.yes },
+          id: `radio-input-${name}-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",
+                  name: `${currentName}-add-object`,
+                  onClick: async (e) => {
+                    e.preventDefault();
+                    const nestedFields = extra?.of.extra.fields.map(
+                      (f) => `${currentName}.${f.key}`
+                    );
+                    const result = await trigger(nestedFields);
+                    if (result) {
+                      setValue("needs-more", "");
+                      onStash(getValues(currentName));
+                    }
                   }
-                }, _callee);
-              }));
-              return function (_x) {
-                return _ref2.apply(this, arguments);
-              };
-            }())
-          }, extra === null || extra === void 0 ? void 0 : extra.label.object.add)));
-        }
-      }, {
-        label: {
-          primary: extra === null || extra === void 0 ? void 0 : extra.label.question.no
+                },
+                extra?.label.object.add
+              ))
+            );
+          }
         },
-        value: 'no'
-      }]
+        {
+          label: { primary: extra?.label.question.no },
+          id: `radio-input-${name}-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_COMPONENTS, ALTERNATIVE_COMPONENTS),
+    [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, {
-    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
-  })));
+  return /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(
+    FieldBase,
+    {
+      ...calculatedField,
+      name: calculatedField.key,
+      control,
+      register,
+      reset,
+      Field,
+      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.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ErrorOption, FieldArrayWithId, UseFieldArrayReturn } from 'react-hook-form';
-import { MultiplicityProps, StashedObject } from '@digigov/form/MultiplicityField';
+import type { MultiplicityProps, StashedObject } from '@digigov/form/MultiplicityField/types';
 export interface AddObjectsProps extends Omit<MultiplicityProps, 'key' | 'component'> {
     fields: FieldArrayWithId[];
     error?: ErrorOption;
@@ -8,6 +8,7 @@ export interface AddObjectsProps extends Omit<MultiplicityProps, 'key' | 'compon
     remove: UseFieldArrayReturn['remove'];
     stashedObjects: StashedObject[];
     onStash: (arg0: StashedObject) => void;
+    children?: React.ReactNode;
 }
 export declare const AddObjects: React.FC<AddObjectsProps>;
 export default AddObjects;

package/MultiplicityField/add-objects.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/MultiplicityField/add-objects.tsx"],
+  "sourcesContent": ["import React, { useEffect, useMemo } from 'react';\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 {\n  FIELD_COMPONENTS,\n  ALTERNATIVE_COMPONENTS,\n} from '@digigov/form/Field/utils';\nimport { calculateField } from '@digigov/form/Field/utils/calculateField';\nimport { useField } from '@digigov/form/Field/utils/useField';\nimport { FieldObject } from '@digigov/form/FieldObject';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport type {\n  MultiplicityProps,\n  StashedObject,\n} from '@digigov/form/MultiplicityField/types';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nimport { RadioConditional } from '@digigov/ui/form/RadioContainer';\n\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  children?: React.ReactNode;\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  Field,\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          id: `radio-input-${name}-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                      name={`${currentName}-add-object`}\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                        if (result) {\n                          setValue('needs-more', '');\n                          onStash(getValues(currentName));\n                        }\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          id: `radio-input-${name}-no`,\n          value: 'no',\n        },\n      ],\n    },\n  };\n\n  const {\n    field,\n    control,\n    register,\n    reset,\n    error: needsMoreError,\n  } = useField(radioField.key, radioField?.type ? radioField : null);\n\n  const calculatedField: CalculatedField = useMemo(\n    () =>\n      calculateField(children, field, FIELD_COMPONENTS, ALTERNATIVE_COMPONENTS),\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        Field={Field}\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.d.ts

@@ -1,23 +1,6 @@
 import React from 'react';
-import { ErrorOption, UseFormReturn } from 'react-hook-form';
-import { FieldSpec } from '@digigov/form';
-import { ControlledFieldProps } from '@digigov/form/Field/types';
-export interface MultiplicityProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {
-    name: string;
-    control: UseFormReturn['control'];
-    register: UseFormReturn['register'];
-    trigger: UseFormReturn['trigger'];
-    clearErrors: UseFormReturn['clearErrors'];
-    formState: UseFormReturn['formState'];
-    setValue: UseFormReturn['setValue'];
-    getValues: UseFormReturn['getValues'];
-    unregister: UseFormReturn['unregister'];
-    error?: ErrorOption;
-    extra?: Record<string, any>;
-    label?: FieldSpec['label'];
-    layout?: FieldSpec['layout'];
-}
-export type StashedObject = Record<string, any>;
+import { UseFormReturn } from 'react-hook-form';
+import { MultiplicityProps } from '@digigov/form/MultiplicityField/types';
 export declare const Multiplicity: React.FC<MultiplicityProps>;
 export default Multiplicity;
 export interface ListObjectProps {

package/MultiplicityField/index.js

@@ -1,113 +1,121 @@
-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 { FieldBaseContainer } from "@digigov/form/Field/FieldBaseContainer";
+import { FieldObject } from "@digigov/form/FieldObject";
+import { AddObjects } from "@digigov/form/MultiplicityField/add-objects";
+import {
+  Card,
+  CardHeading,
+  CardContent,
+  CardAction
+} from "@digigov/ui/content/Card";
+import { Button } from "@digigov/ui/form/Button";
+import { Heading } from "@digigov/ui/typography/Heading";
+const Multiplicity = ({
+  extra,
+  name,
+  control,
+  error,
+  register,
+  trigger,
+  clearErrors,
+  formState,
+  label,
+  layout,
+  setValue,
+  getValues,
+  unregister,
+  Field
+}) => {
+  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,
-    wrapper: "fieldset",
-    name: 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,
-      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,
-    onStash: handleStash,
-    setValue: setValue,
-    getValues: getValues,
-    unregister: unregister,
-    trigger: trigger,
-    clearErrors: clearErrors
-  }));
+  return /* @__PURE__ */ React.createElement(
+    FieldBaseContainer,
+    {
+      label,
+      layout,
+      error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
+      hasError: formState.isSubmitted && !formState.isSubmitting && !!error,
+      wrapper: "fieldset",
+      name
+    },
+    stashedObjects.length > 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, 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,
+        register,
+        control,
+        fields,
+        formState,
+        error,
+        stashedObjects,
+        extra,
+        append,
+        remove,
+        onStash: handleStash,
+        setValue,
+        getValues,
+        unregister,
+        trigger,
+        clearErrors,
+        Field
+      }
+    )
+  );
 };
-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({
-    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, {
-    type: "button",
-    variant: "link",
-    onClick: function onClick() {
-      return onDelete(index);
+var MultiplicityField_default = Multiplicity;
+const ListObject = ({
+  index,
+  name,
+  extra,
+  control,
+  register,
+  onDelete,
+  formState
+  // onEdit,
+}) => {
+  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,
+      register,
+      control,
+      ...extra?.of
     }
-  }, extra === null || extra === void 0 ? void 0 : extra.label.object["delete"])));
-};
+  )), /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, { type: "button", variant: "link", onClick: () => onDelete(index) }, extra?.label.object.delete)));
+};
+export {
+  ListObject,
+  Multiplicity,
+  MultiplicityField_default as default
+};
+//# sourceMappingURL=index.js.map