@digigov/form 1.0.0-6b93ebf2 → 1.0.0-758a1807

package/esm/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/inputs/FileInput/index.js

@@ -68,7 +68,7 @@ var FileInput = /*#__PURE__*/_react["default"].forwardRef(function FileInput(_re
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileUploadContainer["default"], {
-    hasUploadedFile: files && files.length > 0
+    hasFiles: files && files.length > 0
   }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t('upload.no_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
     ref: ref,
     hasFiles: !!(files !== null && files !== void 0 && files.length),

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/form",
-  "version": "1.0.0-6b93ebf2",
+  "version": "1.0.0-758a1807",
   "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-6b93ebf2"
+    "@digigov/react-icons": "1.0.0-758a1807"
   },
   "peerDependencies": {
-    "@digigov/ui": "1.0.0-6b93ebf2",
-    "@digigov/react-core": "1.0.0-6b93ebf2",
+    "@digigov/ui": "1.0.0-758a1807",
+    "@digigov/react-core": "1.0.0-758a1807",
     "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,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/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 Section, { 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 (
     <>
-      <Section>
+      <PageTitleContainer>
         <PageTitleHeading>
           {currentStep.review?.title && t(currentStep.review?.title)}
         </PageTitleHeading>
-      </Section>
+      </PageTitleContainer>
       <SummaryList>
         {props.array.map(
           (item: { [x: string]: React.ReactNode }, idx: number) => (

package/src/Questions/Step/StepTitle.tsx

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

package/src/Questions/Step/index.ts

@@ -2,10 +2,10 @@ export * from '@digigov/form/Questions/Step/ReviewStep';
 export * from '@digigov/form/Questions/Step/Step';
 export * from '@digigov/form/Questions/Step/StepArrayReview';
 export * from '@digigov/form/Questions/Step/StepContext';
-export { default as StepDescription } from '@digigov/form/Questions/Step/StepDescription';
-export { default as StepForm } from '@digigov/form/Questions/Step/StepForm';
-export { default as StepQuote } from '@digigov/form/Questions/Step/StepQuote';
-export { default as StepTitle } from '@digigov/form/Questions/Step/StepTitle';
+export * from '@digigov/form/Questions/Step/StepDescription';
+export * from '@digigov/form/Questions/Step/StepForm';
+export * from '@digigov/form/Questions/Step/StepQuote';
+export * from '@digigov/form/Questions/Step/StepTitle';
 export * from '@digigov/form/Questions/Step/getAddMoreFields';
 export * from '@digigov/form/Questions/Step/';
 export * from '@digigov/form/Questions/Step/types';