@digigov/form 1.0.0-079f34f3d → 1.0.0-23c81d9f

package/Questions/Step/index.js

@@ -1,153 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  StepDescription: true,
-  StepForm: true,
-  StepQuote: true,
-  StepTitle: true
-};
-Object.defineProperty(exports, "StepDescription", {
-  enumerable: true,
-  get: function get() {
-    return _StepDescription["default"];
-  }
-});
-Object.defineProperty(exports, "StepForm", {
-  enumerable: true,
-  get: function get() {
-    return _StepForm["default"];
-  }
-});
-Object.defineProperty(exports, "StepQuote", {
-  enumerable: true,
-  get: function get() {
-    return _StepQuote["default"];
-  }
-});
-Object.defineProperty(exports, "StepTitle", {
-  enumerable: true,
-  get: function get() {
-    return _StepTitle["default"];
-  }
-});
-exports["default"] = void 0;
-
-var _ReviewStep = require("@digigov/form/Questions/Step/ReviewStep");
-
-Object.keys(_ReviewStep).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ReviewStep[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ReviewStep[key];
-    }
-  });
-});
-
-var _Step = _interopRequireWildcard(require("@digigov/form/Questions/Step/Step"));
-
-Object.keys(_Step).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Step[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Step[key];
-    }
-  });
-});
-
-var _StepArrayReview = require("@digigov/form/Questions/Step/StepArrayReview");
-
-Object.keys(_StepArrayReview).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _StepArrayReview[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _StepArrayReview[key];
-    }
-  });
-});
-
-var _StepContext = require("@digigov/form/Questions/Step/StepContext");
-
-Object.keys(_StepContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _StepContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _StepContext[key];
-    }
-  });
-});
-
-var _StepDescription = _interopRequireDefault(require("@digigov/form/Questions/Step/StepDescription"));
-
-var _StepForm = _interopRequireDefault(require("@digigov/form/Questions/Step/StepForm"));
-
-var _StepQuote = _interopRequireDefault(require("@digigov/form/Questions/Step/StepQuote"));
-
-var _StepTitle = _interopRequireDefault(require("@digigov/form/Questions/Step/StepTitle"));
-
-var _getAddMoreFields = require("@digigov/form/Questions/Step/getAddMoreFields");
-
-Object.keys(_getAddMoreFields).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _getAddMoreFields[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _getAddMoreFields[key];
-    }
-  });
-});
-
-var _Step2 = require("@digigov/form/Questions/Step/");
-
-Object.keys(_Step2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Step2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Step2[key];
-    }
-  });
-});
-
-var _types = require("@digigov/form/Questions/Step/types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});
-
-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 _default = _Step["default"];
-exports["default"] = _default;
+export * from "./ReviewStep";
+export * from "./Step";
+export * from "./StepArrayReview";
+export * from "./StepContext";
+export * from "./StepDescription";
+export * from "./StepForm";
+export * from "./StepQuote";
+export * from "./StepTitle";
+export * from "./getAddMoreFields";
+export * from "./";
+export * from "./types";
+import Step from "./Step";
+export default Step;

package/Questions/Step/package.json

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

package/Questions/Step/types/package.json

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Field } from '@digigov/form';
-import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
+import { Field } from "../..";
+import Questions, { Step, StepForm, StepTitle } from "./..";
 import Header from '@digigov/ui/app/Header';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';

package/Questions/__stories__/Default/package.json

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

package/Questions/getNextStep/package.json

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

package/Questions/index.js

@@ -1,25 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Questions = require("@digigov/form/Questions/Questions");
-
-var _Step = require("@digigov/form/Questions/Step");
-
-Object.keys(_Step).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Step[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Step[key];
-    }
-  });
-});
-var _default = _Questions.Questions;
-exports["default"] = _default;
+import { Questions } from "./Questions";
+export default Questions;
+export * from "./Step";

