@digigov/form 0.6.10 → 0.8.0

package/es/MultiplicityField/index.js

@@ -0,0 +1,116 @@
+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 { Card, CardText, CardAction, Button, Heading, CardHeading } from '@digigov/react-core';
+import AddObjects from '@digigov/form/MultiplicityField/add-objects';
+import { useFieldArray } from 'react-hook-form';
+import { DevTool } from '@hookform/devtools';
+import FieldObject from '@digigov/form/FieldObject';
+import FieldContainer from '@digigov/form/Field/FieldContainer';
+// 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]));
+  };
+
+  var handleDelete = function handleDelete(index) {
+    remove(index); // creating a new array to maintain immutability
+
+    var newStashedObjects = _toConsumableArray(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
+  }, /*#__PURE__*/React.createElement(DevTool, {
+    control: control
+  }), stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+    size: "m"
+  }, 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,
+    error: error,
+    stashedObjects: stashedObjects,
+    extra: extra,
+    append: append,
+    remove: remove,
+    onStash: handleStash,
+    setValue: setValue,
+    getValues: getValues,
+    unregister: unregister,
+    trigger: trigger,
+    clearErrors: 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(CardText, 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);
+    }
+  }, extra === null || extra === void 0 ? void 0 : extra.label.object["delete"])));
+};