@abgov/jsonforms-components 2.60.5 → 2.60.7

package/index.esm.js

@@ -7291,7 +7291,7 @@ const GoAInputText = props => {
   });
 };
 const InnerGoAInputText = props => {
-  var _uischema$options$com, _uischema$options, _props$uischema, _props$uischema2, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5, _uischema$options6;
+  var _uischema$options$com, _uischema$options, _props$uischema, _uischema$options2, _uischema$options3, _uischema$options$pla, _uischema$options4, _props$uischema2, _uischema$options5, _uischema$options6, _uischema$options$com2, _uischema$options7, _uischema$options8, _uischema$options9;
   const {
     data,
     config,
@@ -7347,31 +7347,38 @@ const InnerGoAInputText = props => {
   if (registerConfig) {
     registerData = registerCtx == null ? void 0 : registerCtx.selectRegisterData(registerConfig);
   }
+  const labelPath = (uischema == null || (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.label) || 'label';
+  const valuePath = (uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.value) || 'value';
+  const dropDownPlaceholder = (_uischema$options$pla = uischema == null || (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.placeholder) != null ? _uischema$options$pla : 'Select an option';
   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 = [...(((_registerData = registerData) == null ? void 0 : _registerData.map(d => {
+    const dynamicOptions = ((_registerData = registerData) == null ? void 0 : _registerData.map(d => {
       if (typeof d === 'string') {
         return {
           value: d,
           label: d
         };
-      } else {
-        return Object.assign({}, d);
       }
-    })) || [])];
-    const hasNonEmptyOptions = newOptions.some(option => option.value !== '');
-    if (!hasNonEmptyOptions && newOptions.length === 1 && newOptions[0].value === '') {
-      return newOptions;
-    }
-    if (newOptions && newOptions.length === 0) {
-      newOptions.push({
+      if (typeof d === 'object' && d !== null) {
+        return {
+          value: ___default.get(d, valuePath) || '',
+          label: ___default.get(d, labelPath) || ''
+        };
+      }
+      return {
         label: '',
         value: ''
-      });
-    }
-    return newOptions.filter(option => option.value !== '');
-  }, [registerData]);
+      };
+    })) || [];
+    const filteredDynamicOptions = dynamicOptions.filter(item => !(item.value === '' && item.label.trim() === ''));
+    const newOptions = [{
+      label: dropDownPlaceholder,
+      value: ''
+    }, ...filteredDynamicOptions];
+    return newOptions;
+    // eslint-disable-next-line
+  }, [registerData, valuePath, labelPath]);
   useEffect(() => {
     if (registerConfig) {
       registerCtx == null || registerCtx.fetchRegisterByUrl(registerConfig);
@@ -7380,10 +7387,10 @@ const InnerGoAInputText = props => {
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.placeholder) || (schema == null ? void 0 : schema.description) || '';
   const isSinField = schema.title === sinTitle;
-  const autoCapitalize = (uischema == null || (_uischema$options2 = uischema.options) == null || (_uischema$options2 = _uischema$options2.componentProps) == null ? void 0 : _uischema$options2.autoCapitalize) === true || (uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.autoCapitalize) === true;
-  const readOnly = (_uischema$options$com2 = uischema == null || (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.componentProps) == null ? void 0 : _uischema$options4.readOnly) != null ? _uischema$options$com2 : false;
+  const autoCapitalize = (uischema == null || (_uischema$options5 = uischema.options) == null || (_uischema$options5 = _uischema$options5.componentProps) == null ? void 0 : _uischema$options5.autoCapitalize) === true || (uischema == null || (_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.autoCapitalize) === true;
+  const readOnly = (_uischema$options$com2 = uischema == null || (_uischema$options7 = uischema.options) == null || (_uischema$options7 = _uischema$options7.componentProps) == null ? void 0 : _uischema$options7.readOnly) != null ? _uischema$options$com2 : false;
   return jsx("div", {
-    children: mergedOptions.length > 0 ? jsx(GoabDropdown, {
+    children: mergedOptions.length > 1 ? jsx(GoabDropdown, {
       name: `jsonforms-${path}-dropdown`,
       value: data,
       disabled: !enabled,
@@ -7408,8 +7415,7 @@ const InnerGoAInputText = props => {
       name: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
       ariaLabel: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
       testId: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`
-    }, (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.componentProps, {
-      // maxLength={appliedUiSchemaOptions?.maxLength}
+    }, (_uischema$options8 = uischema.options) == null ? void 0 : _uischema$options8.componentProps, {
       onChange: detail => {
         let formattedValue = detail.value;
         if (schema && schema.title === sinTitle && detail.value !== '') {
@@ -7431,7 +7437,7 @@ const InnerGoAInputText = props => {
           value: autoCapitalize ? detail.value.toUpperCase() : detail.value
         });
       }
-    }, uischema == null || (_uischema$options6 = uischema.options) == null ? void 0 : _uischema$options6.componentProps))
+    }, uischema == null || (_uischema$options9 = uischema.options) == null ? void 0 : _uischema$options9.componentProps))
   });
 };
 const GoATextControl = props => jsx(GoAInputBaseControl, Object.assign({}, props, {
@@ -9057,6 +9063,8 @@ const EmptyList$1 = ({
   noDataMessage
 }) => jsx(GoabGrid, {
   minChildWidth: "60ch",
+  mt: "l",
+  mb: "l",
   children: jsx(TextCenter, {
     children: jsx("b", {
       children: noDataMessage
@@ -12810,25 +12818,34 @@ const GoAHorizontalLayoutComponent = ({
   enabled,
   visible
 }) => {
-  var _layout$elements, _uischema$options;
+  var _uischema$options;
   const layout = uischema;
-  const hasHelpContent = (_layout$elements = layout.elements) == null ? void 0 : _layout$elements.some(element => element.type === 'HelpContent');
+  const elements = layout.elements || [];
+  const helpElements = elements.filter(element => element.type === 'HelpContent');
+  const contentElements = elements.filter(element => element.type !== 'HelpContent');
   const childProps = {
-    elements: layout.elements,
     schema,
     path,
     enabled,
-    direction: hasHelpContent ? 'column' : 'row',
     visible,
     width: (uischema == null || (_uischema$options = uischema.options) == null ? void 0 : _uischema$options.width) || '300px',
     option: {
       space: 'xl'
     }
   };
-  return jsx(LayoutRenderer, Object.assign({}, childProps, {
-    renderers: renderers,
-    cells: cells
-  }));
+  return jsxs(Fragment, {
+    children: [helpElements.length > 0 && jsx(LayoutRenderer, Object.assign({}, childProps, {
+      direction: "column",
+      elements: helpElements,
+      renderers: renderers,
+      cells: cells
+    })), contentElements.length > 0 && jsx(LayoutRenderer, Object.assign({}, childProps, {
+      direction: "row",
+      elements: contentElements,
+      renderers: renderers,
+      cells: cells
+    }))]
+  });
 };
 const GoAHorizontalReviewLayoutComponent = ({
   uischema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.60.5",
+  "version": "2.60.7",
   "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-16T21:11:38.005Z",
-  "sourceCommit": "6201e03089bfd38b981d5a976a690f9985c2492d",
+  "generatedAt": "2026-04-17T18:52:26.336Z",
+  "sourceCommit": "717e95fb1c7f01c427aad1200eaeefe5bbd842c3",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [