@abgov/jsonforms-components 2.58.2 → 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.58.2",
+  "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-04-01T17:26:01.951Z",
-  "sourceCommit": "29aae2716f1a5c05b00e4213c92ece4b2e44a7da",
+  "generatedAt": "2026-04-06T15:32:07.375Z",
+  "sourceCommit": "1d7a0054291ed3ec1af68caee9d7554ce382199e",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [