@abgov/jsonforms-components 2.60.2 → 2.60.4

package/index.esm.js

@@ -4317,6 +4317,9 @@ const OPTION_DEFINITIONS = defineFields$1({
   enablePhone: {
     schema: true
   },
+  placeholder: {
+    schema: 'Please select something'
+  },
   emailFirst: {
     schema: true
   },
@@ -8071,24 +8074,22 @@ function fetchRegisterConfigFromOptions(options) {
   return config;
 }
 const EnumSelect = props => {
-  var _props$uischema, _uischema$options, _uischema$options2, _props$uischema2, _uischema$options3;
+  var _props$uischema, _uischema$options, _uischema$options2, _uischema$options$pla, _uischema$options3, _props$uischema2, _uischema$options4;
   const {
     data,
     enabled,
     path,
     handleChange,
     options,
-    label,
     uischema,
-    required,
-    setIsVisited,
-    isVisited,
-    schema
+    schema,
+    errors
   } = props;
   const registerCtx = useContext(JsonFormsRegisterContext);
   const registerConfig = fetchRegisterConfigFromOptions((_props$uischema = props.uischema) == null || (_props$uischema = _props$uischema.options) == null ? void 0 : _props$uischema.register);
   const labelPath = (uischema == null || (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.label) || 'label';
   const valuePath = (uischema == null || (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.value) || 'value';
+  const placeholder = (_uischema$options$pla = uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.placeholder) != null ? _uischema$options$pla : 'Select an option';
   let registerData = [];
   let error = '';
   if (registerConfig) {
@@ -8098,13 +8099,15 @@ const EnumSelect = props => {
   const autoCompletion = ((_props$uischema2 = props.uischema) == null || (_props$uischema2 = _props$uischema2.options) == null ? void 0 : _props$uischema2.autoComplete) === true;
   const mergedOptions = useMemo(() => {
     var _registerData;
-    const newOptions = [...(options || []), ...(((_registerData = registerData) == null ? void 0 : _registerData.map(d => {
+    const staticOptions = (options || []).filter(item => !(item.value === '' && item.label.trim() === ''));
+    const dynamicOptions = ((_registerData = registerData) == null ? void 0 : _registerData.map(d => {
       if (typeof d === 'string') {
         return {
           value: d,
           label: d
         };
-      } else if (typeof d === 'object' && d !== null) {
+      }
+      if (typeof d === 'object' && d !== null) {
         return {
           value: ___default.get(d, valuePath) || '',
           label: ___default.get(d, labelPath) || ''
@@ -8114,21 +8117,16 @@ const EnumSelect = props => {
         label: '',
         value: ''
       };
-    })) || [])];
-    const hasNonEmptyOptions = newOptions.some(option => option.value !== '');
-    if (!hasNonEmptyOptions && newOptions.length === 1 && newOptions[0].value === '') {
-      return newOptions;
-    }
-    if (newOptions && newOptions.length === 0) {
-      newOptions.push({
-        label: '',
-        value: ''
-      });
-    }
+    })) || [];
+    const filteredDynamicOptions = dynamicOptions.filter(item => !(item.value === '' && item.label.trim() === ''));
+    const newOptions = [{
+      label: placeholder,
+      value: ''
+    }, ...staticOptions, ...filteredDynamicOptions];
     return newOptions;
-    //eslint-disable-next-line
-  }, [registerData, options]);
-  const width = (uischema == null || (_uischema$options3 = uischema.options) == null || (_uischema$options3 = _uischema$options3.componentProps) == null ? void 0 : _uischema$options3.width) || '100%';
+    // eslint-disable-next-line
+  }, [registerData, options, valuePath, labelPath]);
+  const width = (uischema == null || (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.componentProps) == null ? void 0 : _uischema$options4.width) || '100%';
   useEffect(() => {
     if (registerConfig) {
       registerCtx == null || registerCtx.fetchRegisterByUrl(registerConfig);
@@ -8171,8 +8169,8 @@ const enumControl = props => {
   }));
 };
 const GoAEnumControlTester = rankWith(4, (uischema, schema, context) => {
-  var _uischema$options4;
-  return (schema == null ? void 0 : schema.type) === 'object' && isControl$1(uischema) && (uischema == null || (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.format) === 'enum' || isEnumControl(uischema, schema, context);
+  var _uischema$options5;
+  return (schema == null ? void 0 : schema.type) === 'object' && isControl$1(uischema) && (uischema == null || (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.format) === 'enum' || isEnumControl(uischema, schema, context);
 });
 const GoAEnumControl = withJsonFormsEnumProps(withTranslateProps(enumControl), true);
 
@@ -9903,7 +9901,7 @@ class ListWithDetailControl extends React.Component {
 }
 
 const GoAInputBaseTableReview = props => {
-  var _uischema$options, _uischema$scope2, _jsonForms$core, _uischema$options4;
+  var _uischema$options, _uischema$scope2, _jsonForms$core, _uischema$options4, _uischema$options5;
   const {
     data,
     uischema,
@@ -10085,7 +10083,7 @@ const GoAInputBaseTableReview = props => {
           children: [labelToUpdate, required && jsx(RequiredTextLabel, {
             children: " (required)"
           })]
-        }), stepId !== undefined && jsx(GoabButton, {
+        }), stepId !== undefined && !((_uischema$options5 = uischema.options) != null && (_uischema$options5 = _uischema$options5.componentProps) != null && _uischema$options5.readOnly) && jsx(GoabButton, {
           type: "tertiary",
           size: "compact",
           onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
@@ -10871,30 +10869,33 @@ const FullNameControlReview = props => {
   } = props;
   const requiredFields = (_props$schema$require = (_props$schema = props.schema) == null ? void 0 : _props$schema.required) != null ? _props$schema$require : [];
   const isMissing = value => isNilOrEmptyString(value);
-  const renderRow = (fieldLabel, value, fieldName, testId) => jsx("tr", {
-    children: jsxs(PageReviewContainer, {
-      colSpan: 3,
-      children: [jsxs(ReviewHeader, {
-        children: [jsx(ReviewLabel, {
-          children: fieldLabel
-        }), stepId !== undefined && jsx(GoabButton, {
-          type: "tertiary",
-          size: "compact",
-          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
-          testId: `${fieldName}-change-btn`,
-          children: "Change"
-        })]
-      }), jsxs(ReviewValue, {
-        children: [jsx("div", {
-          "data-testid": testId,
-          children: value != null ? value : ''
-        }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
-          error: `${fieldLabel} is required`,
-          label: ""
+  const renderRow = (fieldLabel, value, fieldName, testId) => {
+    var _uischema$options;
+    return jsx("tr", {
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [jsxs(ReviewHeader, {
+          children: [jsx(ReviewLabel, {
+            children: fieldLabel
+          }), stepId !== undefined && !((_uischema$options = uischema.options) != null && (_uischema$options = _uischema$options.componentProps) != null && _uischema$options.readOnly) && jsx(GoabButton, {
+            type: "tertiary",
+            size: "compact",
+            onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
+            testId: `${fieldName}-change-btn`,
+            children: "Change"
+          })]
+        }), jsxs(ReviewValue, {
+          children: [jsx("div", {
+            "data-testid": testId,
+            children: value != null ? value : ''
+          }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
+            error: `${fieldLabel} is required`,
+            label: ""
+          })]
         })]
-      })]
-    })
-  }, testId);
+      })
+    }, testId);
+  };
   return jsxs(Fragment, {
     children: [renderRow('First name', data == null ? void 0 : data.firstName, 'firstName', `firstName-control-${id}`), (data == null ? void 0 : data.middleName) && renderRow('Middle name', data == null ? void 0 : data.middleName, 'middleName', `middleName-control-${id}`), renderRow('Last name', data == null ? void 0 : data.lastName, 'lastName', `lastName-control-${id}`)]
   });
@@ -10915,30 +10916,33 @@ const FullNameDobReviewControl = props => {
   const stepId = uischema == null || (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.stepId;
   const requiredFields = (_props$schema$require = (_props$schema = props.schema) == null ? void 0 : _props$schema.required) != null ? _props$schema$require : [];
   const isMissing = value => isNilOrEmptyString(value);
-  const renderRow = (fieldLabel, value, fieldName, testId) => jsx("tr", {
-    children: jsxs(PageReviewContainer, {
-      colSpan: 3,
-      children: [jsxs(ReviewHeader, {
-        children: [jsx(ReviewLabel, {
-          children: fieldLabel
-        }), stepId !== undefined && jsx(GoabButton, {
-          type: "tertiary",
-          size: "compact",
-          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
-          testId: `${fieldName}-change-btn`,
-          children: "Change"
-        })]
-      }), jsxs(ReviewValue, {
-        children: [jsx("div", {
-          "data-testid": testId,
-          children: value != null ? value : ''
-        }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
-          error: `${fieldLabel} is required`,
-          label: ""
+  const renderRow = (fieldLabel, value, fieldName, testId) => {
+    var _uischema$options2;
+    return jsx("tr", {
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [jsxs(ReviewHeader, {
+          children: [jsx(ReviewLabel, {
+            children: fieldLabel
+          }), stepId !== undefined && !((_uischema$options2 = uischema.options) != null && (_uischema$options2 = _uischema$options2.componentProps) != null && _uischema$options2.readOnly) && jsx(GoabButton, {
+            type: "tertiary",
+            size: "compact",
+            onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
+            testId: `${fieldName}-change-btn`,
+            children: "Change"
+          })]
+        }), jsxs(ReviewValue, {
+          children: [jsx("div", {
+            "data-testid": testId,
+            children: value != null ? value : ''
+          }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
+            error: `${fieldLabel} is required`,
+            label: ""
+          })]
         })]
-      })]
-    })
-  }, testId);
+      })
+    }, testId);
+  };
   return jsxs(Fragment, {
     children: [renderRow('First name', data == null ? void 0 : data.firstName, 'firstName', `firstName-control-${id}`), (data == null ? void 0 : data.middleName) && renderRow('Middle name', data == null ? void 0 : data.middleName, 'middleName', `middleName-control-${id}`), renderRow('Last name', data == null ? void 0 : data.lastName, 'lastName', `lastName-control-${id}`), renderRow('Date of birth', data == null ? void 0 : data.dateOfBirth, 'dateOfBirth', `dob-control-${id}`)]
   });
@@ -11297,30 +11301,33 @@ const ContractInfoControlReview = props => {
   } = props;
   const requiredFields = (_schema$required = schema == null ? void 0 : schema.required) != null ? _schema$required : [];
   const isMissing = value => value === undefined || value === null || value === '';
-  const renderRow = (fieldLabel, value, fieldName, testId) => jsx("tr", {
-    children: jsxs(PageReviewContainer, {
-      colSpan: 3,
-      children: [jsxs(ReviewHeader, {
-        children: [jsx(ReviewLabel, {
-          children: fieldLabel
-        }), stepId !== undefined && jsx(GoabButton, {
-          type: "tertiary",
-          size: "compact",
-          onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
-          testId: `${fieldName}-change-btn`,
-          children: "Change"
-        })]
-      }), jsxs(ReviewValue, {
-        children: [jsx("div", {
-          "data-testid": testId,
-          children: value != null ? value : ''
-        }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
-          error: `${fieldLabel} is required`,
-          label: ""
+  const renderRow = (fieldLabel, value, fieldName, testId) => {
+    var _uischema$options;
+    return jsx("tr", {
+      children: jsxs(PageReviewContainer, {
+        colSpan: 3,
+        children: [jsxs(ReviewHeader, {
+          children: [jsx(ReviewLabel, {
+            children: fieldLabel
+          }), stepId !== undefined && !((_uischema$options = uischema.options) != null && (_uischema$options = _uischema$options.componentProps) != null && _uischema$options.readOnly) && jsx(GoabButton, {
+            type: "tertiary",
+            size: "compact",
+            onClick: () => context == null ? void 0 : context.goToPage(stepId, uischema.scope),
+            testId: `${fieldName}-change-btn`,
+            children: "Change"
+          })]
+        }), jsxs(ReviewValue, {
+          children: [jsx("div", {
+            "data-testid": testId,
+            children: value != null ? value : ''
+          }), requiredFields.includes(fieldName) && isMissing(value) && jsx(GoabFormItem, {
+            error: `${fieldLabel} is required`,
+            label: ""
+          })]
         })]
-      })]
-    })
-  }, testId);
+      })
+    }, testId);
+  };
   const {
     options
   } = uischema;
@@ -12188,7 +12195,7 @@ const ObjectArrayControl = props => {
   const isInReview = isStepperReview === true;
   const isListWithDetail = controlElement.type === 'ListWithDetail';
   if (isInReview) {
-    var _uischema$options6;
+    var _uischema$options6, _uischema$options7;
     return jsx("tr", {
       children: jsxs(PageReviewContainer, {
         colSpan: 3,
@@ -12220,12 +12227,12 @@ const ObjectArrayControl = props => {
               },
               children: maxItemsError
             })]
-          }), ((_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.stepId) !== undefined && jsx(GoabButton, {
+          }), ((_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.stepId) !== undefined && !((_uischema$options7 = uischema.options) != null && (_uischema$options7 = _uischema$options7.componentProps) != null && _uischema$options7.readOnly) && jsx(GoabButton, {
             type: "tertiary",
             size: "compact",
             onClick: () => {
-              var _uischema$options7;
-              return context == null ? void 0 : context.goToPage((_uischema$options7 = uischema.options) == null ? void 0 : _uischema$options7.stepId);
+              var _uischema$options8;
+              return context == null ? void 0 : context.goToPage((_uischema$options8 = uischema.options) == null ? void 0 : _uischema$options8.stepId);
             },
             children: "Change"
           })]
@@ -12636,7 +12643,7 @@ const AddressLookUpControlReview = props => {
   });
 };
 const AddressLoopUpControlTableReview = props => {
-  var _uischema$options, _schema$properties2, _provinces$find;
+  var _uischema$options, _schema$properties2, _provinces$find, _uischema$options3;
   const {
     data,
     schema,
@@ -12741,6 +12748,7 @@ const AddressLoopUpControlTableReview = props => {
   // Build the target scope for the address control
   const targetScope = (uischema == null ? void 0 : uischema.scope) || (path ? `#/properties/${path}` : undefined);
   const renderRow = (label, value, propName, showButton = false) => {
+    var _uischema$options2;
     let error = getError(propName);
     const required = isRequired(propName);
     if (required && !value && !error) {
@@ -12755,7 +12763,7 @@ const AddressLoopUpControlTableReview = props => {
             children: [label, required && jsx(RequiredTextLabel, {
               children: " (required)"
             })]
-          }), showButton && stepId !== undefined && jsx(GoabButton, {
+          }), showButton && stepId !== undefined && !((_uischema$options2 = uischema.options) != null && (_uischema$options2 = _uischema$options2.componentProps) != null && _uischema$options2.readOnly) && jsx(GoabButton, {
             type: "tertiary",
             size: "compact",
             onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId, targetScope),
@@ -12779,7 +12787,7 @@ const AddressLoopUpControlTableReview = props => {
         children: jsxs(ReviewHeader, {
           children: [jsx(ReviewLabel, {
             children: `${isAlbertaAddress ? 'Alberta' : 'Canada'} postal address`
-          }), stepId !== undefined && jsx(GoabButton, {
+          }), stepId !== undefined && !((_uischema$options3 = uischema.options) != null && (_uischema$options3 = _uischema$options3.componentProps) != null && _uischema$options3.readOnly) && jsx(GoabButton, {
             type: "tertiary",
             size: "compact",
             onClick: () => formStepperCtx == null ? void 0 : formStepperCtx.goToPage(stepId, targetScope),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.60.2",
+  "version": "2.60.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-15T21:58:29.714Z",
-  "sourceCommit": "437fc5583187822f070dbda79b67b20daa47557d",
+  "generatedAt": "2026-04-16T17:49:58.442Z",
+  "sourceCommit": "6b13c854de609d2c21611e8510a9e430563515bc",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [

package/src/lib/util/registerOptions.d.ts

@@ -8,6 +8,9 @@ export declare const OPTION_DEFINITIONS: {
     enablePhone: {
         schema: boolean;
     };
+    placeholder: {
+        schema: string;
+    };
     emailFirst: {
         schema: boolean;
     };