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

package/FormBuilder/FormBuilder.stories.js

@@ -1,31 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _FormBuilder = _interopRequireDefault(require("@digigov/form/FormBuilder"));
-
-var _Default = require("@digigov/form/FormBuilder/__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 _default = {
+import FormBuilder from "./";
+export default {
   title: 'Digigov Form/FormBuilder',
-  component: _FormBuilder["default"],
+  component: FormBuilder,
   displayName: 'FormBuilder'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";

package/FormBuilder/__stories__/Default.js

@@ -1,39 +1,21 @@
-"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.Default = void 0;
-
-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 React from 'react';
+import FormBuilder, { Field } from "../..";
+import { Button } from '@digigov/ui/form/Button';
 var initialValues = {
   'business-title': null
 };
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\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);
     },
     initial: initialValues
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     key: "business-title",
     name: "business-title",
     type: "string",
@@ -43,7 +25,4 @@ var Default = function Default() {
     required: true
   }), _ref);
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/FormBuilder/index.js

@@ -1,11 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _FormBuilder = require("@digigov/form/FormBuilder/FormBuilder");
-
-var _default = _FormBuilder.FormBuilder;
-exports["default"] = _default;
+import { FormBuilder } from "./FormBuilder";
+export default FormBuilder;

package/FormBuilder/package.json

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

package/FormContext.js

@@ -1,14 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormContext = void 0;
-
-var _react = require("react");
-
-var FormContext = /*#__PURE__*/(0, _react.createContext)({
+import { createContext } from 'react';
+export var FormContext = /*#__PURE__*/createContext({
   fieldsMap: {},
   fieldsetsMap: {}
-});
-exports.FormContext = FormContext;
+});

package/MultiplicityField/MultiplicityField.stories.js

@@ -1,101 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _MultiplicityField = _interopRequireDefault(require("@digigov/form/MultiplicityField"));
-
-var _Default = require("@digigov/form/MultiplicityField/__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 _WithMinLength = require("@digigov/form/MultiplicityField/__stories__/WithMinLength");
-
-Object.keys(_WithMinLength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithMinLength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithMinLength[key];
-    }
-  });
-});
-
-var _WithMaxLength = require("@digigov/form/MultiplicityField/__stories__/WithMaxLength");
-
-Object.keys(_WithMaxLength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithMaxLength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithMaxLength[key];
-    }
-  });
-});
-
-var _WithMinAndMaxLength = require("@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength");
-
-Object.keys(_WithMinAndMaxLength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithMinAndMaxLength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithMinAndMaxLength[key];
-    }
-  });
-});
-
-var _WithExactLength = require("@digigov/form/MultiplicityField/__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 _PreviewDisplay = require("@digigov/form/MultiplicityField/__stories__/PreviewDisplay");
-
-Object.keys(_PreviewDisplay).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PreviewDisplay[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PreviewDisplay[key];
-    }
-  });
-});
-var _default = {
+import MultiplicityField from "./";
+export default {
   title: 'Digigov Form/MultiplicityField',
-  component: _MultiplicityField["default"],
+  component: MultiplicityField,
   displayName: 'MultiplicityField'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/WithMinLength";
+export * from "./__stories__/WithMaxLength";
+export * from "./__stories__/WithMinAndMaxLength";
+export * from "./__stories__/WithExactLength";
+export * from "./__stories__/PreviewDisplay";

package/MultiplicityField/__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',
@@ -97,22 +78,20 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\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;
+};

package/MultiplicityField/__stories__/PreviewDisplay.js

@@ -1,30 +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.PreviewDisplay = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ui = require("@digigov/ui");
-
-var _SummaryList = _interopRequireWildcard(require("@digigov/ui/content/SummaryList"));
-
-var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
-
-var _GovGRLogo = _interopRequireDefault(require("@digigov/ui/govgr/GovGRLogo"));
-
-var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic/"));
-
-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 React from 'react';
+import { Header, HeaderSection, HeaderContent, HeaderTitle, HeadingCaption, Heading, Paragraph, Card, CardHeading, CardContent, List, ListItem } from '@digigov/ui';
+import SummaryList, { SummaryListItem, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/content/SummaryList';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
+import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
+import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
 var fields = [{
   name: 'Όνομα',
   value: 'ΜΑΡΙΟΣ'
@@ -54,53 +33,51 @@ var fields = [{
   value: 'ΚΑΡΤΑ'
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_ui.Header, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
-}), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
+}), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_ui.HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
+var _ref2 = /*#__PURE__*/React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
+var _ref3 = /*#__PURE__*/React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
+var _ref4 = /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
 
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
+var _ref5 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
 
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
+var _ref6 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
 
-var _ref7 = /*#__PURE__*/_react["default"].createElement(_ui.Card, {
+var _ref7 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "dark"
-}, /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/_react["default"].createElement(_ui.CardContent, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
 
-var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, {
+var _ref8 = /*#__PURE__*/React.createElement(Heading, {
   size: "md"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
 
-var _ref9 = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, /*#__PURE__*/_react["default"].createElement(_ui.List, {
+var _ref9 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, /*#__PURE__*/React.createElement(List, {
   marginBottom: 0,
   marginTop: 0,
   listStyle: "bullet"
-}, /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")));
+}, /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")));
 
-var _ref10 = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null);
+var _ref10 = /*#__PURE__*/React.createElement(GovGRFooter, null);
 
-var PreviewDisplay = function PreviewDisplay() {
-  return /*#__PURE__*/_react["default"].createElement(_Basic["default"], null, _ref, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/_react["default"].createElement(_ui.Card, {
+export var PreviewDisplay = function PreviewDisplay() {
+  return /*#__PURE__*/React.createElement(Layout, null, _ref, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/React.createElement(Card, {
     variant: "border",
     borderColor: "dark"
-  }, _ref5, /*#__PURE__*/_react["default"].createElement(_ui.CardContent, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, fields && fields.map(function (field, index) {
-    return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
+  }, _ref5, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(SummaryListItem, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value));
-  })))), /*#__PURE__*/_react["default"].createElement(_ui.Card, {
+    }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
+  })))), /*#__PURE__*/React.createElement(Card, {
     variant: "border",
     borderColor: "dark"
-  }, _ref6, /*#__PURE__*/_react["default"].createElement(_ui.CardContent, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, fields && fields.map(function (field, index) {
-    return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
+  }, _ref6, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(SummaryListItem, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value));
+    }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
   })))), _ref7, _ref8, _ref9)), _ref10);
-};
-
-exports.PreviewDisplay = PreviewDisplay;
+};

package/MultiplicityField/__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,22 +73,20 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\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/MultiplicityField/__stories__/WithMaxLength.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.WithMaxLength = 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',
@@ -95,22 +76,20 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var WithMaxLength = function WithMaxLength() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var WithMaxLength = function WithMaxLength() {
+  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.WithMaxLength = WithMaxLength;
+};

package/MultiplicityField/__stories__/WithMinAndMaxLength.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.WithMinAndMaxLength = 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',
@@ -96,22 +77,20 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var WithMinAndMaxLength = function WithMinAndMaxLength() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var WithMinAndMaxLength = function WithMinAndMaxLength() {
+  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.WithMinAndMaxLength = WithMinAndMaxLength;
+};