@digigov/form 1.0.0-6b93ebf2 → 1.0.0-871b6be5

package/es/Questions/index.mdx

@@ -348,11 +348,11 @@ export default function Index() {
     <BasicLayout>
       <Top>
         <Header>
-          <HeaderSection>
-            <HeaderContent>
+          <HeaderContent>
+            <HeaderSection>
               <GovGRLogo href="#" />
-            </HeaderContent>
-          </HeaderSection>
+            </HeaderSection>
+          </HeaderContent>
         </Header>
       </Top>
       <Content>

package/es/inputs/DateInput/__stories__/Default.js

@@ -19,24 +19,6 @@ export var Default = function Default() {
     label: {
       primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
       secondary: 'Για παράδειγμα, 05 11 2020'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue'
-      }]
     }
   }), _ref);
 };

package/es/inputs/FileInput/index.js

@@ -41,7 +41,7 @@ export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, re
   };
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUploadContainer, {
-    hasUploadedFile: files && files.length > 0
+    hasFiles: files && files.length > 0
   }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
     ref: ref,
     hasFiles: !!(files !== null && files !== void 0 && files.length),

package/es/inputs/OtpInput/index.js

@@ -4,7 +4,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["name", "maxLength"];
 import React, { useState, useCallback } from 'react';
-import SingleCharacterInputContainer, { SingleCharacterInputItem } from '@digigov/ui/form/SingleCharacterInputContainer';
+import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
 export var RE_DIGIT = new RegExp(/^\d+$/);
 export var REMOVE_SPACES = new RegExp(/\s+/g);
 
@@ -113,10 +113,10 @@ function useOtp(onChange, maxLength) {
   };
 }
 
