@abgov/jsonforms-components 2.60.3 → 2.60.5

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);
 
@@ -12197,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,
@@ -12229,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"
           })]
@@ -12607,7 +12605,7 @@ const AddressViews = ({
           })
         })]
       }), jsx("br", {}), jsxs(GoabGrid, {
-        minChildWidth: "0",
+        minChildWidth: "18rem",
         gap: "s",
         children: [jsxs(GoabFormItem, {
           label: "Province",
@@ -14857,7 +14855,7 @@ const AddressInputs = ({
         })
       })]
     }), jsx("br", {}), jsxs(GoabGrid, {
-      minChildWidth: "0",
+      minChildWidth: "18rem",
       gap: "s",
       children: [jsxs(GoabFormItem, {
         label: "Province",
@@ -14871,7 +14869,7 @@ const AddressInputs = ({
           ariaLabel: 'address-form-province',
           value: (address == null ? void 0 : address.subdivisionCode) || '',
           onChange: detail => handleInputChange('subdivisionCode', detail.value),
-          width: "25ch",
+          width: "100%",
           children: provinces.map(w => jsx(GoabDropdownItem, {
             value: w.value,
             label: w.label

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.60.3",
+  "version": "2.60.5",
   "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-15T22:47:55.536Z",
-  "sourceCommit": "c6ed1617cb77a6af93af89e0c715feb74b3dbf12",
+  "generatedAt": "2026-04-16T21:11:38.005Z",
+  "sourceCommit": "6201e03089bfd38b981d5a976a690f9985c2492d",
   "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;
     };