@digigov/form 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/Field/FieldBase.js

@@ -1,25 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldBase = 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"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
-
-var FieldBase = function FieldBase(props) {
+import React from 'react';
+import { Controller } from 'react-hook-form';
+import FieldBaseContainer from "./FieldBaseContainer";
+export var FieldBase = function FieldBase(props) {
   var required = props.required,
       name = props.name,
       Component = props.component,
@@ -38,25 +23,25 @@ var FieldBase = function FieldBase(props) {
       layout = props.layout,
       error = props.error,
       register = props.register,
-      componentProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+      componentProps = _objectWithoutProperties(props, _excluded);
 
   if (!enabled) {
     return null;
   }
 
   if (controlled) {
-    return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
+    return /*#__PURE__*/React.createElement(FieldBaseContainer, {
       label: label,
       layout: layout,
       error: error,
       wrapper: wrapper,
       name: name
-    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+    }, /*#__PURE__*/React.createElement(Controller, {
       control: control,
       name: name,
       render: function render(_ref) {
         var field = _ref.field;
-        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, field, {
+        return /*#__PURE__*/React.createElement(Component, _extends({}, field, {
           defaultValue: defaultValue,
           extra: extra,
           error: !!error,
@@ -70,13 +55,13 @@ var FieldBase = function FieldBase(props) {
     }));
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
+  return /*#__PURE__*/React.createElement(FieldBaseContainer, {
     label: label,
     layout: layout,
     error: error,
     wrapper: wrapper,
     name: name
-  }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, register(name), {
+  }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/React.createElement(Component, _extends({}, register(name), {
     control: control,
     error: !!error,
     extra: extra,
@@ -85,7 +70,7 @@ var FieldBase = function FieldBase(props) {
     "aria-describedby": error && "".concat(name, "-error"),
     required: required,
     disabled: editable === false
-  }, componentProps)) : /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, register(name), {
+  }, componentProps)) : /*#__PURE__*/React.createElement(Component, _extends({}, register(name), {
     register: register,
     control: control,
     error: !!error,
@@ -96,6 +81,4 @@ var FieldBase = function FieldBase(props) {
     required: required,
     disabled: editable === false
   }, componentProps)));
-};
-
-exports.FieldBase = FieldBase;
+};

package/Field/FieldBaseContainer.js

@@ -1,33 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FieldBaseContainer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Label = _interopRequireDefault(require("@digigov/form/inputs/Label"));
-
-var _ErrorMessage = _interopRequireDefault(require("@digigov/react-core/ErrorMessage"));
-
-var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/FieldContainer"));
-
-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 _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
-
-var _i18n = require("@digigov/ui/i18n");
-
-var FieldBaseContainer = function FieldBaseContainer(_ref) {
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Label from "../inputs/Label";
+import ErrorMessage from '@digigov/react-core/ErrorMessage';
+import FieldContainer from '@digigov/react-core/FieldContainer';
+import CoreFieldset from '@digigov/react-core/Fieldset';
+import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
+import Hint from '@digigov/react-core/Hint';
+import LabelContainer from '@digigov/react-core/LabelContainer';
+import { useTranslation } from '@digigov/ui/i18n';
+export var FieldBaseContainer = function FieldBaseContainer(_ref) {
   var name = _ref.name,
       wrapper = _ref.wrapper,
       label = _ref.label,
@@ -35,31 +16,28 @@ var FieldBaseContainer = function FieldBaseContainer(_ref) {
       error = _ref.error,
       layout = _ref.layout;
 
-  var _useTranslation = (0, _i18n.useTranslation)(),
+  var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
   var errorMessage = error !== null && error !== void 0 && error.message.key ? error.message.key : (error === null || error === void 0 ? void 0 : error.message) || '';
   var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
 
   if (wrapper === 'fieldset') {
-    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(FieldContainer, _extends({
       error: !!error
-    }, layout), /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], {
+    }, layout), /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
       size: "sm"
-    }, label && label.primary), label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary)), error && /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], {
+    }, label && label.primary), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       id: "".concat(name, "-error")
     }, t(errorMessage, errorContext)), children));
   } else {
-    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(FieldContainer, _extends({
       error: !!error
-    }, layout), /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, label && /*#__PURE__*/_react["default"].createElement(_Label["default"], {
+    }, layout), /*#__PURE__*/React.createElement(LabelContainer, null, label && /*#__PURE__*/React.createElement(Label, {
       label: label
-    }), error && /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], {
+    }), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       id: "".concat(name, "-error")
     }, t(errorMessage, errorContext)), children));
   }
 };
-
-exports.FieldBaseContainer = FieldBaseContainer;
-var _default = FieldBaseContainer;
-exports["default"] = _default;
+export default FieldBaseContainer;

package/Field/FieldConditional.js

