@abgov/jsonforms-components 1.5.2 → 1.6.0

package/index.esm.js

@@ -4056,10 +4056,10 @@ const FormStepper = ({
         actions: jsx(GoAButtonGroup, {
           alignment: "end",
           children: jsx(GoAButton, {
-            type: "secondary",
+            type: "primary",
             testId: "submit-form",
             onClick: onSubmit,
-            children: "Ok"
+            children: "Close"
           })
         }),
         children: [jsx("b", {
@@ -4807,7 +4807,7 @@ const GoAVerticalLayout = withJsonFormsLayoutProps(GoAVerticalLayoutComponent, t
 
 const groupTester = rankWith(1, uiTypeIs('Group'));
 const GoAGroupControlComponent = props => {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   const {
     uischema,
     schema,
@@ -4818,11 +4818,31 @@ const GoAGroupControlComponent = props => {
     visible
   } = props;
   const group = uischema;
-  return jsx(Hidden, {
+  return jsxs(Hidden, {
     xsUp: !visible,
-    children: jsx(GoAContainer, Object.assign({}, (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps, {
+    children: [((_b = (_a = group.options) === null || _a === void 0 ? void 0 : _a.componentProps) === null || _b === void 0 ? void 0 : _b.accent) === 'thick' && jsx(GoAContainer, Object.assign({
+      heading: group.label
+    }, (_c = group.options) === null || _c === void 0 ? void 0 : _c.componentProps, {
       children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
-    }))
+    })), (((_e = (_d = group.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.accent) === 'thin' || ((_g = (_f = group.options) === null || _f === void 0 ? void 0 : _f.componentProps) === null || _g === void 0 ? void 0 : _g.accent) === 'filled') && jsxs("div", {
+      children: [group.label && jsx("h3", {
+        children: group.label
+      }), jsx(GoAContainer, Object.assign({}, (_h = group.options) === null || _h === void 0 ? void 0 : _h.componentProps, {
+        children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
+      }))]
+    }), ((_j = group.options) === null || _j === void 0 ? void 0 : _j.componentProps) && !((_l = (_k = group.options) === null || _k === void 0 ? void 0 : _k.componentProps) === null || _l === void 0 ? void 0 : _l.accent) && jsxs("div", {
+      children: [group.label && jsx("h3", {
+        children: group.label
+      }), jsx(GoAContainer, Object.assign({}, (_m = group.options) === null || _m === void 0 ? void 0 : _m.componentProps, {
+        children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
+      }))]
+    }), !((_o = group.options) === null || _o === void 0 ? void 0 : _o.componentProps) && jsxs("div", {
+      children: [group.label && jsx("h3", {
+        children: group.label
+      }), jsx(GoAContainer, {
+        children: renderLayoutElements(group.elements, schema, path, enabled, renderers, cells)
+      })]
+    })]
   });
 };
 const GoAGroupLayoutTester = withIncreasedRank(1, groupTester);

package/package.json

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