@abgov/jsonforms-components 2.6.1 → 2.6.3

package/index.esm.js

@@ -6888,7 +6888,8 @@ let _$5 = t => t,
   _t19$1,
   _t20$1,
   _t21,
-  _t22;
+  _t22,
+  _t23;
 const ReviewItem = styled.div(_t$6 || (_t$6 = _$5`
   display: flex;
   flex-direction: column;
@@ -6966,47 +6967,50 @@ const FormStepperSummaryH3 = styled.h3(_t11$1 || (_t11$1 = _$5`
 const PageRenderPadding = styled.div(_t12$1 || (_t12$1 = _$5`
   margin-top: var(--goa-space-2xl);
 `));
-const PageBorder = styled.h3(_t13$1 || (_t13$1 = _$5`
+const PageRenderPaddingBottom = styled.div(_t13$1 || (_t13$1 = _$5`
+  margin-bottom: var(--goa-space-2xl);
+`));
+const PageBorder = styled.h3(_t14$1 || (_t14$1 = _$5`
   padding: var(--goa-space-3xl);
 `));
-const TableReviewItemSection = styled.div(_t14$1 || (_t14$1 = _$5`
+const TableReviewItemSection = styled.div(_t15$1 || (_t15$1 = _$5`
   .element-style {
     max-width: 1600px;
   }
 `));
-const TableReviewItem = styled.div(_t15$1 || (_t15$1 = _$5`
+const TableReviewItem = styled.div(_t16$1 || (_t16$1 = _$5`
   border: 1px solid #dcdcdc;
   border-radius: 5px;
   padding: var(--goa-space-2xl);
 `));
-const TableReviewPageTitleRow = styled.div(_t16$1 || (_t16$1 = _$5`
+const TableReviewPageTitleRow = styled.div(_t17$1 || (_t17$1 = _$5`
   margin-top: var(--goa-space-xl);
   display: flex;
   justify-content: space-between;
 `));
-const TableReviewCategoryLabel = styled.h3(_t17$1 || (_t17$1 = _$5`
+const TableReviewCategoryLabel = styled.h3(_t18$1 || (_t18$1 = _$5`
   color: var(--goa-color-text-secondary) !important;
   margin-bottom: var(--goa-space-l);
 `));
-const CategoryStatus = styled.td(_t18$1 || (_t18$1 = _$5`
+const CategoryStatus = styled.td(_t19$1 || (_t19$1 = _$5`
   width: var(--goa-space-xl);
   padding-right: var(--goa-space-xl);
 `));
-const TocPageRef = styled.td(_t19$1 || (_t19$1 = _$5`
+const TocPageRef = styled.td(_t20$1 || (_t20$1 = _$5`
   padding-left: var(--goa-space-xl);
 `));
-const TocTitle = styled.h1(_t20$1 || (_t20$1 = _$5`
+const TocTitle = styled.h1(_t21 || (_t21 = _$5`
   padding: 0;
   margin: 0;
   padding-left: var(--goa-space-xl);
   padding-bottom: var(--goa-space-3xl);
 `));
-const TocSubtitle = styled.h2(_t21 || (_t21 = _$5`
+const TocSubtitle = styled.h2(_t22 || (_t22 = _$5`
   padding: 0;
   margin: 0;
   padding-left: var(--goa-space-xl);
 `));
-const CompletionStatus = styled.div(_t22 || (_t22 = _$5`
+const CompletionStatus = styled.div(_t23 || (_t23 = _$5`
   padding: 0;
   margin: 0;
   padding-left: var(--goa-space-xl);
@@ -8301,7 +8305,13 @@ const RenderPages = props => {
             }
           }), isOnReview && jsxs("div", {
             "data-testid": "stepper-pages-review-page",
-            children: [jsx(FormStepperPageReviewer, Object.assign({}, props.categoryProps, {
+            children: [jsx(PageRenderPaddingBottom, {
+              children: jsx(BackButton, {
+                testId: "review-back-button",
+                link: () => goToTableOfContext(),
+                text: "Back"
+              })
+            }), jsx(FormStepperPageReviewer, Object.assign({}, props.categoryProps, {
               navigationFunc: goToPage
             })), jsx(PageRenderPadding, {
               children: jsx(GoAButtonGroup, {
@@ -8496,7 +8506,6 @@ const FileUploaderReview = props => {
 };
 const FileUploader = _ref => {
   let {
-      data,
       path,
       handleChange,
       uischema
@@ -8511,6 +8520,7 @@ const FileUploader = _ref => {
   const deleteTriggerFunction = (_c = enumerators === null || enumerators === void 0 ? void 0 : enumerators.functions) === null || _c === void 0 ? void 0 : _c.get('delete-file');
   const deleteTrigger = deleteTriggerFunction && deleteTriggerFunction();
   const fileListValue = enumerators === null || enumerators === void 0 ? void 0 : enumerators.data.get('file-list');
+  const [loadingFileName, setLoadingFileName] = useState(undefined);
   const countries = ['Argentina', 'Brazil', 'Canada', 'Denmark', 'Egypt', 'France', 'Greece', 'India', 'Japan', 'Kenya'];
   enumerators === null || enumerators === void 0 ? void 0 : enumerators.addFormContextData('countries', countries);
   const user = enumerators === null || enumerators === void 0 ? void 0 : enumerators.getFormContextData('user');
@@ -8534,6 +8544,7 @@ const FileUploader = _ref => {
           deleteTrigger(fileInList, propertyId);
         }
       }
+      setLoadingFileName(file === null || file === void 0 ? void 0 : file.name);
       // To support multipleFileUploader, the propertyId (path) is in propertyId.index format
       uploadTrigger(file, `${propertyId}.${fileListLength}`);
       setDeleteHide(false);
@@ -8558,6 +8569,9 @@ const FileUploader = _ref => {
     return (_a = fileList === null || fileList === void 0 ? void 0 : fileList[props.i18nKeyPrefix]) === null || _a === void 0 ? void 0 : _a[index];
   }
   useEffect(() => {
+    if (loadingFileName !== undefined) {
+      setLoadingFileName(undefined);
+    }
     // UseEffect is required because not having it causes a react update error, but
     // it doesn't function correctly within jsonforms unless there is a minor delay here
     const delayedFunction = () => {
@@ -8652,13 +8666,13 @@ const FileUploader = _ref => {
     }), helpText && jsx(HelpText, {
       children: helpText
     }), jsx("div", {
-      children: Array.isArray(data) && data[0] === 'Loading' ? jsx(GoAModal, {
-        open: Array.isArray(data) && data[0] === 'Loading',
+      children: loadingFileName !== undefined ? jsx(GoAModal, {
+        open: loadingFileName !== undefined,
         children: jsx("div", {
           className: "align-center",
           children: jsx(GoACircularProgress, {
             visible: true,
-            message: `Uploading ${data[1]}`,
+            message: `Uploading ${loadingFileName}`,
             size: "large"
           })
         })
@@ -10419,7 +10433,7 @@ const fetchAddressSuggestions = async (formUrl, searchTerm, isAlbertaAddress) =>
   }
 };
 const filterAlbertaAddresses = suggestions => {
-  return suggestions.filter(suggestion => suggestion.Description.includes('AB'));
+  return suggestions.filter(suggestion => suggestion.Description.includes('AB')).slice(0, 10);
 };
 const filterSuggestionsWithoutAddressCount = suggestions => {
   return suggestions.filter(suggestion => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "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,6 +10,7 @@ export declare const ListWithDetailHeading: import("styled-components/dist/types
 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<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PageRenderPaddingBottom: 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;