@digigov/form 1.0.0-6b93ebf2 → 1.0.0-77ee23d9

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

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

package/Questions/Step/StepArrayReview.js

@@ -23,7 +23,7 @@ var _QuestionsContext = require("@digigov/form/Questions/QuestionsContext");
 
 var _getAddMoreFields = require("@digigov/form/Questions/Step/getAddMoreFields");
 
-var _PageTitle = _interopRequireWildcard(require("@digigov/ui/app/PageTitle"));
+var _PageTitleContainer = _interopRequireWildcard(require("@digigov/ui/app/PageTitleContainer"));
 
 var _SummaryList = require("@digigov/ui/content/SummaryList");
 
@@ -50,7 +50,7 @@ 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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PageTitle["default"], null, /*#__PURE__*/_react["default"].createElement(_PageTitle.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["default"].createElement(_SummaryList.SummaryList, null, props.array.map(function (item, idx) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PageTitleContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_PageTitleContainer.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["default"].createElement(_SummaryList.SummaryList, null, props.array.map(function (item, idx) {
     return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
       key: idx
     }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, t(primaryField.label.primary)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, item[primaryField.key]), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, {

package/Questions/Step/StepTitle.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { PageTitleHeadingProps } from '@digigov/ui/app/PageTitle';
+import { HeadingProps } from '@digigov/react-core/Heading';
 export interface StepTitleInterface {
     title?: string;
     backButton?: string;
     caption?: string;
     step?: string;
 }
-export declare const StepTitleHeading: React.FC<PageTitleHeadingProps>;
+export declare const StepTitleHeading: React.FC<HeadingProps>;
 export declare const StepTitleBase: React.FC<StepTitleInterface>;
 /**
  * The StepTitle component accepts a title, a caption and a step indicator

package/Questions/Step/StepTitle.js

@@ -13,20 +13,22 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _StepContext = require("@digigov/form/Questions/Step/StepContext");
 
-var _PageTitle = _interopRequireWildcard(require("@digigov/ui/app/PageTitle"));
+var _PageTitleContainer = _interopRequireWildcard(require("@digigov/ui/app/PageTitleContainer"));
 
 var _BackButton = _interopRequireDefault(require("@digigov/ui/form/Button/BackButton"));
 
 var _i18n = require("@digigov/ui/i18n");
 
-var _HeadingCaption = require("@digigov/ui/typography/HeadingCaption");
+var _HeadingCaption = _interopRequireDefault(require("@digigov/react-core/HeadingCaption"));
+
+var _Heading = _interopRequireDefault(require("@digigov/react-core/Heading"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var StepTitleHeading = function StepTitleHeading(props) {
-  return /*#__PURE__*/_react["default"].createElement(_PageTitle.PageTitleHeading, null, props.children);
+  return /*#__PURE__*/_react["default"].createElement(_Heading["default"], null, props.children);
 };
 
 exports.StepTitleHeading = StepTitleHeading;
@@ -41,7 +43,9 @@ var StepTitleBase = function StepTitleBase(_ref) {
   var _useTranslation = (0, _i18n.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_BackButton["default"], null, backButton || t('back.button')), /*#__PURE__*/_react["default"].createElement(_PageTitle["default"], null, children || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PageTitle["default"], null, /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, null, caption && t(caption)), step && /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, null, step)), /*#__PURE__*/_react["default"].createElement(StepTitleHeading, null, title && t(title)))));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_BackButton["default"], null, backButton || t('button.back')), /*#__PURE__*/_react["default"].createElement(_PageTitleContainer["default"], null, children || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_HeadingCaption["default"], {
+    size: "xl"
+  }, caption && t(caption)), step && /*#__PURE__*/_react["default"].createElement(_PageTitleContainer.PageTitleCaption, null, step), /*#__PURE__*/_react["default"].createElement(StepTitleHeading, null, title && t(title)))));
 };
 /**
  * The StepTitle component accepts a title, a caption and a step indicator

package/Questions/Step/index.d.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';

package/Questions/Step/index.js

@@ -1,42 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  StepDescription: true,
-  StepForm: true,
-  StepQuote: true,
-  StepTitle: true
-};
-Object.defineProperty(exports, "StepDescription", {
-  enumerable: true,
-  get: function get() {
-    return _StepDescription["default"];
-  }
-});
-Object.defineProperty(exports, "StepForm", {
-  enumerable: true,
-  get: function get() {
-    return _StepForm["default"];
-  }
-});
-Object.defineProperty(exports, "StepQuote", {
-  enumerable: true,
-  get: function get() {
-    return _StepQuote["default"];
-  }
-});
-Object.defineProperty(exports, "StepTitle", {
-  enumerable: true,
-  get: function get() {
-    return _StepTitle["default"];
-  }
-});
+var _exportNames = {};
 exports["default"] = void 0;
 
 var _ReviewStep = require("@digigov/form/Questions/Step/ReviewStep");
@@ -95,13 +64,61 @@ Object.keys(_StepContext).forEach(function (key) {
   });
 });
 
-var _StepDescription = _interopRequireDefault(require("@digigov/form/Questions/Step/StepDescription"));
+var _StepDescription = require("@digigov/form/Questions/Step/StepDescription");
 
-var _StepForm = _interopRequireDefault(require("@digigov/form/Questions/Step/StepForm"));
+Object.keys(_StepDescription).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StepDescription[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StepDescription[key];
+    }
+  });
+});
 
-var _StepQuote = _interopRequireDefault(require("@digigov/form/Questions/Step/StepQuote"));
+var _StepForm = require("@digigov/form/Questions/Step/StepForm");
 
-var _StepTitle = _interopRequireDefault(require("@digigov/form/Questions/Step/StepTitle"));
+Object.keys(_StepForm).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StepForm[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StepForm[key];
+    }
+  });
+});
+
+var _StepQuote = require("@digigov/form/Questions/Step/StepQuote");
+
+Object.keys(_StepQuote).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StepQuote[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StepQuote[key];
+    }
+  });
+});
+
+var _StepTitle = require("@digigov/form/Questions/Step/StepTitle");
+
+Object.keys(_StepTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StepTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StepTitle[key];
+    }
+  });
+});
 
 var _getAddMoreFields = require("@digigov/form/Questions/Step/getAddMoreFields");