@digigov/form 0.13.2 → 1.0.0-7c9716da

package/es/MultiplicityField/__stories__/Default.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/MultiplicityField/__stories__/PreviewDisplay.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
-import SummaryList, { SummaryListItem, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
-import { Header, HeaderSection, HeaderContent, HeaderTitle, HeadingCaption, Heading, Paragraph, Card, CardHeading, CardText, List, ListItem } from '@digigov/ui';
+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: 'ΜΑΡΙΟΣ'
@@ -50,10 +50,10 @@ var _ref6 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u0
 var _ref7 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "dark"
-}, /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/React.createElement(CardText, 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")))));
+}, /*#__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.createElement(Heading, {
-  size: "m"
+  size: "md"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
 
 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, {
@@ -68,14 +68,14 @@ 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.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
+  }, _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.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
   })))), /*#__PURE__*/React.createElement(Card, {
     variant: "border",
     borderColor: "dark"
-  }, _ref6, /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
+  }, _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.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));

package/es/MultiplicityField/__stories__/WithExactLength.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/MultiplicityField/__stories__/WithMaxLength.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/MultiplicityField/__stories__/WithMinAndMaxLength.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/MultiplicityField/__stories__/WithMinLength.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/MultiplicityField/add-objects.js

@@ -7,13 +7,13 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 /* eslint-disable react/prop-types */
 import React, { useEffect, useMemo } from 'react'; // import { FormBuilderProps } from '@digigov/form';
 
-import Button from '@digigov/ui/core/Button';
-import Fieldset from '@digigov/react-core/Fieldset';
-import RadioConditional from '@digigov/react-core/RadioConditional';
 import { useWatch } from 'react-hook-form';
 import { FieldBase } from '@digigov/form/Field/FieldBase';
 import { calculateField, useField } from '@digigov/form/Field/utils';
 import FieldObject from '@digigov/form/FieldObject';