package/{esm/Questions/index.spec.js → Questions/index.spec/index.js}

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { mount } from 'enzyme';
-import { Field } from '@digigov/form';
-import { Step, StepForm, StepQuote, StepTitle } from '@digigov/form/Questions';
-import Questions from '@digigov/form/Questions';
+import { Field } from "./..";
+import { Step, StepForm, StepQuote, StepTitle } from "./";
+import Questions from "./";
 var steps = [{
   name: 'intro',
   caption: 'intro.caption',

package/Questions/index.spec/package.json

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

package/Questions/package.json

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

package/Questions/types/package.json

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

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

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
+var _FieldBaseContainer = _interopRequireDefault(require("./FieldBaseContainer"));
 
 var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
 

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

@@ -11,21 +11,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Label = _interopRequireDefault(require("@digigov/form/inputs/Label"));
+var _Label = _interopRequireDefault(require("../inputs/Label"));
 
-var _ErrorMessage = _interopRequireDefault(require("@digigov/react-core/ErrorMessage"));
+var _ErrorMessage = _interopRequireDefault(require("@digigov/react-core/cjs/ErrorMessage"));
 
-var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/FieldContainer"));
+var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/cjs/FieldContainer"));
 
-var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
+var _Fieldset = _interopRequireDefault(require("@digigov/react-core/cjs/Fieldset"));
 
-var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/FieldsetLegend"));
+var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/cjs/FieldsetLegend"));
 
-var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
+var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
 
-var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/cjs/LabelContainer"));
 
-var _i18n = require("@digigov/ui/i18n");
+var _i18n = require("@digigov/ui/cjs/i18n");
 
 var FieldBaseContainer = function FieldBaseContainer(_ref) {
   var name = _ref.name,

package/{Field/FieldConditional.js → cjs/Field/FieldConditional/index.js}

@@ -15,9 +15,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _FieldBase = require("@digigov/form/Field/FieldBase");
+var _FieldBase = require("./FieldBase");
 
-var _utils = require("@digigov/form/Field/utils");
+var _utils = require("./utils");
 
 var ChildFieldMemo = /*#__PURE__*/_react["default"].memo(function ChildField(_ref) {
   var dependencies = _ref.dependencies,

package/cjs/Field/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Field = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FieldBase = require("./FieldBase");
+
+var _FieldConditional = _interopRequireDefault(require("./FieldConditional"));
+
+var _utils = require("./utils");
+
+var _FieldArray = _interopRequireDefault(require("../FieldArray"));
+
+var _MultiplicityField = _interopRequireDefault(require("../MultiplicityField"));
+
+var _excluded = ["name", "children"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Field = function Field(_ref) {
+  var name = _ref.name,
+      children = _ref.children,
+      customField = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useField = (0, _utils.useField)(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
+      field = _useField.field,
+      control = _useField.control,
+      register = _useField.register,
+      reset = _useField.reset,
+      error = _useField.error,
+      componentRegistry = _useField.componentRegistry,
+      formState = _useField.formState,
+      setValue = _useField.setValue,
+      getValues = _useField.getValues,
+      unregister = _useField.unregister,
+      trigger = _useField.trigger,
+      clearErrors = _useField.clearErrors;
+
+  var calculatedField = (0, _react.useMemo)(function () {
+    return (0, _utils.calculateField)(children, field, componentRegistry);
+  }, [field]);
+
+  if (calculatedField.condition) {
+    return /*#__PURE__*/_react["default"].createElement(_FieldConditional["default"], {
+      control: control,
+      reset: reset,
+      register: register,
+      field: calculatedField,
+      error: error
+    });
+  }
+
+  if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
+    calculatedField.name = name;
+    return /*#__PURE__*/_react["default"].createElement(_FieldArray["default"], (0, _extends2["default"])({
+      control: control,
+      register: register,
+      error: error,
+      formState: formState
+    }, calculatedField));
+  }
+
+  if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
+    calculatedField.name = name;
+    return /*#__PURE__*/_react["default"].createElement(_MultiplicityField["default"], (0, _extends2["default"])({
+      control: control,
+      register: register,
+      trigger: trigger,
+      clearErrors: clearErrors,
+      error: error,
+      formState: formState,
+      setValue: setValue,
+      getValues: getValues,
+      unregister: unregister
+    }, calculatedField));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
+    name: name,
+    control: control,
+    register: register,
+    reset: reset,
+    error: error
+  }));
+};
+
+exports.Field = Field;
+var _default = Field;
+exports["default"] = _default;

package/{Field/utils.js → cjs/Field/utils/index.js}

@@ -15,21 +15,23 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = require("react");
 
-var _FormContext = require("@digigov/form/FormContext");
+var _FormContext = require("../FormContext");
 
-var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
+var _Checkboxes = _interopRequireDefault(require("../inputs/Checkboxes"));
 
-var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
+var _DateInput = _interopRequireDefault(require("../inputs/DateInput"));
 
-var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
+var _FileInput = _interopRequireDefault(require("../inputs/FileInput"));
 
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
+var _ImageInput = _interopRequireDefault(require("../inputs/ImageInput"));
 
-var _OtpInput = _interopRequireDefault(require("@digigov/form/inputs/OtpInput"));
+var _Input = _interopRequireDefault(require("../inputs/Input"));
 
-var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
+var _OtpInput = _interopRequireDefault(require("../inputs/OtpInput"));
 
-var _Select = _interopRequireDefault(require("@digigov/form/inputs/Select"));
+var _Radio = _interopRequireDefault(require("../inputs/Radio"));
+
+var _Select = _interopRequireDefault(require("../inputs/Select"));
 
 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); }
 
@@ -37,7 +39,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var AutoComplete = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('@digigov/form/inputs/AutoComplete'));
+    return _interopRequireWildcard(require("../inputs/AutoComplete"));
   });
 });
 var FIELD_COMPONENTS = {
@@ -51,6 +53,10 @@ var FIELD_COMPONENTS = {
     wrapper: 'fieldset',
     component: _FileInput["default"]
   },
+  image: {
+    wrapper: 'fieldset',
+    component: _ImageInput["default"]
+  },
   date: {
     wrapper: 'fieldset',
     controlled: true,

package/{FieldArray/FieldArray.stories.js → cjs/FieldArray/FieldArray.stories/index.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/FieldArray/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _WithExactLength = require("@digigov/form/FieldArray/__stories__/WithExactLength");
+var _WithExactLength = require("./__stories__/WithExactLength");
 
 Object.keys(_WithExactLength).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -39,7 +39,7 @@ Object.keys(_WithExactLength).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/FieldArray',
-  component: _FieldArray["default"],
+  component: _["default"],
   displayName: 'FieldArray'
 };
 exports["default"] = _default;

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

@@ -13,9 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/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); }
 
@@ -95,15 +95,15 @@ var fields = [{
 var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "string"
-  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "phonenumber"
   }, fields[2])), _ref);
 };

package/{FieldArray/__stories__/WithExactLength.js → cjs/FieldArray/__stories__/WithExactLength/index.js}

@@ -13,9 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/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); }
 
@@ -95,15 +95,15 @@ var fields = [{
 var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var WithExactLength = function WithExactLength() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "string"
-  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
+  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_.Field, (0, _extends2["default"])({
     name: "phonenumber"
   }, fields[2])), _ref);
 };