@abgov/jsonforms-components 2.58.2 → 2.58.4

package/index.esm.js

@@ -6,7 +6,7 @@ import Ajv from 'ajv';
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
-import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, isBooleanControl, createDefaultValue, Paths, Resolve, toDataPath, schemaTypeIs, formatIs, getAjv, schemaMatches, or, isObjectArrayControl, isPrimitiveArrayControl, composePaths, hasType, isCategorization, isLayout } from '@jsonforms/core';
+import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, isBooleanControl, or, createDefaultValue, Paths, Resolve, toDataPath, schemaTypeIs, formatIs, getAjv, schemaMatches, isObjectArrayControl, isPrimitiveArrayControl, composePaths, hasType, isCategorization, isLayout } from '@jsonforms/core';
 import * as _$c from 'lodash';
 import ___default, { isObject as isObject$i, isEmpty as isEmpty$1 } from 'lodash';
 import { useJsonForms, withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsAllOfProps, withJsonFormsArrayLayoutProps, withJsonFormsLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
@@ -8315,7 +8315,7 @@ const BooleanRadioComponent = ({
 const BooleanRadioControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
   input: BooleanRadioComponent
 }));
-const GoABooleanRadioControlTester = rankWith(3, and(isBooleanControl, optionIs('radio', true)));
+const GoABooleanRadioControlTester = rankWith(3, and(isBooleanControl, or(optionIs('format', 'radio'), optionIs('radio', true))));
 const GoABooleanRadioControl = withJsonFormsControlProps(BooleanRadioControl);
 
 let _$9 = t => t,
@@ -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.4",
   "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:59:11.776Z",
+  "sourceCommit": "9a6e59e4af0b3b0d94b6f490f509009439cd97d8",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [
@@ -375,6 +375,7 @@
         "type": "Control",
         "options": {
           "required": {
+            "format": "radio",
             "radio": true
           },
           "optional": {}