@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/FieldArray/__stories__/WithExactLength.js

@@ -1,26 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WithExactLength = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _form = _interopRequireWildcard(require("@digigov/form"));
-
-var _Button = require("@digigov/ui/form/Button");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import FormBuilder, { Field } from "../..";
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',
@@ -92,20 +73,18 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var WithExactLength = function WithExactLength() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var WithExactLength = function WithExactLength() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, /*#__PURE__*/React.createElement(Field, _extends({
     name: "string"
-  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
     name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
     name: "phonenumber"
   }, fields[2])), _ref);
-};
-
-exports.WithExactLength = WithExactLength;
+};

package/FieldArray/index.js

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

package/FieldArray/package.json

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

package/FieldObject/index.js

@@ -1,33 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FieldObject = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _FieldBase = require("@digigov/form/Field/FieldBase");
-
-var _utils = require("@digigov/form/Field/utils");
-
-var _Fieldset = _interopRequireWildcard(require("@digigov/form/Fieldset"));
-
-var _reactCore = require("@digigov/react-core");
-
-var _i18n = require("@digigov/ui/i18n");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var FieldObject = function FieldObject(_ref) {
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { FieldBase } from "../Field/FieldBase";
+import { calculateField } from "../Field/utils";
+import Fieldset, { FieldsetCaption } from "../Fieldset";
+import { FieldsetLegend } from '@digigov/react-core';
+import { useTranslation } from '@digigov/ui/i18n';
+export var FieldObject = function FieldObject(_ref) {
   var name = _ref.name,
       label = _ref.label,
       extra = _ref.extra,
@@ -36,13 +14,13 @@ var FieldObject = function FieldObject(_ref) {
       reset = _ref.reset,
       formState = _ref.formState;
 
-  var _useTranslation = (0, _i18n.useTranslation)(),
+  var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_reactCore.FieldsetLegend, {
+  return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
     size: "sm"
-  }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(FieldObjectItem, {
+  }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
+    return /*#__PURE__*/React.createElement(FieldObjectItem, {
       key: "".concat(name, ".").concat(field.key),
       name: "".concat(name, ".").concat(field.key),
       control: control,
@@ -55,8 +33,6 @@ var FieldObject = function FieldObject(_ref) {
   }));
 };
 
-exports.FieldObject = FieldObject;
-
 var FieldObjectItem = function FieldObjectItem(_ref2) {
   var name = _ref2.name,
       children = _ref2.children,
@@ -66,11 +42,11 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
       formState = _ref2.formState,
       reset = _ref2.reset,
       register = _ref2.register;
-  var calculatedField = (0, _react.useMemo)(function () {
-    return (0, _utils.calculateField)(children, field);
+  var calculatedField = useMemo(function () {
+    return calculateField(children, field);
   }, [field]);
   var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
+  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
     name: name,
     control: control,
     reset: reset,
@@ -79,5 +55,4 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
   }));
 };
 
-var _default = FieldObject;
-exports["default"] = _default;
+export default FieldObject;

package/FieldObject/package.json

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

package/Fieldset/FieldsetWithContext.js

@@ -1,29 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldsetWithContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Field = _interopRequireDefault(require("@digigov/form/Field"));
-
-var _Fieldset = require("@digigov/form/Fieldset/");
-
-var _FormContext = require("@digigov/form/FormContext");
-
-var _i18n = require("@digigov/ui/i18n");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var FieldsetWithContext = function FieldsetWithContext(_ref) {
+import React, { useContext, useMemo } from 'react';
+import Field from "../Field";
+import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from "./";
+import { FormContext } from "../FormContext";
+import { useTranslation } from '@digigov/ui/i18n';
+export var FieldsetWithContext = function FieldsetWithContext(_ref) {
   var name = _ref.name;
 
   var _useFieldset = useFieldset(name),
@@ -31,14 +11,14 @@ var FieldsetWithContext = function FieldsetWithContext(_ref) {
       body = _useFieldset.body,
       fields = _useFieldset.fields;
 
-  var _useTranslation = (0, _i18n.useTranslation)(),
+  var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  var _ref2 = /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetBody, null, body);
+  var _ref2 = /*#__PURE__*/React.createElement(FieldsetBody, null, body);
 
-  return (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_Fieldset.Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
-      return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
+      return /*#__PURE__*/React.createElement(Field, {
         key: field,
         name: field
       });
@@ -46,14 +26,12 @@ var FieldsetWithContext = function FieldsetWithContext(_ref) {
   }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
 };
 
-exports.FieldsetWithContext = FieldsetWithContext;
-
 var useFieldset = function useFieldset(name) {
-  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
+  var _useContext = useContext(FormContext),
       fieldsetsMap = _useContext.fieldsetsMap;
 
   if (fieldsetsMap && fieldsetsMap[name]) {
-    return (0, _react.useMemo)(function () {
+    return useMemo(function () {
       return fieldsetsMap[name];
     }, [name]);
   } else {

package/Fieldset/index.js

@@ -1,64 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Fieldset", {
-  enumerable: true,
-  get: function get() {
-    return _Fieldset["default"];
-  }
-});
-exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
-
-var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/FieldsetLegend"));
-
-var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
-
-var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
-
-var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"],
     _excluded2 = ["children"];
-
-var FieldsetLabel = function FieldsetLabel(_ref) {
+import React from 'react';
+import Fieldset from '@digigov/react-core/Fieldset';
+import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
+import Hint from '@digigov/react-core/Hint';
+import Grid from '@digigov/ui/layouts/Grid';
+import NormalText from '@digigov/ui/typography/NormalText';
+export var FieldsetLabel = function FieldsetLabel(_ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], (0, _extends2["default"])({
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(FieldsetLegend, _extends({
     heading: true,
     size: "xl"
   }, props), children);
 };
-
-exports.FieldsetLabel = FieldsetLabel;
-
-var FieldsetCaption = function FieldsetCaption(_ref2) {
+export var FieldsetCaption = function FieldsetCaption(_ref2) {
   var children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
-};
-
-exports.FieldsetCaption = FieldsetCaption;
+      props = _objectWithoutProperties(_ref2, _excluded2);
 
-var FieldsetBody = function FieldsetBody(_ref3) {
+  return /*#__PURE__*/React.createElement(Hint, props, children);
+};
+export var FieldsetBody = function FieldsetBody(_ref3) {
   var children = _ref3.children;
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  return /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, children));
+  }, /*#__PURE__*/React.createElement(NormalText, null, children));
 };
-
-exports.FieldsetBody = FieldsetBody;
-var _default = _Fieldset["default"];
-exports["default"] = _default;
+export { Fieldset };
+export default Fieldset;

package/Fieldset/package.json

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

package/Fieldset/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/Form.stories.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
+export default {
   title: 'Digigov Form'
-};
-exports["default"] = _default;
+};

package/FormBuilder/FormBuilder.js

@@ -1,44 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FormBuilder = exports.FormBase = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _Field = _interopRequireDefault(require("@digigov/form/Field"));
-
-var _Fieldset = _interopRequireDefault(require("@digigov/form/Fieldset"));
-
-var _FormContext = require("@digigov/form/FormContext");
-
-var _utils = require("@digigov/form/utils");
-
-var _validators = require("@digigov/form/validators");
-
-var _Form = require("@digigov/react-core/Form");
-
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry", "grid"],
     _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry", "grid"];
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref, ref) {
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useCallback, useRef } from 'react';
+import { useForm } from 'react-hook-form';
+import Field from "../Field";
+import Fieldset from "../Fieldset";
+import { FormContext } from "../FormContext";
+import { yupResolver } from "../utils";
+import { useValidationSchema } from "../validators";
+import { Form } from '@digigov/react-core/Form';
+export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
   var onSubmit = _ref.onSubmit,
       children = _ref.children,
       registerField = _ref.registerField,
@@ -52,8 +27,9 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
       criteriaMode = _ref.criteriaMode,
       componentRegistry = _ref.componentRegistry,
       grid = _ref.grid,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var form = (0, _reactHookForm.useForm)({
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var form = useForm({
     resolver: resolver,
     mode: mode,
     defaultValues: initial,
@@ -61,7 +37,7 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
     shouldFocusError: shouldFocusError,
     criteriaMode: criteriaMode
   });
-  var handleSubmit = (0, _react.useCallback)(function (data) {
+  var handleSubmit = useCallback(function (data) {
     onSubmit && onSubmit(data);
   }, [onSubmit]);
   var ctx = {
@@ -83,18 +59,15 @@ var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref,
     componentRegistry: componentRegistry,
     setError: form.setError
   };
-  return /*#__PURE__*/_react["default"].createElement(_FormContext.FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/_react["default"].createElement(_Form.Form, (0, _extends4["default"])({
+  }, /*#__PURE__*/React.createElement(Form, _extends({
     grid: grid,
     onSubmit: form.handleSubmit(handleSubmit),
     ref: ref
   }, props), children));
 });
-
-exports.FormBase = FormBase;
-
-var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder(_ref2, ref) {
+export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref2, ref) {
   var _ref2$fields = _ref2.fields,
       fields = _ref2$fields === void 0 ? [] : _ref2$fields,
       fieldsets = _ref2.fieldsets,
@@ -116,13 +89,14 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
       componentRegistry = _ref2.componentRegistry,
       _ref2$grid = _ref2.grid,
       grid = _ref2$grid === void 0 ? false : _ref2$grid,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  var fieldsState = (0, _react.useRef)(fields);
-  var setFieldsState = (0, _react.useCallback)(function (newFields) {
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  var fieldsState = useRef(fields);
+  var setFieldsState = useCallback(function (newFields) {
     fieldsState.current = newFields;
   }, []);
-  var schema = (0, _validators.useValidationSchema)(fieldsState, validatorRegistry);
-  var registerField = (0, _react.useCallback)(function (field) {
+  var schema = useValidationSchema(fieldsState, validatorRegistry);
+  var registerField = useCallback(function (field) {
     var fieldIndex = fieldsState.current.findIndex(function (f) {
       return f.key === field.key;
     });
@@ -141,24 +115,24 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
   var fieldChildren;
 
   if (schema) {
-    resolver = (0, _utils.yupResolver)(schema);
+    resolver = yupResolver(schema);
     fieldsMap = fields ? fields.reduce(function (map, field) {
-      return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, field.key, field));
+      return _extends({}, map, _defineProperty({}, field.key, field));
     }, {}) : {};
     fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
-      return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, fieldset.key, fieldset));
+      return _extends({}, map, _defineProperty({}, fieldset.key, fieldset));
     }, {});
 
     if (auto) {
       if (fieldsets) {
         fieldChildren = fieldsets.map(function (fieldset) {
-          return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], {
+          return /*#__PURE__*/React.createElement(Fieldset, {
             key: fieldset.key
           });
         });
       } else if (fields) {
         fieldChildren = fields.map(function (field) {
-          return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+          return /*#__PURE__*/React.createElement(Field, {
             key: field.key,
             name: field.key
           });
@@ -167,7 +141,7 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
     }
   }
 
-  return /*#__PURE__*/_react["default"].createElement(FormBase, (0, _extends4["default"])({
+  return /*#__PURE__*/React.createElement(FormBase, _extends({
     resolver: resolver,
     fieldsetsMap: fieldsetsMap,
     fieldsMap: fieldsMap,
@@ -183,7 +157,4 @@ var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder
     grid: grid
   }, props), fieldChildren, children);
 });
-
-exports.FormBuilder = FormBuilder;
-var _default = FormBuilder;
-exports["default"] = _default;
+export default FormBuilder;