@abgov/jsonforms-components 2.40.0 → 2.41.0

package/index.esm.js

@@ -14,7 +14,7 @@ import isEmpty from 'lodash/isEmpty';
 import range from 'lodash/range';
 import pluralize from 'pluralize';
 import { evaluateSync, compileSync } from '@mdx-js/mdx';
-import { Parser } from 'expr-eval';
+import { Parser } from 'expr-eval-fork';
 import Ajv from 'ajv';
 import addErrors from 'ajv-errors';
 import addFormats from 'ajv-formats';
@@ -6601,8 +6601,32 @@ const CheckBoxGroupDiv = styled.div(_t$8 || (_t$8 = _$8`
   }
 `));
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getEnumOptions = schema => {
+  var _a, _b;
+  if (((_a = schema === null || schema === void 0 ? void 0 : schema.items) === null || _a === void 0 ? void 0 : _a.oneOf) && Array.isArray(schema.items.oneOf)) {
+    return schema.items.oneOf;
+  }
+  if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && Array.isArray(schema.oneOf)) {
+    return schema.oneOf;
+  }
+  const newSchema = schema;
+  return (schema === null || schema === void 0 ? void 0 : schema.enum) || ((_b = newSchema === null || newSchema === void 0 ? void 0 : newSchema.items) === null || _b === void 0 ? void 0 : _b.enum) || [];
+};
+const getOptionValue = option => {
+  return typeof option === 'string' ? option : option.const;
+};
+const getOptionLabel = option => {
+  if (typeof option === 'string') {
+    return option;
+  }
+  return option.title || option.const;
+};
+const getOptionDescription = option => {
+  return typeof option === 'string' ? undefined : option.description;
+};
 const CheckboxGroup = props => {
-  var _a, _b, _c;
+  var _a, _b;
   const {
     data,
     id,
@@ -6615,20 +6639,23 @@ const CheckboxGroup = props => {
     label,
     enabled
   } = props;
-  const newSchema = schema;
-  const enumData = (schema === null || schema === void 0 ? void 0 : schema.enum) || ((_a = newSchema === null || newSchema === void 0 ? void 0 : newSchema.items) === null || _a === void 0 ? void 0 : _a.enum) || [];
+  const enumOptions = getEnumOptions(schema);
   const appliedUiSchemaOptions = merge({}, config, props.uischema.options, options);
   return jsx(Checkboxes, {
-    orientation: ((_b = uischema.options) === null || _b === void 0 ? void 0 : _b.orientation) ? (_c = uischema.options) === null || _c === void 0 ? void 0 : _c.orientation : 'vertical',
+    orientation: ((_a = uischema.options) === null || _a === void 0 ? void 0 : _a.orientation) ? (_b = uischema.options) === null || _b === void 0 ? void 0 : _b.orientation : 'vertical',
     testId: `${label || id}-jsonforms-checkboxes`,
-    children: enumData.map(enumValue => {
+    children: enumOptions.map(enumOption => {
+      const enumValue = getOptionValue(enumOption);
+      const enumLabel = getOptionLabel(enumOption);
+      const enumDescription = getOptionDescription(enumOption);
       return jsx(GoACheckbox, Object.assign({
         name: enumValue,
         disabled: !enabled,
         checked: data ? data.includes(enumValue) : false,
         value: `${enumValue}`
       }, appliedUiSchemaOptions, {
-        text: enumValue,
+        text: enumLabel,
+        description: enumDescription,
         testId: `${enumValue}-checkbox`,
         onChange: (name, value) => {
           let newData = Array.isArray(data) ? [...data] : [];
@@ -6639,7 +6666,7 @@ const CheckboxGroup = props => {
           }
           handleChange(path, newData.length === 0 ? undefined : newData);
         }
-      }));
+      }), enumValue);
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.40.0",
+  "version": "2.41.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",
@@ -13,7 +13,7 @@
     "ajv-errors": "^3.0.0",
     "ajv-formats": "^3.0.1",
     "@mdx-js/mdx": "^3.1.0",
-    "expr-eval": "^2.0.2",
+    "expr-eval-fork": "^3.0.1",
     "pluralize": "^8.0.0"
   },
   "dependencies": {