-var SingleCharacterInputItemPart = function SingleCharacterInputItemPart(_ref) {
+var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
   var props = _extends({}, _ref);
 
-  return /*#__PURE__*/React.createElement(SingleCharacterInputItem, props);
+  return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
 };
 
 export var OtpInput = function OtpInput(_ref2) {
@@ -126,8 +126,8 @@ export var OtpInput = function OtpInput(_ref2) {
       props = _objectWithoutProperties(_ref2, _excluded);
 
   var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/React.createElement(SingleCharacterInputContainer, null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/React.createElement(SingleCharacterInputItemPart, {
+  return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
+    return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
       name: "".concat(name, "-").concat(idx),
       type: "text",
       key: idx,

package/es/inputs/Radio/__stories__/Default.js

@@ -17,7 +17,7 @@ export var Default = function Default() {
     type: "choice:single",
     required: true,
     label: {
-      primary: 'Ποια ειναι η χώρα της διαμονής σας;'
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
     },
     extra: {
       options: [{

package/es/inputs/Radio/__stories__/WithDivider.js

@@ -17,7 +17,7 @@ export var WithDivider = function WithDivider() {
     type: "choice:single",
     required: true,
     label: {
-      primary: 'Ποια ειναι η χώρα της διαμονής σας;'
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
     },
     extra: {
       options: [{

package/es/inputs/Select/__stories__/Default.js

@@ -17,7 +17,7 @@ export var Default = function Default() {
     type: "choice:single",
     required: true,
     label: {
-      primary: 'Ποια ειναι η χώρα της διαμονής σας;'
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
     },
     extra: {
       component: 'Select',

package/esm/FormBuilder/FormBuilder.mdx

@@ -95,10 +95,10 @@ import Header, { HeaderTitle } from '@digigov/ui/app/Header';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
 import Button from '@digigov/ui/form/Button';
-import Section, {
+import PageTitleContainer, {
+  PageTitleCaption,
   PageTitleHeading,
-} from '@digigov/ui/app/PageTitle';
-import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
+} from '@digigov/ui/app/PageTitleContainer';
 import BackButton from '@digigov/ui/form/Button/BackButton';
 import FormBuilder, { Fieldset, FieldsetLabel, Field } from '@digigov/form';
 import { useTranslation } from '@digigov/ui/i18n';
@@ -227,12 +227,10 @@ export default function Index() {
       <Content>
         <Main className={styles.main}>
           <BackButton>{t('button.back')}</BackButton>
-          <Section>
-            <Section>
-              <HeadingCaption>Before we start</HeadingCaption>
-            </Section>
+          <PageTitleContainer>
+              <PageTitleCaption>Before we start</PageTitleCaption>
             <PageTitleHeading>Submit a form</PageTitleHeading>
-          </Section>
+          </PageTitleContainer>
           <FormBuilder
             fields={FIELDS}
             onSubmit={setData}

package/esm/MultiplicityField/__stories__/PreviewDisplay.js

@@ -33,7 +33,7 @@ var fields = [{
   value: 'ΚΑΡΤΑ'
 }];
 
-var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
 }), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
 

package/esm/Questions/Step/StepArrayReview.js

@@ -5,7 +5,7 @@ import FormBuilder from '@digigov/form/FormBuilder';
 import Label from '@digigov/form/inputs/Label';
 import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
 import { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';
-import Section, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import PageTitleContainer, { PageTitleHeading } from '@digigov/ui/app/PageTitleContainer';
 import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
 import Button from '@digigov/ui/form/Button';
 import { useTranslation } from '@digigov/ui/i18n';
@@ -24,7 +24,7 @@ export var StepArrayReview = function StepArrayReview(props) {
 
     return field.key === ((_currentStep$review = currentStep.review) === null || _currentStep$review === void 0 ? void 0 : _currentStep$review.primaryFieldKey);
   }) || {};
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(PageTitleHeading, null, ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.title) && t((_currentStep$review3 = currentStep.review) === null || _currentStep$review3 === void 0 ? void 0 : _currentStep$review3.title))), /*#__PURE__*/React.createElement(SummaryList, null, props.array.map(function (item, idx) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageTitleContainer, null, /*#__PURE__*/React.createElement(PageTitleHeading, null, ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.title) && t((_currentStep$review3 = currentStep.review) === null || _currentStep$review3 === void 0 ? void 0 : _currentStep$review3.title))), /*#__PURE__*/React.createElement(SummaryList, null, props.array.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(SummaryListItem, {
       key: idx
     }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, t(primaryField.label.primary)), /*#__PURE__*/React.createElement(SummaryListItemValue, null, item[primaryField.key]), /*#__PURE__*/React.createElement(SummaryListItemAction, {

package/esm/Questions/Step/StepTitle.js

@@ -1,11 +1,12 @@
 import React, { useContext } from 'react';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import Section, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import PageTitleContainer, { PageTitleCaption } from '@digigov/ui/app/PageTitleContainer';
 import BackButton from '@digigov/ui/form/Button/BackButton';
 import { useTranslation } from '@digigov/ui/i18n';
-import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
+import HeadingCaption from '@digigov/react-core/HeadingCaption';
+import Heading from '@digigov/react-core/Heading';
 export var StepTitleHeading = function StepTitleHeading(props) {
-  return /*#__PURE__*/React.createElement(PageTitleHeading, null, props.children);
+  return /*#__PURE__*/React.createElement(Heading, null, props.children);
 };
 export var StepTitleBase = function StepTitleBase(_ref) {
   var caption = _ref.caption,
@@ -17,7 +18,9 @@ export var StepTitleBase = function StepTitleBase(_ref) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, null, backButton || t('back.button')), /*#__PURE__*/React.createElement(Section, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Section, null, /*#__PURE__*/React.createElement(HeadingCaption, null, caption && t(caption)), step && /*#__PURE__*/React.createElement(HeadingCaption, null, step)), /*#__PURE__*/React.createElement(StepTitleHeading, null, title && t(title)))));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, null, backButton || t('button.back')), /*#__PURE__*/React.createElement(PageTitleContainer, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeadingCaption, {
+    size: "xl"
+  }, caption && t(caption)), step && /*#__PURE__*/React.createElement(PageTitleCaption, null, step), /*#__PURE__*/React.createElement(StepTitleHeading, null, title && t(title)))));
 };
 /**
  * The StepTitle component accepts a title, a caption and a step indicator