@abgov/jsonforms-components 2.58.1 → 2.58.3

package/index.esm.js

@@ -12314,17 +12314,67 @@ const PrimitiveArrayControl = props => {
   const addItem = () => {
     handleChange(path, [...items, '']);
   };
+  const getOptionValue = option => typeof option === 'string' ? option : option.const;
+  const getOptionLabel = option => typeof option === 'string' ? option : option.title || option.const;
+  const getOptionDescription = option => typeof option === 'string' ? undefined : option.description;
   const removeItem = index => {
     const copy = [...items];
     copy.splice(index, 1);
     handleChange(path, copy);
   };
+  const getPrimitiveArrayOptions = schema => {
+    const itemSchema = schema == null ? void 0 : schema.items;
+    if (Array.isArray(itemSchema == null ? void 0 : itemSchema.oneOf)) {
+      return itemSchema.oneOf;
+    }
+    if (Array.isArray(itemSchema == null ? void 0 : itemSchema.enum)) {
+      return itemSchema.enum;
+    }
+    return [];
+  };
   const itemUiSchema = Object.assign({}, uischema, {
     scope: '#'
   });
+  const options = uischema.options || {};
   const label = (uischema == null ? void 0 : uischema.label) || (schema == null ? void 0 : schema.title) || 'Item';
   const arrayLabel = getLabelText(uischema.scope, label);
   const prettyLabel = pluralize.singular(arrayLabel.charAt(0).toLocaleUpperCase() + arrayLabel.slice(1));
+  if (options.format === 'checkboxes') {
+    const checkboxOptions = getPrimitiveArrayOptions(schema);
+    return jsxs(Visible, {
+      visible: visible,
+      children: [jsx("h4", {
+        children: prettyLabel
+      }), jsx("div", {
+        children: checkboxOptions.map(option => {
+          const value = getOptionValue(option);
+          const text = getOptionLabel(option);
+          const description = getOptionDescription(option);
+          const checked = items.includes(value);
+          return jsx(GoabCheckbox, {
+            name: value,
+            value: value,
+            text: text,
+            description: description,
+            checked: checked,
+            disabled: !enabled,
+            testId: `${value}-checkbox`,
+            onChange: detail => {
+              let newValue = [...items];
+              if (detail.value) {
+                if (!newValue.includes(value)) {
+                  newValue.push(value);
+                }
+              } else {
+                newValue = newValue.filter(item => item !== value);
+              }
+              handleChange(path, newValue.length ? newValue : undefined);
+            }
+          }, value);
+        })
+      })]
+    });
+  }
   return jsxs(Visible, {
     visible: visible,
     children: [jsx("div", {
@@ -12336,6 +12386,10 @@ const PrimitiveArrayControl = props => {
         onClick: () => addItem(),
         children: ["Add ", prettyLabel]
       })
+    }), jsx("pre", {
+      children: JSON.stringify(schema.items, null, 2)
+    }), jsx("pre", {
+      children: JSON.stringify(itemUiSchema, null, 2)
     }), items.length === 0 && jsxs("p", {
       style: {
         opacity: 0.7
@@ -14066,9 +14120,7 @@ const RenderPages = props => {
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const {
     goToPage,
-    toggleShowReviewLink,
-    goToTableOfContext,
-    validatePage
+    goToTableOfContext
   } = formStepperCtx;
   const {
     categories,
@@ -14102,6 +14154,21 @@ const RenderPages = props => {
   const onCloseModal = () => {
     setIsOpen(false);
   };
+  const category = categories[activeId];
+  const categoryProps = {
+    category: category == null ? void 0 : category.uischema,
+    categoryIndex: category == null ? void 0 : category.id,
+    visible: category == null ? void 0 : category.visible,
+    enabled: category == null ? void 0 : category.isEnabled,
+    path,
+    schema,
+    renderers,
+    cells,
+    data,
+    validationTrigger
+  };
+  const currentStep = activeId + 1 - categories.filter(c => !c.visible && c.id < activeId).length;
+  const totalSteps = categories.filter(c => c.visible).length;
   return jsxs("div", {
     "data-testid": "form-stepper-test-wrapper",
     ref: topElementRef,
@@ -14117,85 +14184,67 @@ const RenderPages = props => {
               goToTableOfContext();
             },
             testId: "back-to-tasks"
-          }), //eslint-disable-next-line
-          categories == null ? void 0 : categories.map((category, index) => {
-            const categoryProps = {
-              category: category.uischema,
-              categoryIndex: category.id,
-              visible: category == null ? void 0 : category.visible,
-              enabled: category == null ? void 0 : category.isEnabled,
-              path,
-              schema,
-              renderers,
-              cells,
-              data,
-              validationTrigger
-            };
-            const currentStep = index + 1 - categories.filter(c => !c.visible && c.id < index).length;
-            const totalSteps = categories.filter(c => c.visible).length;
-            const isActive = index === activeId && !isOnReview;
-            return jsx(Visible, {
-              visible: isActive,
-              children: jsxs("div", {
-                "data-testid": `step_${index}-content-pages`,
-                style: {
-                  marginTop: '1.5rem'
-                },
-                children: [jsxs(PageRenderPadding, {
-                  children: [jsxs("h3", {
-                    children: ["Step ", currentStep, " of ", totalSteps]
-                  }), jsx(RenderStepElements, Object.assign({}, categoryProps))]
-                }), jsx(PageRenderPadding, {
-                  children: jsxs(GoabGrid, {
-                    minChildWidth: "100px",
-                    gap: "2xs",
-                    children: [jsxs(GoabButtonGroup, {
-                      alignment: "start",
-                      children: [activeId > 0 && jsx(GoabButton, {
-                        type: "secondary",
-                        onClick: () => {
-                          handleSave();
-                          let prevId = activeId - 1;
-                          while (prevId >= 0 && categories[prevId].visible === false) {
-                            prevId = prevId - 1;
-                          }
-                          if (prevId >= 0) {
-                            if (topElementRef.current) {
-                              topElementRef.current.scrollIntoView();
-                            }
-                            goToPage(prevId);
-                          }
-                        },
-                        testId: "pages-prev-btn",
-                        children: "Previous"
-                      }), ' ']
-                    }), jsx(GoabButtonGroup, {
-                      alignment: "end",
-                      children: jsx(GoabButton, {
-                        type: "submit",
-                        onClick: () => {
-                          handleSave();
-                          let nextId = activeId + 1;
-                          while (nextId < categories.length && categories[nextId].visible === false) {
-                            nextId = nextId + 1;
+          }), !isOnReview && jsx(Visible, {
+            visible: true,
+            children: jsxs("div", {
+              "data-testid": `step_${activeId}-content-pages`,
+              style: {
+                marginTop: '1.5rem'
+              },
+              children: [jsxs(PageRenderPadding, {
+                children: [jsxs("h3", {
+                  children: ["Step ", currentStep, " of ", totalSteps]
+                }), jsx(RenderStepElements, Object.assign({}, categoryProps))]
+              }), jsx(PageRenderPadding, {
+                children: jsxs(GoabGrid, {
+                  minChildWidth: "100px",
+                  gap: "2xs",
+                  children: [jsxs(GoabButtonGroup, {
+                    alignment: "start",
+                    children: [activeId > 0 && jsx(GoabButton, {
+                      type: "secondary",
+                      onClick: () => {
+                        handleSave();
+                        let prevId = activeId - 1;
+                        while (prevId >= 0 && categories[prevId].visible === false) {
+                          prevId = prevId - 1;
+                        }
+                        if (prevId >= 0) {
+                          if (topElementRef.current) {
+                            topElementRef.current.scrollIntoView();
                           }
-                          if (!(currentStep === totalSteps && hideSummary)) {
-                            if (topElementRef.current) {
-                              topElementRef.current.scrollIntoView();
-                            }
-                            goToPage(nextId);
+                          goToPage(prevId);
+                        }
+                      },
+                      testId: "pages-prev-btn",
+                      children: "Previous"
+                    }), ' ']
+                  }), jsx(GoabButtonGroup, {
+                    alignment: "end",
+                    children: jsx(GoabButton, {
+                      type: "submit",
+                      onClick: () => {
+                        handleSave();
+                        let nextId = activeId + 1;
+                        while (nextId < categories.length && categories[nextId].visible === false) {
+                          nextId = nextId + 1;
+                        }
+                        if (!(currentStep === totalSteps && hideSummary)) {
+                          if (topElementRef.current) {
+                            topElementRef.current.scrollIntoView();
                           }
-                        },
-                        disabled: !enabled,
-                        testId: "pages-save-continue-btn",
-                        children: currentStep === totalSteps ? submissionLabel : 'Next'
-                      })
-                    })]
-                  })
-                })]
-              })
-            }, `page-${category.id}`);
-          }), isOnReview && jsxs("div", {
+                          goToPage(nextId);
+                        }
+                      },
+                      disabled: !enabled,
+                      testId: "pages-save-continue-btn",
+                      children: currentStep === totalSteps ? submissionLabel : 'Next'
+                    })
+                  })]
+                })
+              })]
+            })
+          }, `page-${category == null ? void 0 : category.id}`), isOnReview && jsxs("div", {
             "data-testid": "stepper-pages-review-page",
             children: [jsx(FormStepperPageReviewer, Object.assign({}, props.categoryProps, {
               navigationFunc: goToPage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.58.1",
+  "version": "2.58.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/renderer-catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-03-30T15:31:44.524Z",
-  "sourceCommit": "8e3617b9358f0855a8c79f185293ebf01769e437",
+  "generatedAt": "2026-04-06T15:32:07.375Z",
+  "sourceCommit": "1d7a0054291ed3ec1af68caee9d7554ce382199e",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [