@abgov/jsonforms-components 2.3.5 → 2.3.7

package/index.esm.js

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
 import { rankWith, isStringControl, and, optionIs, uiTypeIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, isEnumControl, isBooleanControl, getAjv, isVisible, getControlPath, toDataPath, deriveLabelForUISchemaElement, isEnabled, schemaTypeIs, formatIs, createDefaultValue, or, isObjectArrayControl, isPrimitiveArrayControl, Paths, schemaMatches, hasType, isControl, isCategorization, isLayout } from '@jsonforms/core';
-import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, useJsonForms, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
+import { withJsonFormsControlProps, withJsonFormsRendererProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, useJsonForms, withJsonFormsLayoutProps, withJsonFormsArrayLayoutProps, withJsonFormsAllOfProps, withJsonFormsCellProps } from '@jsonforms/react';
 import * as _$c from 'lodash';
 import { isEqual, isEmpty as isEmpty$1, isObject as isObject$f } from 'lodash';
 import merge from 'lodash/merge';
@@ -4305,7 +4305,7 @@ styled.h4(_t7$2 || (_t7$2 = _$a`
   margin: 0 0 0.25rem 0;
   fontsize: larger;
 `));
-const Row = styled.h4(_t8$2 || (_t8$2 = _$a`
+styled.h4(_t8$2 || (_t8$2 = _$a`
   border-bottom: 1px solid #ddd;
 `));
 
@@ -5546,8 +5546,22 @@ const BooleanComponent = ({
   schema,
   isVisited
 }) => {
-  var _a, _b, _c;
-  const text = `${((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.text) ? (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.text : (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : schema === null || schema === void 0 ? void 0 : schema.description}${required ? ' (required)' : ''}`;
+  var _a;
+  const getRequiredLabelText = () => {
+    var _a, _b;
+    let label = '';
+    if ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.text) {
+      label = (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.text;
+    } else if (schema === null || schema === void 0 ? void 0 : schema.title) {
+      label = schema === null || schema === void 0 ? void 0 : schema.title;
+    } else if (schema === null || schema === void 0 ? void 0 : schema.description) {
+      label = schema === null || schema === void 0 ? void 0 : schema.description;
+    } else if (uischema === null || uischema === void 0 ? void 0 : uischema.label) {
+      label = uischema === null || uischema === void 0 ? void 0 : uischema.label;
+    }
+    return `${label}${required ? ' (required)' : ''}`;
+  };
+  const text = getRequiredLabelText();
   return jsx(CheckboxWrapper, {
     children: jsx(GoACheckbox, Object.assign({
       error: isVisited && errors.length > 0,
@@ -5559,7 +5573,7 @@ const BooleanComponent = ({
       onChange: (_, checked) => {
         handleChange(path, checked);
       }
-    }, (_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
+    }, (_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
       mb: "none"
     }))
   });
@@ -5711,7 +5725,7 @@ const warningIcon = errorMessage => {
   });
 };
 const GoABaseInputReviewComponent = props => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c;
   // eslint-disable-next-line
   const {
     data,
@@ -5723,7 +5737,20 @@ const GoABaseInputReviewComponent = props => {
   } = props;
   let reviewText = data;
   const isBoolean = typeof data === 'boolean';
-  const requiredText = `${((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.text) ? (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.text : (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : schema === null || schema === void 0 ? void 0 : schema.description}${required ? ' is required.' : ''}`;
+  const getRequiredLabelText = () => {
+    var _a, _b;
+    let label = '';
+    if ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.text) {
+      label = (_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.text;
+    } else if (schema === null || schema === void 0 ? void 0 : schema.title) {
+      label = schema === null || schema === void 0 ? void 0 : schema.title;
+    } else if (schema === null || schema === void 0 ? void 0 : schema.description) {
+      label = schema === null || schema === void 0 ? void 0 : schema.description;
+    } else if (uischema === null || uischema === void 0 ? void 0 : uischema.label) {
+      label = (uischema === null || uischema === void 0 ? void 0 : uischema.label) || '';
+    }
+    return `${label} ${required ? 'is required' : ''}`;
+  };
   const renderRequiredLabel = () => {
     var _a;
     if (label !== '' && ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.text) !== '') return null;
@@ -5731,6 +5758,7 @@ const GoABaseInputReviewComponent = props => {
       children: ` (required)`
     }) : null;
   };
+  const requiredText = getRequiredLabelText();
   const renderWarningMessage = () => {
     var _a;
     if ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.radio) return null;
@@ -5740,8 +5768,8 @@ const GoABaseInputReviewComponent = props => {
     return null;
   };
   if (isBoolean) {
-    const checkboxLabel = ((_d = (_c = uischema.options) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.trim()) || convertToSentenceCase(getLastSegmentFromPointer(uischema.scope));
-    if (((_e = uischema.options) === null || _e === void 0 ? void 0 : _e.radio) === true) {
+    const checkboxLabel = ((_b = (_a = uischema.options) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.trim()) || convertToSentenceCase(getLastSegmentFromPointer(uischema.scope));
+    if (((_c = uischema.options) === null || _c === void 0 ? void 0 : _c.radio) === true) {
       reviewText = data ? `Yes` : `No`;
     } else {
       if (label !== '' || typeof label === 'boolean') {
@@ -5820,16 +5848,14 @@ const GoAInputBaseTableReviewControl = withJsonFormsControlProps(GoAInputBaseTab
 let _$7 = t => t,
   _t$7;
 const renderLayoutElements = (elements, schema, path, enabled, renderers, cells) => {
-  return elements.map((child, index) => jsx("div", {
-    children: jsx(JsonFormsDispatch, {
-      uischema: child,
-      schema: schema,
-      path: path,
-      enabled: enabled,
-      renderers: renderers,
-      cells: cells
-    }, path)
-  }, index));
+  return elements.map((child, index) => jsx(JsonFormsDispatch, {
+    uischema: child,
+    schema: schema,
+    path: path,
+    enabled: enabled,
+    renderers: renderers,
+    cells: cells
+  }, `review-${path}_${index}`));
 };
 const withAjvProps = Component => function WithAjvProps(props) {
   const ctx = useJsonForms();
@@ -6002,7 +6028,7 @@ const FormStepperSummaryH3 = styled.h3(_t11$1 || (_t11$1 = _$6`
   line-height: var(--goa-line-height-4);
   font-weight: var(--goa-font-weight-regular);
 `));
-const PageRenderPadding = styled.h3(_t12$1 || (_t12$1 = _$6`
+const PageRenderPadding = styled.div(_t12$1 || (_t12$1 = _$6`
   margin-top: var(--goa-space-2xl);
 `));
 const PageBorder = styled.h3(_t13$1 || (_t13$1 = _$6`
@@ -6021,9 +6047,7 @@ const TableReviewItem = styled.div(_t15$1 || (_t15$1 = _$6`
 const TableReviewPageTitleRow = styled.div(_t16$1 || (_t16$1 = _$6`
   margin-top: var(--goa-space-xl);
   display: flex;
-  .right {
-    margin-left: auto;
-  }
+  justify-content: space-between;
 `));
 const TableReviewCategoryLabel = styled.h3(_t17$1 || (_t17$1 = _$6`
   color: var(--goa-color-text-secondary) !important;
@@ -7203,26 +7227,21 @@ const FormStepperPageReviewer = props => {
       children: "Review your answers"
     }), categories.map((category, index) => {
       const categoryLabel = category.label || category.i18n || 'Unknown Category';
-      return jsxs(Row, {
-        children: [jsx("div", {
-          children: jsxs(TableReviewPageTitleRow, {
-            children: [jsx(TableReviewCategoryLabel, {
-              children: categoryLabel
-            }), jsx("div", {
-              className: "right",
-              children: jsx(GoAButton, {
-                type: "tertiary",
-                testId: `page-review-change-${category.label}-btn`,
-                onClick: () => {
-                  if (formStepperCtx) {
-                    formStepperCtx.toggleShowReviewLink(index);
-                    formStepperCtx.goToPage(index);
-                  }
-                },
-                children: "Change"
-              })
-            })]
-          })
+      return jsxs(Fragment, {
+        children: [jsxs(TableReviewPageTitleRow, {
+          children: [jsx(TableReviewCategoryLabel, {
+            children: categoryLabel
+          }), jsx(GoAButton, {
+            type: "tertiary",
+            testId: `page-review-change-${category.label}-btn`,
+            onClick: () => {
+              if (formStepperCtx) {
+                formStepperCtx.toggleShowReviewLink(index);
+                formStepperCtx.goToPage(index);
+              }
+            },
+            children: "Change"
+          })]
         }), jsx(TableReviewItemSection, {
           children: category.elements.filter(field => {
             var _a, _b;
@@ -7252,7 +7271,7 @@ const FormStepperPageReviewer = props => {
             } else {
               return e;
             }
-          }).flat().map(element => {
+          }).flat().map((element, index) => {
             return jsx(GoATable, {
               width: "100%",
               children: jsx("tbody", {
@@ -7269,7 +7288,7 @@ const FormStepperPageReviewer = props => {
                   cells: cells
                 })
               })
-            });
+            }, index);
           })
         }, index)]
       });
@@ -10339,6 +10358,45 @@ const FullNameControl = props => {
 const isFullName = createSchemaMatchTester(['firstName', 'middleName', 'lastName'], true);
 const FullNameTester = rankWith(4, isFullName);
 
+const FullNameControlReview = props => {
+  var _a, _b, _c;
+  return jsx("div", {
+    children: jsxs(GoAGrid, {
+      minChildWidth: "0ch",
+      gap: "s",
+      mb: "m",
+      children: [jsx(GoAFormItem, {
+        label: "First name",
+        requirement: "required",
+        children: jsx(TextWrapDiv, {
+          children: jsx("div", {
+            "data-testid": `firstName-control-${props.id}`,
+            children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
+          })
+        })
+      }), jsx(GoAFormItem, {
+        label: "Middle name",
+        children: jsx(TextWrapDiv, {
+          children: jsx("div", {
+            "data-testid": `middleName-control-${props.id}`,
+            children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
+          })
+        })
+      }), jsx(GoAFormItem, {
+        label: "Last name",
+        requirement: "required",
+        children: jsx(TextWrapDiv, {
+          children: jsx("div", {
+            "data-testid": `lastName-control-${props.id}`,
+            children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.lastName
+          })
+        })
+      })]
+    })
+  });
+};
+const GoAInputBaseFullNameControlReview = withJsonFormsAllOfProps(FullNameControlReview);
+
 const FullNameDobControl = props => {
   var _a, _b, _c, _d, _e, _f;
   const {
@@ -10477,35 +10535,19 @@ const FullNameDobControl = props => {
 };
 
 const FullNameDobReviewControl = props => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const requiredFields = props.schema.required;
-  const [errors, setErrors] = useState({});
-  useEffect(() => {
-    var _a, _b, _c;
-    const err = {};
-    if ((requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) && !((_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName)) {
-      err['firstName'] = `First name is required`;
-    }
-    if ((requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) && !((_b = props.data) === null || _b === void 0 ? void 0 : _b.lastName)) {
-      err['lastName'] = `Last name is required`;
-    }
-    if ((requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) && !((_c = props.data) === null || _c === void 0 ? void 0 : _c.dateOfBirth)) {
-      err['dateOfBirth'] = `Date of birth is required`;
-    }
-    setErrors(err);
-  }, [props.data, requiredFields]);
+  var _a, _b, _c, _d;
   return jsxs(Fragment, {
     children: [jsxs(GoAGrid, {
       minChildWidth: "0ch",
       gap: "s",
+      mb: "m",
       children: [jsx(GoAFormItem, {
         label: "First name",
-        requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('firstName')) ? 'required' : undefined,
-        error: (_a = errors === null || errors === void 0 ? void 0 : errors['firstName']) !== null && _a !== void 0 ? _a : '',
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `firstName-control-${props.id}`,
-            children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.firstName
+            children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.firstName
           })
         })
       }), jsx(GoAFormItem, {
@@ -10513,17 +10555,16 @@ const FullNameDobReviewControl = props => {
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `middleName-control-${props.id}`,
-            children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.middleName
+            children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.middleName
           })
         })
       }), jsx(GoAFormItem, {
         label: "Last name",
-        requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('lastName')) ? 'required' : undefined,
-        error: (_d = errors === null || errors === void 0 ? void 0 : errors['lastName']) !== null && _d !== void 0 ? _d : '',
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `lastName-control-${props.id}`,
-            children: (_e = props.data) === null || _e === void 0 ? void 0 : _e.lastName
+            children: (_c = props.data) === null || _c === void 0 ? void 0 : _c.lastName
           })
         })
       })]
@@ -10532,18 +10573,18 @@ const FullNameDobReviewControl = props => {
       gap: "s",
       children: jsx(GoAFormItem, {
         label: "Date of birth",
-        requirement: (requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.includes('dateOfBirth')) ? 'required' : undefined,
-        error: (_f = errors === null || errors === void 0 ? void 0 : errors['dateOfBirth']) !== null && _f !== void 0 ? _f : '',
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `dob-control-${props.id}`,
-            children: (_g = props.data) === null || _g === void 0 ? void 0 : _g.dateOfBirth
+            children: (_d = props.data) === null || _d === void 0 ? void 0 : _d.dateOfBirth
           })
         })
       })
     })]
   });
 };
+const GoAInputBaseFullNameDobControlReview = withJsonFormsAllOfProps(FullNameDobReviewControl);
 
 const isFullNameDoB = createSchemaMatchTester(['firstName', 'middleName', 'lastName', 'dateOfBirth'], true);
 const FullNameDobTester = rankWith(4, isFullNameDoB);
@@ -11917,6 +11958,12 @@ const GoABaseReviewRenderers = [
 const GoABaseTableReviewRenderers = [
 // controls
 {
+  tester: FullNameTester,
+  renderer: GoAInputBaseFullNameControlReview
+}, {
+  tester: FullNameDobTester,
+  renderer: GoAInputBaseFullNameDobControlReview
+}, {
   tester: GoAEnumControlTester,
   renderer: GoAInputBaseTableReviewControl
 }, {
@@ -12017,4 +12064,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputInteger, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoInputBaseReviewControl, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, isAddressLookup, isFullName, isFullNameDoB, registerReducer, resolveRefs, tryResolveRefs };
+export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputInteger, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoInputBaseReviewControl, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, isAddressLookup, isFullName, isFullNameDoB, registerReducer, resolveRefs, tryResolveRefs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.3.5",
+  "version": "2.3.7",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Controls/FormStepper/styled-components.d.ts

@@ -10,7 +10,7 @@ export declare const ListWithDetail: import("styled-components/dist/types").ISty
 export declare const ListWithDetailHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const RightAlignmentDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FormStepperSummaryH3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const PageRenderPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const PageRenderPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PageBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const TableReviewItemSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableReviewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/src/lib/Controls/FullName/FullNameControlReview.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ControlProps } from '@jsonforms/core';
+type FullNameControlReviewProps = ControlProps;
+export declare const FullNameControlReview: (props: FullNameControlReviewProps) => JSX.Element;
+export declare const GoAInputBaseFullNameControlReview: import("react").ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export {};

package/src/lib/Controls/FullName/index.d.ts

@@ -1,2 +1,3 @@
 export * from './FullNameControl';
 export * from './FullNameTester';
+export * from './FullNameControlReview';

package/src/lib/Controls/FullNameDOB/FullNameDobReviewControl.d.ts

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import { ControlProps } from '@jsonforms/core';
 type DateOfBirthReviewControlProps = ControlProps;
 export declare const FullNameDobReviewControl: (props: DateOfBirthReviewControlProps) => JSX.Element;
+export declare const GoAInputBaseFullNameDobControlReview: import("react").ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export {};