+import Fieldset from '@digigov/react-core/Fieldset';
+import RadioConditional from '@digigov/react-core/RadioConditional';
+import Button from '@digigov/ui/form/Button';
 export var AddObjects = function AddObjects(_ref) {
   var name = _ref.name,
       fields = _ref.fields,

package/es/MultiplicityField/index.js

@@ -2,11 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
-import { Card, CardText, CardAction, Button, Heading, CardHeading } from '@digigov/react-core';
-import AddObjects from '@digigov/form/MultiplicityField/add-objects';
 import { useFieldArray } from 'react-hook-form';
-import FieldObject from '@digigov/form/FieldObject';
 import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
+import FieldObject from '@digigov/form/FieldObject';
+import AddObjects from '@digigov/form/MultiplicityField/add-objects';
+import { Card, CardContent, CardAction, Button, Heading, CardHeading } from '@digigov/react-core';
 // epeidh einai forwardRef to ref mas to dinei xwrista apo ta props
 export var Multiplicity = function Multiplicity(_ref) {
   var extra = _ref.extra,
@@ -56,7 +56,7 @@ export var Multiplicity = function Multiplicity(_ref) {
     wrapper: "fieldset",
     name: name
   }, stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
-    size: "m"
+    size: "md"
   }, extra === null || extra === void 0 ? void 0 : extra.label.object.title_added), stashedObjects.map(function (_Object, index) {
     return /*#__PURE__*/React.createElement(ListObject, {
       key: "".concat(name, ".").concat(index),
@@ -99,7 +99,7 @@ export var ListObject = function ListObject(_ref2) {
   var currentName = "".concat(name, ".").concat(index);
   return /*#__PURE__*/React.createElement(Card, {
     variant: (extra === null || extra === void 0 ? void 0 : extra.border) && 'border'
-  }, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
+  }, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
     name: currentName,
     formState: formState,
     register: register,

package/es/Questions/Questions.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useEffect } from 'react';
-import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
 import { getNextStep } from '@digigov/form/Questions/getNextStep';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
 var isBrowser = typeof window !== 'undefined';
 /**
  * The Question component accepts question data as props

package/es/Questions/Step/ReviewStep.js

@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/core/SummaryList';
-import Title from '@digigov/ui/typography/Title';
-import { Button } from '@digigov/ui/core';
 import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
-import { StepTitleBase } from '@digigov/form/Questions/Step/StepTitle';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import { useTranslation } from '@digigov/ui/app/i18n';
+import { StepTitleBase } from '@digigov/form/Questions/Step/StepTitle';
+import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
+import { Button } from '@digigov/ui/form/Button';
+import { useTranslation } from '@digigov/ui/i18n';
+import Title from '@digigov/ui/typography/Title';
 export var ReviewStep = function ReviewStep() {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;

package/es/Questions/Step/Step.js

@@ -3,8 +3,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useContext, useState } from 'react';
 import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
-import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 import { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 
 /**
  * The Step component accepts Step data as props

package/es/Questions/Step/StepArrayReview.js

@@ -1,14 +1,14 @@
 import React, { useContext } from 'react';
-import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
-import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
-import Button from '@digigov/ui/core/Button';
-import FormBuilder from '@digigov/form/FormBuilder';
 import { Field } from '@digigov/form/Field';
 import { Fieldset } from '@digigov/form/Fieldset';
+import FormBuilder from '@digigov/form/FormBuilder';
 import Label from '@digigov/form/inputs/Label';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/core/SummaryList';
-import { useTranslation } from '@digigov/ui/app/i18n';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
 import { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';
+import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
+import Button from '@digigov/ui/form/Button';
+import { useTranslation } from '@digigov/ui/i18n';
 export var StepArrayReview = function StepArrayReview(props) {
   var _currentStep$review2, _currentStep$review3, _currentStep$review4;
 

package/es/Questions/Step/StepDescription.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "description"];
 import React, { useContext } from 'react';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
+import { useTranslation } from '@digigov/ui/i18n';
 import Paragraph from '@digigov/ui/typography/Paragraph';
-import { useTranslation } from '@digigov/ui/app/i18n';
 export var StepDescriptionBase = function StepDescriptionBase(_ref) {
   var children = _ref.children,
       description = _ref.description,

package/es/Questions/Step/StepForm.js

@@ -2,12 +2,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "submitButton"],
     _excluded2 = ["name", "submitStep"];
 import React, { useContext } from 'react';
-import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import FormBuilder from '@digigov/form/FormBuilder';
-import Fieldset from '@digigov/form/Fieldset';
 import Field from '@digigov/form/Field';
-import Button from '@digigov/ui/core/Button';
-import { useTranslation } from '@digigov/ui/app/i18n';
+import Fieldset from '@digigov/form/Fieldset';
+import FormBuilder from '@digigov/form/FormBuilder';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
+import Button from '@digigov/ui/form/Button';
+import { useTranslation } from '@digigov/ui/i18n';
 
 /**
  * The StepForm component accepts a title, a caption and a

package/es/Questions/Step/StepTitle.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 import PageTitle, { PageTitleHeading, PageTitleSection, PageTitleCaption } from '@digigov/ui/app/PageTitle';
-import BackButton from '@digigov/ui/core/Button/BackButton';
-import { useTranslation } from '@digigov/ui/app/i18n';
+import BackButton from '@digigov/ui/form/Button/BackButton';
+import { useTranslation } from '@digigov/ui/i18n';
 export var StepTitleHeading = function StepTitleHeading(props) {
   return /*#__PURE__*/React.createElement(PageTitleHeading, null, props.children);
 };

package/es/Questions/__snapshots__/index.spec.tsx.snap

@@ -113,10 +113,10 @@ exports[`renders the Questions 1`] = `
                     <ForwardRef(PageTitleCaption)>
                       <ForwardRef(Base)
                         as="span"
-                        className="govgr-caption-l"
+                        className="govgr-caption-lg"
                       >
                         <span
-                          className="govgr-caption-l"
+                          className="govgr-caption-lg"
                         >
                           intro.caption
                         </span>
@@ -381,14 +381,14 @@ exports[`renders the Questions 1`] = `
                                       }
                                     >
                                       <ForwardRef(LabelTitle)
-                                        size="s"
+                                        size="sm"
                                       >
                                         <ForwardRef(Base)
                                           as="span"
-                                          className="govgr-heading-s"
+                                          className="govgr-heading-sm"
                                         >
                                           <span
-                                            className="govgr-heading-s"
+                                            className="govgr-heading-sm"
                                           >
                                             name.field.primary
                                           </span>

package/es/Questions/__stories__/Default.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import GovGRFooter from '@digigov/ui/govgr/Footer';
+import { Field } from '@digigov/form';
+import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
 import Header from '@digigov/ui/app/Header';
-import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
+import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import BasicLayout, { Top, Content, Main, Bottom } from '@digigov/ui/layouts/Basic';
-import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
-import { Field } from '@digigov/form';
 var steps = [{
   name: 'age',
   title: 'What is your age?',

package/es/Questions/index.mdx

@@ -14,12 +14,14 @@ import {
   TableDataCell,
 } from '@digigov/react-core';
 
-import LeadText from "@site/src/components/LeadText";
+import LeadText from '@site/src/components/LeadText';
 
-<LeadText>Question pages are used to ask users meaningful questions needed by
-your GOV.GR service, or even gather data about their persona or their
-application status. Use step questions to make bigger forms less scary and
-easier to fill out.</LeadText>
+<LeadText>
+  Question pages are used to ask users meaningful questions needed by your
+  GOV.GR service, or even gather data about their persona or their application
+  status. Use step questions to make bigger forms less scary and easier to fill
+  out.
+</LeadText>
 
 ## Introduction to Question pages
 
@@ -94,10 +96,10 @@ const steps = [
           primary: 'Birthday',
         },
         type: 'date',
-        required: true
-      }
-    ]
-  }
+        required: true,
+      },
+    ],
+  },
 ];
 
 export default function Index() {
@@ -152,18 +154,13 @@ Each step can be defined using a `Step` React component and all steps should be
 place inside a `Questions` component, that will provide the steps subcomponents
 the required state.
 
-First, you declare an array called `steps` and then you pass it to `<Questions
-/>` as a prop. Then for each step you can declare a `<Step />` component and
+First, you declare an array called `steps` and then you pass it to `<Questions />` as a prop. Then for each step you can declare a `<Step />` component and
 its subsequent subcomponents that you customise as needed, like the step title,
 description or form. You can also add components that are not form-specific,
 adding paragraphs or other custom components.
 
 ```jsx
-<Questions
-  name="example"
-  steps={steps}
-  onSubmit={(data) => doSomething(data)}
->
+<Questions name="example" steps={steps} onSubmit={(data) => doSomething(data)}>
   {/* more steps could be rendered here ... */}
   <Step name="age">
     <StepTitle />
@@ -181,21 +178,21 @@ adding paragraphs or other custom components.
 Steps can be described using `StepInterface` interface declared as a JSON
 object. The most basic properties are the following:
 
-* `name` - a unique identifier, must be different for each step
-* `title` - the main questions title that communicates to the users what this
+- `name` - a unique identifier, must be different for each step
+- `title` - the main questions title that communicates to the users what this
   question page is about, rendered by `StepTitle`
-* `fields` - an array that describes each input field that will be rendered in
+- `fields` - an array that describes each input field that will be rendered in
   the `StepForm`. Each fields implements the `FieldSpec` interface as a JSON object.
 
 ```json title="step-name.json"
 {
-  name: 'name',
-  title: 'What is your name?',
-  fields: [
+  "name": "name",
+  "title": "What is your name?",
+  "fields": [
     {
-      key: 'name',
-      type: 'string',
-      required: true,
+      "key": "name",
+      "type": "string",
+      "required": true
     }
   ]
 }
@@ -264,7 +261,7 @@ const steps = [
 
 For example, you may use a form to determine if citizens are adults or not, and
 we want to ask users different questions according to their persona. We can use
-a branch between the `age` step and the other two steps.  
+a branch between the `age` step and the other two steps.
 
 ```jsx live
 import React from 'react';
@@ -292,11 +289,11 @@ const steps = [
         key: 'age',
         type: 'int',
         required: true,
-      }
+      },
     ],
     nextStep: (data) => {
       return data.age < 18 ? 'citizen-adult' : 'citizen-underage';
-    }
+    },
   },
   {
     name: 'citizen-underage',
@@ -309,17 +306,17 @@ const steps = [
         extra: {
           options: [
             {
-              label: {primary: "Yes"},
+              label: { primary: 'Yes' },
               value: 'yes',
             },
             {
-              label: {primary: "No"},
+              label: { primary: 'No' },
               value: 'no',
-            }
-          ]
-        }
-      }
-    ]
+            },
+          ],
+        },
+      },
+    ],
   },
   {
     name: 'citizen-adult',
@@ -332,17 +329,17 @@ const steps = [
         extra: {
           options: [
             {
-              label: {primary: "Yes"},
+              label: { primary: 'Yes' },
               value: 'yes',
             },
             {
-              label: {primary: "No"},
+              label: { primary: 'No' },
               value: 'no',
-            }
-          ]
-        }
-      }
-    ]
+            },
+          ],
+        },
+      },
+    ],
   },
 ];
 
@@ -396,7 +393,7 @@ export default function Index() {
 }
 ```
 
-## Prop types 
+## Prop types
 
 <TableContainer>
   <Table>
@@ -409,7 +406,7 @@ export default function Index() {
     </TableHead>
     <TableBody>
       <TableRow>
-        <TableDataCell>Πρώτες 6 εβδομάδες   </TableDataCell>
+        <TableDataCell>Πρώτες 6 εβδομάδες </TableDataCell>
         <TableDataCell> €109.80 / εβδομάδα</TableDataCell>
         <TableDataCell> €69.80 / εβδομάδα</TableDataCell>
       </TableRow>

package/es/Questions/index.spec.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 '@digigov/form';
 var steps = [{
   name: 'intro',
   caption: 'intro.caption',