@digigov/form 1.0.0-002c630d → 1.0.0-290a96e2

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

@@ -35,7 +35,7 @@ export var WithDivider = function WithDivider() {
           primary: 'Αισθάνομαι κούραση'
         },
         value: 'fatigue',
-        divider: 'ή'
+        dividerText: 'ή'
       }]
     }
   }), _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__/WithDivider.js

@@ -40,7 +40,7 @@ export var WithDivider = function WithDivider() {
           primary: 'Ηνωμένες Πολιτείες της Αμερικής'
         },
         value: 'usa',
-        divider: 'ή'
+        dividerText: 'ή'
       }]
     }
   }), _ref);

package/esm/FormBuilder/FormBuilder.mdx

@@ -95,11 +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 PageTitle, {
-  PageTitleSection,
+import PageTitleContainer, {
   PageTitleCaption,
   PageTitleHeading,
-} from '@digigov/ui/app/PageTitle';
+} 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';
@@ -228,12 +227,10 @@ export default function Index() {
       <Content>
         <Main className={styles.main}>
           <BackButton>{t('button.back')}</BackButton>
-          <PageTitle>
-            <PageTitleSection>
+          <PageTitleContainer>
               <PageTitleCaption>Before we start</PageTitleCaption>
-            </PageTitleSection>
             <PageTitleHeading>Submit a form</PageTitleHeading>
-          </PageTitle>
+          </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 PageTitle, { 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(PageTitle, 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,10 +1,12 @@
 import React, { useContext } from 'react';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import PageTitle, { PageTitleHeading, PageTitleSection, PageTitleCaption } 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/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,
@@ -16,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(PageTitle, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageTitleSection, null, /*#__PURE__*/React.createElement(PageTitleCaption, null, caption && t(caption)), step && /*#__PURE__*/React.createElement(PageTitleCaption, 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