@abgov/jsonforms-components 2.23.0 → 2.24.0

package/index.esm.js

@@ -7097,24 +7097,20 @@ let _$5 = t => t,
   _t20$1,
   _t21,
   _t22,
-  _t23;
+  _t23,
+  _t24;
 const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
   display: flex;
   flex-direction: column;
-  border: var(--goa-border-width-s) solid grey;
-  border-radius: var(--goa-border-radius-m);
-  margin: var(--goa-space-2xs);
-  padding: var(--goa-space-xs);
   div:empty {
     display: none;
   }
 `));
 const ReviewItemSection = styled.div(_t2$4 || (_t2$4 = _$5`
-  background-color: #f1f1f1;
   margin-bottom: var(--goa-space-m);
-  padding: var(--goa-space-m);
-  border: 1px solid #dcdcdc;
-  border-radius: 5px;
+  padding: var(--goa-space-xl) var(--goa-space-2xl);
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
 
   .element-style {
     max-width: 1600px;
@@ -7178,8 +7174,8 @@ const PageRenderPadding = styled.div(_t12$1 || (_t12$1 = _$5`
 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 PageBorder = styled.div(_t14$1 || (_t14$1 = _$5`
+  padding: var(--goa-space-m) var(--goa-space-3xl);
 `));
 const TableReviewItemSection = styled.div(_t15$1 || (_t15$1 = _$5`
   .element-style {
@@ -7187,9 +7183,9 @@ const TableReviewItemSection = 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);
+  padding: var(--goa-space-xl) var(--goa-space-2xl);
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
 `));
 const TableReviewPageTitleRow = styled.div(_t17$1 || (_t17$1 = _$5`
   margin-top: var(--goa-space-xl);
@@ -7234,6 +7230,10 @@ const SectionHeaderRowTr = styled.tr(_t23 || (_t23 = _$5`
     border-top: none !important;
   }
 `));
+const SummaryRowLink = styled.a(_t24 || (_t24 = _$5`
+  position: relative;
+  top: var(--goa-space-xs);
+`));
 
 class ContextProviderClass {
   async addDataByUrl(key, url, processDataFunction, token) {
@@ -8396,7 +8396,7 @@ const SummaryRow = ({
       mt: "none",
       mb: "xl",
       ml: "xl",
-      children: jsx("a", {
+      children: jsx(SummaryRowLink, {
         "data-testid": `page-ref-${index}`,
         href: "#",
         onClick: e => {
@@ -8578,6 +8578,7 @@ const BackButtonWrapper = styled.span(_t$4 || (_t$4 = _$4`
   display: inline-block;
   color: #0070c4;
   cursor: pointer;
+  margin-bottom: var(--goa-space-m);
 
   on .goa-icon {
     display: inline-block !important;
@@ -9474,22 +9475,24 @@ const ObjectArrayToolBar = /*#__PURE__*/React.memo(function TableToolbar({
   rootSchema,
   uischema
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const buttonPosition = ((_a = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _a === void 0 ? void 0 : _a.addButtonPosition) || 'left';
+  const buttonUIProps = ((_b = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _b === void 0 ? void 0 : _b.addButtonUIProps) || {};
   const arrayLabel = getLabelText(uischema.scope, label);
   return jsx(Fragment, {
     children: jsx("div", {
       style: {
         textAlign: buttonPosition
       },
-      children: jsx(GoAButton, {
+      children: jsx(GoAButton, Object.assign({
         disabled: !enabled,
         testId: `object-array-toolbar-${label}`,
         "aria-label": `Add to button to ${(label === null || label === void 0 ? void 0 : label.toLowerCase()) || ''}`,
         onClick: addItem(path, createDefaultValue(schema, rootSchema)),
-        type: (_c = (_b = uischema.options) === null || _b === void 0 ? void 0 : _b.addButtonType) !== null && _c !== void 0 ? _c : 'primary',
-        children: ((_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.addButtonText) || capitalizeFirstLetter(`Add ${arrayLabel}`)
-      })
+        type: (_d = (_c = uischema.options) === null || _c === void 0 ? void 0 : _c.addButtonType) !== null && _d !== void 0 ? _d : 'primary'
+      }, buttonUIProps, {
+        children: ((_e = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _e === void 0 ? void 0 : _e.addButtonText) || capitalizeFirstLetter(`Add ${arrayLabel}`)
+      }))
     })
   });
 });
@@ -10735,11 +10738,12 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
   }
 `));
 const AddressIndent = styled.div(_t2$1 || (_t2$1 = _$1`
-  margin: 0.5em 0 0.5em 0;
-  textwrap: 'wrap';
-  wordbreak: 'break-word';
-  border: 1px solid #dcdcdc;
-  padding: 1.35em;
+  margin: 0 0 var(--goa-space-m) 0;
+  text-wrap: wrap;
+  word-break: break-word;
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
+  padding: var(--goa-space-l);
 `));
 const TextWrap = styled.p(_t3 || (_t3 = _$1`
   text-wrap: auto;

package/package.json

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

@@ -11,7 +11,7 @@ export declare const RightAlignmentDiv: import("styled-components/dist/types").I
 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 PageBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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;
 export declare const TableReviewPageTitleRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -24,4 +24,5 @@ interface PageStepperRowProps {
 }
 export declare const PageStepperRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, PageStepperRowProps>> & string;
 export declare const SectionHeaderRowTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const SummaryRowLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
 export {};