@abgov/jsonforms-components 2.22.3 → 2.23.1

package/index.esm.js

@@ -7097,7 +7097,8 @@ 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;
@@ -7234,6 +7235,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 +8401,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 +8583,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;
@@ -8604,7 +8610,7 @@ const BackButton = ({
 };
 
 const RenderPages = props => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const {
     data,
     schema,
@@ -8629,6 +8635,7 @@ const RenderPages = props => {
     activeId
   } = formStepperCtx.selectStepperState();
   const hideSubmit = (_b = (_a = props.categoryProps.uischema.options) === null || _a === void 0 ? void 0 : _a.hideSubmit) !== null && _b !== void 0 ? _b : false;
+  const toAppOverviewLabel = (_d = (_c = props.categoryProps.uischema.options) === null || _c === void 0 ? void 0 : _c.toAppOverviewLabel) !== null && _d !== void 0 ? _d : 'Back to application overview';
   const submitFormFunction = enumerators === null || enumerators === void 0 ? void 0 : enumerators.submitFunction.get('submit-form');
   const submitForm = submitFormFunction && submitFormFunction();
   const saveFormFunction = enumerators === null || enumerators === void 0 ? void 0 : enumerators.saveFunction.get('save-form');
@@ -8657,7 +8664,7 @@ const RenderPages = props => {
         id: `${path || `goa`}-form-pages`,
         children: jsxs(PageBorder, {
           children: [jsx(BackButton, {
-            text: "Back to tasks",
+            text: toAppOverviewLabel,
             link: () => {
               handleSave();
               goToTableOfContext();
@@ -9473,22 +9480,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}`)
+      }))
     })
   });
 });

package/package.json

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

@@ -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 {};