@abgov/jsonforms-components 2.3.6 → 2.3.8

package/index.esm.js

@@ -3086,6 +3086,21 @@ const standardizeDate = date => {
     return undefined;
   }
 };
+const to12HourFormat = time24 => {
+  return UTCToFullLocalTime('2025-03-22 ' + time24, true).slice(-11);
+};
+const UTCToFullLocalTime = (fullTime, useUTC = false) => {
+  return new Date(fullTime).toLocaleString('en-CA', {
+    hour12: true,
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    second: 'numeric',
+    minute: 'numeric',
+    timeZone: useUTC ? undefined : 'America/Edmonton'
+  }).replace('p.m.', 'PM').replace('a.m.', 'AM');
+};
 
 /**
  * Checks input controls data value to determine is required and has any data.
@@ -5737,6 +5752,8 @@ const GoABaseInputReviewComponent = props => {
   } = props;
   let reviewText = data;
   const isBoolean = typeof data === 'boolean';
+  const isTime = (schema === null || schema === void 0 ? void 0 : schema.type) === 'string' && (schema === null || schema === void 0 ? void 0 : schema.format) === 'time';
+  const isDateTime = (schema === null || schema === void 0 ? void 0 : schema.type) === 'string' && (schema === null || schema === void 0 ? void 0 : schema.format) === 'date-time';
   const getRequiredLabelText = () => {
     var _a, _b;
     let label = '';
@@ -5779,6 +5796,12 @@ const GoABaseInputReviewComponent = props => {
       }
     }
   }
+  if (isTime) {
+    reviewText = reviewText && to12HourFormat(reviewText);
+  }
+  if (isDateTime) {
+    reviewText = reviewText && UTCToFullLocalTime(reviewText);
+  }
   return jsxs("div", {
     style: {
       fontWeight: '400',
@@ -5848,16 +5871,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();
@@ -7172,7 +7193,7 @@ const ApplicationStatus = ({
 
 /* eslint-disable jsx-a11y/anchor-is-valid */
 const TableOfContents = props => {
-  var _a;
+  var _a, _b;
   const testid = 'table-of-contents';
   return jsx(PageBorder, {
     children: jsxs("div", {
@@ -7185,8 +7206,8 @@ const TableOfContents = props => {
         children: props.subtitle
       }), jsx(GoATable, {
         width: "100%",
-        children: jsx("tbody", {
-          children: (_a = props.categories) === null || _a === void 0 ? void 0 : _a.map((category, index) => {
+        children: jsxs("tbody", {
+          children: [(_a = props.categories) === null || _a === void 0 ? void 0 : _a.map((category, index) => {
             return jsxs("tr", {
               children: [jsx(TocPageRef, {
                 children: jsx("a", {
@@ -7202,7 +7223,28 @@ const TableOfContents = props => {
                 children: getCategoryStatusBadge(category)
               })]
             });
-          })
+          }), jsxs("tr", {
+            children: [jsx(TocPageRef, {
+              children: jsx("a", {
+                "data-testid": `page-ref-${(_b = props.categories) === null || _b === void 0 ? void 0 : _b.length}`,
+                href: "#",
+                onClick: e => {
+                  var _a;
+                  e.preventDefault();
+                  props.onClick((_a = props.categories) === null || _a === void 0 ? void 0 : _a.length);
+                },
+                children: jsx("b", {
+                  children: "Summary"
+                })
+              })
+            }), jsxs(CategoryStatus, {
+              children: [jsx(GoABadge, {
+                type: props.isValid ? 'success' : 'information',
+                content: props.isValid ? 'Completed' : 'Incomplete',
+                ariaLabel: props.isValid ? 'Completed' : 'Incomplete'
+              }), props.isValid]
+            })]
+          })]
         })
       })]
     })
@@ -7448,7 +7490,8 @@ const FormPagesView = props => {
   } = formStepperCtx;
   const {
     categories,
-    activeId
+    activeId,
+    isValid
   } = formStepperCtx.selectStepperState();
   useEffect(() => {
     validatePage(activeId);
@@ -7478,7 +7521,8 @@ const FormPagesView = props => {
       categories,
       onClick: handleGoToPage,
       title: (_b = (_a = props.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.title,
-      subtitle: (_d = (_c = props.uischema) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.subtitle
+      subtitle: (_d = (_c = props.uischema) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.subtitle,
+      isValid: isValid
     };
     return jsx(TableOfContents, Object.assign({}, tocProps));
   } else {
@@ -10369,6 +10413,7 @@ const FullNameControlReview = props => {
       mb: "m",
       children: [jsx(GoAFormItem, {
         label: "First name",
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `firstName-control-${props.id}`,
@@ -10385,6 +10430,7 @@ const FullNameControlReview = props => {
         })
       }), jsx(GoAFormItem, {
         label: "Last name",
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `lastName-control-${props.id}`,
@@ -10543,6 +10589,7 @@ const FullNameDobReviewControl = props => {
       mb: "m",
       children: [jsx(GoAFormItem, {
         label: "First name",
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `firstName-control-${props.id}`,
@@ -10559,6 +10606,7 @@ const FullNameDobReviewControl = props => {
         })
       }), jsx(GoAFormItem, {
         label: "Last name",
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `lastName-control-${props.id}`,
@@ -10571,6 +10619,7 @@ const FullNameDobReviewControl = props => {
       gap: "s",
       children: jsx(GoAFormItem, {
         label: "Date of birth",
+        requirement: "required",
         children: jsx(TextWrapDiv, {
           children: jsx("div", {
             "data-testid": `dob-control-${props.id}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "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/TableOfContents.d.ts

@@ -5,6 +5,7 @@ export interface TocProps {
     onClick: (id: number) => void;
     title: string | undefined;
     subtitle: string | undefined;
+    isValid: boolean;
 }
 export declare const TableOfContents: (props: TocProps) => JSX.Element;
 export declare const TableOfContentsTester: RankedTester;

package/src/lib/util/dateUtils.d.ts

@@ -1 +1,3 @@
 export declare const standardizeDate: (date: Date | string) => string | undefined;
+export declare const to12HourFormat: (time24: string) => string;
+export declare const UTCToFullLocalTime: (fullTime: string, useUTC?: boolean) => string;

package/src/lib/util/index.d.ts

@@ -2,3 +2,4 @@ export * from './inputControlUtils';
 export * from './style-component';
 export * from './type';
 export * from './stringUtils';
+export * from './dateUtils';