@@ -1,33 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FieldConditional = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _FieldBase = require("@digigov/form/Field/FieldBase");
-
-var _utils = require("@digigov/form/Field/utils");
-
-var ChildFieldMemo = /*#__PURE__*/_react["default"].memo(function ChildField(_ref) {
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useWatch } from 'react-hook-form';
+import { FieldBase } from "./FieldBase";
+import { evaluateFieldWithConditions } from "./utils";
+var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
   var dependencies = _ref.dependencies,
       field = _ref.field,
       control = _ref.control,
       reset = _ref.reset,
       register = _ref.register,
       error = _ref.error;
-  var newField = (0, _utils.evaluateFieldWithConditions)(field, dependencies);
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends3["default"])({}, newField, {
+  var newField = evaluateFieldWithConditions(field, dependencies);
+  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, newField, {
     name: newField.key,
     reset: reset,
     control: control,
@@ -51,22 +36,21 @@ var ChildFieldMemo = /*#__PURE__*/_react["default"].memo(function ChildField(_re
 
   return true;
 });
-
-var FieldConditional = function FieldConditional(_ref2) {
+export var FieldConditional = function FieldConditional(_ref2) {
   var control = _ref2.control,
       field = _ref2.field,
       register = _ref2.register,
       reset = _ref2.reset,
       error = _ref2.error;
   var dependencyKeys = Object.keys(field.condition);
-  var dependencyValues = (0, _reactHookForm.useWatch)({
+  var dependencyValues = useWatch({
     name: dependencyKeys,
     control: control
   });
   var variables = dependencyKeys.reduce(function (data, fieldKey, index) {
-    return (0, _extends3["default"])({}, data, (0, _defineProperty2["default"])({}, fieldKey, dependencyValues[index]));
+    return _extends({}, data, _defineProperty({}, fieldKey, dependencyValues[index]));
   }, {});
-  return /*#__PURE__*/_react["default"].createElement(ChildFieldMemo, {
+  return /*#__PURE__*/React.createElement(ChildFieldMemo, {
     dependencies: variables,
     field: field,
     control: control,
@@ -75,7 +59,4 @@ var FieldConditional = function FieldConditional(_ref2) {
     error: error
   });
 };
-
-exports.FieldConditional = FieldConditional;
-var _default = FieldConditional;
-exports["default"] = _default;
+export default FieldConditional;

package/Field/index.js

@@ -1,42 +1,18 @@
-"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("@digigov/form/Field/FieldBase");
-
-var _FieldConditional = _interopRequireDefault(require("@digigov/form/Field/FieldConditional"));
-
-var _utils = require("@digigov/form/Field/utils");
-
-var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
-
-var _MultiplicityField = _interopRequireDefault(require("@digigov/form/MultiplicityField"));
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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) {
+import React, { useMemo } from 'react';
+import { FieldBase } from "./FieldBase";
+import FieldConditional from "./FieldConditional";
+import { useField, calculateField } from "./utils";
+import FieldArray from "../FieldArray";
+import Multiplicity from "../MultiplicityField";
+export var Field = function Field(_ref) {
   var name = _ref.name,
       children = _ref.children,
-      customField = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      customField = _objectWithoutProperties(_ref, _excluded);
 
-  var _useField = (0, _utils.useField)(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
+  var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
       field = _useField.field,
       control = _useField.control,
       register = _useField.register,
@@ -50,12 +26,12 @@ var Field = function Field(_ref) {
       trigger = _useField.trigger,
       clearErrors = _useField.clearErrors;
 
-  var calculatedField = (0, _react.useMemo)(function () {
-    return (0, _utils.calculateField)(children, field, componentRegistry);
+  var calculatedField = useMemo(function () {
+    return calculateField(children, field, componentRegistry);
   }, [field]);
 
   if (calculatedField.condition) {
-    return /*#__PURE__*/_react["default"].createElement(_FieldConditional["default"], {
+    return /*#__PURE__*/React.createElement(FieldConditional, {
       control: control,
       reset: reset,
       register: register,
@@ -66,7 +42,7 @@ var Field = function Field(_ref) {
 
   if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
     calculatedField.name = name;
-    return /*#__PURE__*/_react["default"].createElement(_FieldArray["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(FieldArray, _extends({
       control: control,
       register: register,
       error: error,
@@ -76,7 +52,7 @@ var Field = function Field(_ref) {
 
   if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
     calculatedField.name = name;
-    return /*#__PURE__*/_react["default"].createElement(_MultiplicityField["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/React.createElement(Multiplicity, _extends({
       control: control,
       register: register,
       trigger: trigger,
@@ -89,7 +65,7 @@ var Field = function Field(_ref) {
     }, calculatedField));
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
+  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
     name: name,
     control: control,
     register: register,
@@ -97,7 +73,4 @@ var Field = function Field(_ref) {
     error: error
   }));
 };
-
-exports.Field = Field;
-var _default = Field;
-exports["default"] = _default;
+export default Field;

package/Field/package.json

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

package/Field/types.js

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

package/Field/utils.js

@@ -1,80 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calculateField = calculateField;
-exports.evaluateFieldWithConditions = evaluateFieldWithConditions;
-exports.useField = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("react");
-
-var _FormContext = require("@digigov/form/FormContext");
-
-var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
-
-var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
-
-var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
-
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
-
-var _OtpInput = _interopRequireDefault(require("@digigov/form/inputs/OtpInput"));
-
-var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
-
-var _Select = _interopRequireDefault(require("@digigov/form/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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(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 AutoComplete = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('@digigov/form/inputs/AutoComplete'));
-  });
+import _extends from "@babel/runtime/helpers/extends";
+import { lazy, useContext, useMemo } from 'react';
+import { FormContext } from "../FormContext";
+import Checkboxes from "../inputs/Checkboxes";
+import DateInput from "../inputs/DateInput";
+import FileInput from "../inputs/FileInput";
+import Input from "../inputs/Input";
+import OtpInput from "../inputs/OtpInput";
+import Radio from "../inputs/Radio";
+import Select from "../inputs/Select";
+var AutoComplete = /*#__PURE__*/lazy(function () {
+  return import("../inputs/AutoComplete");
 });
 var FIELD_COMPONENTS = {
   text: {
-    component: _Input["default"]
+    component: Input
   },
   string: {
-    component: _Input["default"]
+    component: Input
   },
   file: {
     wrapper: 'fieldset',
-    component: _FileInput["default"]
+    component: FileInput
   },
   date: {
     wrapper: 'fieldset',
     controlled: true,
-    component: _DateInput["default"]
+    component: DateInput
   },
   otp: {
     wrapper: 'fieldset',
     controlled: true,
-    component: _OtpInput["default"]
+    component: OtpInput
   },
   'choice:multiple': {
     wrapper: 'fieldset',
     controlled: true,
-    component: _Checkboxes["default"]
+    component: Checkboxes
   },
   'choice:single': {
     wrapper: 'fieldset',
     controlled: false,
-    component: _Radio["default"]
+    component: Radio
   }
 };
 var ALTERNATIVE_COMPONENTS = {
   Select: {
-    component: _Select["default"],
+    component: Select,
     controlled: false
   },
   AutoComplete: {
@@ -82,12 +53,12 @@ var ALTERNATIVE_COMPONENTS = {
     controlled: true
   }
 };
-
-function calculateField(children, field, componentRegistry) {
+export function calculateField(children, field, componentRegistry) {
   var _field$extra;
 
-  var calculatedField = (0, _extends2["default"])({}, field);
-  var fieldComponentRegistry = (0, _extends2["default"])({}, FIELD_COMPONENTS, componentRegistry);
+  var calculatedField = _extends({}, field);
+
+  var fieldComponentRegistry = _extends({}, FIELD_COMPONENTS, componentRegistry);
 
   if (children) {
     calculatedField.component = children;
@@ -118,9 +89,8 @@ function calculateField(children, field, componentRegistry) {
 
   return calculatedField;
 }
-
-var useField = function useField(name, customField) {
-  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
+export var useField = function useField(name, customField) {
+  var _useContext = useContext(FormContext),
       fieldsMap = _useContext.fieldsMap,
       control = _useContext.control,
       register = _useContext.register,
@@ -141,8 +111,8 @@ var useField = function useField(name, customField) {
     throw new Error("\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    ");
   }
 
-  (0, _react.useMemo)(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField((0, _extends2["default"])({}, customField, {
+  useMemo(function () {
+    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
       key: name
     }));
   }, [customField, name, registerField]);
@@ -163,11 +133,8 @@ var useField = function useField(name, customField) {
     error: errors[name]
   };
 };
-
-exports.useField = useField;
-
-function evaluateFieldWithConditions(field, variables) {
-  var newField = (0, _extends2["default"])({}, field);
+export function evaluateFieldWithConditions(field, variables) {
+  var newField = _extends({}, field);
 
   if (variables) {
     for (var key in variables) {

package/FieldArray/FieldArray.stories.js

@@ -1,45 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
-
-var _Default = require("@digigov/form/FieldArray/__stories__/Default");
-
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-
-var _WithExactLength = require("@digigov/form/FieldArray/__stories__/WithExactLength");
-
-Object.keys(_WithExactLength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithExactLength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithExactLength[key];
-    }
-  });
-});
-var _default = {
+import FieldArray from "./";
+export default {
   title: 'Digigov Form/FieldArray',
-  component: _FieldArray["default"],
+  component: FieldArray,
   displayName: 'FieldArray'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/WithExactLength";

package/FieldArray/__stories__/Default.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.Default = 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 Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var Default = function Default() {
+  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.Default = Default;
+};