@abgov/jsonforms-components 1.41.3 → 1.41.5

package/index.esm.js

@@ -4581,6 +4581,16 @@ const Dropdown = props => {
     }
     setIsOpen(false);
   };
+  const setInputTextFocus = () => {
+    const inputEl = document.getElementById(`${id}-input`);
+    if (inputEl) {
+      //The 'focused' property is part of the GoAInput component that is used to
+      //set focus on the input field. We need to set it back to false once we set focus on the input field. Doing with just .focus() doesnt work.
+      inputEl.focused = true;
+      inputEl.focus();
+      inputEl.focused = false;
+    }
+  };
   const setElementFocus = (e, element, preventDefault) => {
     if (element) {
       element.focus();
@@ -4601,6 +4611,7 @@ const Dropdown = props => {
     if (e.key === ENTER_KEY || e.key === SPACE_KEY) {
       setIsOpen(previousIsOpen => !previousIsOpen);
       const el = document.getElementById(`${PREFIX}-${label}-${(_a = items.at(0)) === null || _a === void 0 ? void 0 : _a.value}`);
+      setInputTextFocus();
       setElementFocus(e, el, false);
     } else if (e.key === ARROW_UP_KEY) {
       setIsOpen(true);
@@ -4637,14 +4648,7 @@ const Dropdown = props => {
     var _a, _b, _c, _d;
     if (e.key === ENTER_KEY || e.key === SPACE_KEY) {
       updateDropDownData(item);
-      const inputEl = document.getElementById(`${id}-input`);
-      if (inputEl) {
-        //The 'focused' property is part of the GoAInput component that is used to
-        //set focus on the input field. We need to set it back to false once we set focus on the input field. Doing with just .focus() doesnt work.
-        inputEl.focused = true;
-        inputEl.focus();
-        inputEl.focused = false;
-      }
+      setInputTextFocus();
     }
     if (e.key === ESCAPE_KEY) {
       setIsOpen(false);
@@ -6374,6 +6378,17 @@ const DeleteDialog = /*#__PURE__*/React.memo(function DeleteDialog({
   title,
   message
 }) {
+  useEffect(() => {
+    if (open) {
+      const deleteBtn = document.querySelector('[data-testId="object-array-confirm-button"]');
+      if (deleteBtn) {
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = deleteBtn.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
+        }, 200);
+      }
+    }
+  }, [open]);
   return jsxs(GoAModal, {
     open: open,
     testId: "object-array-modal",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.41.3",
+  "version": "1.41.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",