@abgov/jsonforms-components 2.60.9 → 2.60.11

package/index.esm.js

@@ -7652,6 +7652,7 @@ const GoADateInput = props => {
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const readOnly = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.readOnly) != null ? _uischema$options$com : false;
   const width = (_uischema$options$com2 = uischema == null || (_uischema$options2 = uischema.options) == null || (_uischema$options2 = _uischema$options2.componentProps) == null ? void 0 : _uischema$options2.width) != null ? _uischema$options$com2 : '100%';
+  const inputName = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`;
   const allowPastDate = uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.allowPastDate;
   const allowFutureDate = uischema == null || (_uischema$options4 = uischema.options) == null ? void 0 : _uischema$options4.allowFutureDate;
   let minDate = uischema == null || (_uischema$options5 = uischema.options) == null || (_uischema$options5 = _uischema$options5.componentProps) == null ? void 0 : _uischema$options5.min;
@@ -7668,23 +7669,22 @@ const GoADateInput = props => {
   } else if (!allowPastDate && allowFutureDate) {
     minDate = todayLocalYmd();
   }
-  const hostRef = useRef(null);
   useEffect(() => {
-    var _hostRef$current, _host$shadowRoot;
-    const host = (_hostRef$current = hostRef.current) != null ? _hostRef$current : document.querySelector('goa-input[type="date"]');
+    var _host$shadowRoot;
+    const host = document.querySelector(`goa-input[name="${inputName}"]`);
     host == null || (_host$shadowRoot = host.shadowRoot) == null || _host$shadowRoot.querySelector('input[type="date"]');
     ensureGoaDatePointerCursor(host);
-  }, [appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name, id]);
+  }, [inputName]);
   return jsx(GoabInput, Object.assign({
     type: "date",
-    ref: hostRef,
     error: isVisited && errors.length > 0,
     width: width,
-    name: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
+    name: inputName,
     value: standardizeDate(data) || '',
     testId: (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.testId) || `${id}-input`,
     disabled: !enabled,
     readonly: readOnly,
+    ariaLabel: `appliedUiSchemaOptions?.name date`,
     min: minDate ? standardizeDate(minDate) || undefined : undefined,
     max: maxDate ? standardizeDate(maxDate) || undefined : undefined,
     onChange: detail => {
@@ -12678,20 +12678,36 @@ const PrimitiveArrayControl = props => {
       children: ["No ", arrayLabel.toLowerCase(), " added"]
     }), items.map((item, index) => jsxs("div", {
       style: {
-        display: 'flex',
-        gap: 8
+        width: '100%',
+        display: 'grid',
+        gridTemplateColumns: 'minmax(0, 1fr) auto',
+        columnGap: 8,
+        alignItems: 'start'
       },
-      children: [jsx(JsonFormsDispatch, {
-        schema: schema.items,
-        uischema: itemUiSchema,
-        path: composePaths(path, `${index}`),
-        enabled: enabled,
-        renderers: renderers,
-        cells: cells
-      }, index), jsx(GoabIconButton, {
-        icon: "trash",
-        "aria-label": `remove-${index}`,
-        onClick: () => removeItem(index)
+      children: [jsx("div", {
+        style: {
+          minWidth: 0
+        },
+        children: jsx(JsonFormsDispatch, {
+          schema: schema.items,
+          uischema: itemUiSchema,
+          path: composePaths(path, `${index}`),
+          enabled: enabled,
+          renderers: renderers,
+          cells: cells
+        })
+      }), jsx("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'flex-start',
+          justifyContent: 'center',
+          paddingTop: 8
+        },
+        children: jsx(GoabIconButton, {
+          icon: "trash",
+          "aria-label": `remove-${index}`,
+          onClick: () => removeItem(index)
+        })
       })]
     }, index))]
   });
@@ -17792,10 +17808,9 @@ const FullNameDobControl = props => {
     setErrors(err);
   };
   useSyncAutofillFields(['firstName', 'middleName', 'lastName', 'dateOfBirth'], formData, updateFormData, handleRequiredFieldBlur);
-  const hostRef = useRef(null);
   useEffect(() => {
-    var _hostRef$current, _host$shadowRoot;
-    const host = (_hostRef$current = hostRef.current) != null ? _hostRef$current : document.querySelector('goa-input[type="date"]');
+    var _controlRef$current$q, _controlRef$current, _host$shadowRoot;
+    const host = (_controlRef$current$q = (_controlRef$current = controlRef.current) == null ? void 0 : _controlRef$current.querySelector('goa-input[type="date"]')) != null ? _controlRef$current$q : null;
     host == null || (_host$shadowRoot = host.shadowRoot) == null || _host$shadowRoot.querySelector('input[type="date"]');
     ensureGoaDatePointerCursor(host);
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.60.9",
+  "version": "2.60.11",
   "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-20T20:45:40.783Z",
-  "sourceCommit": "4e3c73e9b1ca474d5410ff4715d1d75056065aa1",
+  "generatedAt": "2026-04-21T16:17:39.646Z",
+  "sourceCommit": "f7c3a07bc9a511ea2f0520b2a7ae146c8dcc353b",
   "sourcePath": "libs/jsonforms-components/src/index.ts",
   "rendererCount": 33,
   "renderers": [