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

package/inputs/OtpInput/index.js

@@ -19,7 +19,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _SingleCharacterInputContainer = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputContainer"));
+var _SingleCharacterInputs = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputs"));
 
 var _excluded = ["name", "maxLength"];
 
@@ -137,9 +137,9 @@ function useOtp(onChange, maxLength) {
   };
 }
 
-var SingleCharacterInputItemPart = function SingleCharacterInputItemPart(_ref) {
+var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
   var props = (0, _extends2["default"])({}, _ref);
-  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, props);
+  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs.SingleCharacterInput, props);
 };
 
 var OtpInput = function OtpInput(_ref2) {
@@ -148,8 +148,8 @@ var OtpInput = function OtpInput(_ref2) {
       maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer["default"], null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/_react["default"].createElement(SingleCharacterInputItemPart, {
+  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs["default"], null, otp.otpValues.map(function (digit, idx) {
+    return /*#__PURE__*/_react["default"].createElement(SingleCharacterInputPart, {
       name: "".concat(name, "-").concat(idx),
       type: "text",
       key: idx,

package/inputs/Radio/__stories__/WithDivider.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/form",
-  "version": "1.0.0-002c630d",
+  "version": "1.0.0-290a96e2",
   "description": "@digigov form builder",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -17,11 +17,11 @@
     "dayjs": "1.10.4",
     "@hookform/resolvers": "2.9.6",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-002c630d"
+    "@digigov/react-icons": "1.0.0-290a96e2"
   },
   "peerDependencies": {
-    "@digigov/ui": "1.0.0-002c630d",
-    "@digigov/react-core": "1.0.0-002c630d",
+    "@digigov/ui": "1.0.0-290a96e2",
+    "@digigov/react-core": "1.0.0-290a96e2",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/src/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/src/MultiplicityField/__stories__/PreviewDisplay.tsx

@@ -64,12 +64,12 @@ const fields = [
 export const PreviewDisplay = () => (
   <Layout>
     <Header>
-      <HeaderSection>
-        <HeaderContent>
+      <HeaderContent>
+        <HeaderSection>
           <GovGRLogo href="#" />
           <HeaderTitle>Πρότυπο-Αναφοράς</HeaderTitle>
-        </HeaderContent>
-      </HeaderSection>
+        </HeaderSection>
+      </HeaderContent>
     </Header>
     <Content>
       <Main>

package/src/Questions/Step/StepArrayReview.tsx

@@ -7,7 +7,7 @@ import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
 import { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';
 import { StepArrayReviewInterface } from '@digigov/form/Questions/Step/types';
 import { FieldSpec } from '@digigov/form/types';
-import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import PageTitleContainer, { PageTitleHeading } from '@digigov/ui/app/PageTitleContainer';
 import {
   SummaryList,
   SummaryListItem,
@@ -28,11 +28,11 @@ export const StepArrayReview: React.FC<StepArrayReviewInterface> = (props) => {
     ) || {};
   return (
     <>
-      <PageTitle>
+      <PageTitleContainer>
         <PageTitleHeading>
           {currentStep.review?.title && t(currentStep.review?.title)}
         </PageTitleHeading>
-      </PageTitle>
+      </PageTitleContainer>
       <SummaryList>
         {props.array.map(
           (item: { [x: string]: React.ReactNode }, idx: number) => (

package/src/Questions/Step/StepTitle.tsx

@@ -1,13 +1,12 @@
 import React, { useContext } from 'react';
 import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import PageTitle, {
-  PageTitleHeading,
-  PageTitleHeadingProps,
-  PageTitleSection,
+import PageTitleContainer, {
   PageTitleCaption,
-} from '@digigov/ui/app/PageTitle';
+} 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, { HeadingProps } from '@digigov/react-core/Heading';
 
 export interface StepTitleInterface {
   title?: string;
@@ -16,8 +15,8 @@ export interface StepTitleInterface {
   step?: string;
 }
 
-export const StepTitleHeading: React.FC<PageTitleHeadingProps> = (props) => {
-  return <PageTitleHeading>{props.children}</PageTitleHeading>;
+export const StepTitleHeading: React.FC<HeadingProps> = (props) => {
+  return <Heading>{props.children}</Heading>;
 };
 
 export const StepTitleBase: React.FC<StepTitleInterface> = ({
@@ -30,18 +29,16 @@ export const StepTitleBase: React.FC<StepTitleInterface> = ({
   const { t } = useTranslation();
   return (
     <>
-      <BackButton>{backButton || t('back.button')}</BackButton>
-      <PageTitle>
+      <BackButton>{backButton || t('button.back')}</BackButton>
+      <PageTitleContainer>
         {children || (
           <>
-            <PageTitleSection>
-              <PageTitleCaption>{caption && t(caption)}</PageTitleCaption>
-              {step && <PageTitleCaption>{step}</PageTitleCaption>}
-            </PageTitleSection>
+            <HeadingCaption size="xl">{caption && t(caption)}</HeadingCaption>
+            {step && <PageTitleCaption>{step}</PageTitleCaption>}
             <StepTitleHeading>{title && t(title)}</StepTitleHeading>
           </>
         )}
-      </PageTitle>
+      </PageTitleContainer>
     </>
   );
 };