@abgov/jsonforms-components 2.6.0 → 2.6.2

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, {
@@ -10419,7 +10429,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 => {
@@ -10802,7 +10812,7 @@ const AddressLookUpControl = props => {
   const updateFormData = updatedAddress => {
     handleChange(path, updatedAddress);
   };
-  const debouncedRenderAddress = useDebounce(searchTerm, 200);
+  const debouncedRenderAddress = useDebounce(searchTerm, 1000);
   const [activeIndex, setActiveIndex] = useState(0);
   const dropdownRef = useRef(null);
   const handleInputChange = (field, value) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "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;