@gooddata/sdk-ui-kit 10.29.0-alpha.3 → 10.29.0-alpha.31

package/esm/utils/useAutofocusOnMount.js

@@ -1,51 +1,58 @@
 // (C) 2025 GoodData Corporation
 import React from "react";
-import { getFocusableElements, isElementFocusable } from "./domUtilities.js";
+import { getFocusableElements, isElementFocusable, isElementTextInput } from "./domUtilities.js";
 /**
- * Focuses the element when it mounts.
+ * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
  *
  * @internal
  */
-export const useAutofocusOnMount = () => {
+export const useAutofocusOnMountRef = ({ isDisabled, refocusKey } = {}) => {
     const [element, setElement] = React.useState(null);
-    const hasFiredRef = React.useRef(false);
+    useAutofocusOnMount(element, { isDisabled, refocusKey });
+    return React.useCallback((node) => {
+        setElement(node);
+    }, []);
+};
+/**
+ * Focuses the element on mount or when `refocusKey` changes.
+ *
+ * @internal
+ */
+export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) => {
     // If the element is outside of the viewport, calling focus() will not work.
     // This can happen for example with floating elements, that are repositioned after they mount
     React.useEffect(() => {
-        if (!element || element.contains(document.activeElement)) {
+        const elementToFocus = getElementToFocus(element);
+        if (isDisabled || !elementToFocus) {
             return undefined;
         }
-        const observer = new IntersectionObserver(() => {
-            if (!element) {
+        const observer = new IntersectionObserver(([{ target }]) => {
+            if (target.contains(document.activeElement) || isElementTextInput(document.activeElement)) {
+                observer.disconnect();
                 return;
             }
-            const elementToFocus = isElementFocusable(element)
-                ? element
-                : getFocusableElements(element).firstElement;
             // Focusing a newly created element sometimes fails if not done through requestAnimationFrame()
             window.requestAnimationFrame(() => {
-                elementToFocus.focus();
-                if (document.activeElement === elementToFocus) {
+                target.focus();
+                if (document.activeElement === target) {
                     observer.disconnect();
                 }
             });
         });
-        observer.observe(element);
+        observer.observe(elementToFocus);
         return () => observer.disconnect();
-    }, [element]);
-    return React.useCallback((node) => {
-        if (hasFiredRef.current || !node) {
-            return;
-        }
-        hasFiredRef.current = true;
-        setElement(node);
-    }, []);
+    }, [refocusKey, isDisabled, element]);
 };
+function getElementToFocus(element) {
+    return isElementFocusable(element) ? element : getFocusableElements(element).firstElement;
+}
 /**
+ * Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
+ *
  * @internal
  */
-export const AutofocusOnMount = ({ ...props }) => {
-    const ref = useAutofocusOnMount();
-    return React.createElement("div", { ref: ref, ...props });
+export const AutofocusOnMount = ({ isDisabled, refocusKey, children }) => {
+    const ref = useAutofocusOnMountRef({ isDisabled, refocusKey });
+    return (React.createElement("div", { ref: ref, style: { display: "contents" } }, children));
 };
 //# sourceMappingURL=useAutofocusOnMount.js.map

package/esm/utils/useAutofocusOnMount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutofocusOnMount.js","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE7E;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAExC,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;gBACX,OAAO;YACX,CAAC;YAED,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,CAAC;gBAC9C,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;YAEjD,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9B,cAAc,CAAC,KAAK,EAAE,CAAC;gBAEvB,IAAI,QAAQ,CAAC,aAAa,KAAK,cAAc,EAAE,CAAC;oBAC5C,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAClD,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/B,OAAO;QACX,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAE3B,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;IAElC,OAAO,6BAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACxC,CAAC,CAAC"}
+{"version":3,"file":"useAutofocusOnMount.js","sourceRoot":"","sources":["../../src/utils/useAutofocusOnMount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAUjG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,mBAAmB,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAClD,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAAuC,EACvC,EAAE,UAAU,EAAE,UAAU,KAAwB,EAAE,EACpD,EAAE;IACA,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,UAAU,IAAI,CAAC,cAAc,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;gBACxF,QAAQ,CAAC,UAAU,EAAE,CAAC;gBACtB,OAAO;YACX,CAAC;YAED,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC7B,MAAsB,CAAC,KAAK,EAAE,CAAC;gBAEhC,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;oBACpC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,SAAS,iBAAiB,CAAC,OAAuC;IAC9D,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC;AAC9F,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAIzB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,sBAAsB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAE/D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IACxC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.29.0-alpha.3",
+  "version": "10.29.0-alpha.31",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -75,11 +75,11 @@
     "@codemirror/autocomplete": "^6.18.6",
     "@lezer/highlight": "~1.2.1",
     "@codemirror/commands": "~6.8.1",
-    "@gooddata/sdk-backend-spi": "10.29.0-alpha.3",
-    "@gooddata/sdk-ui": "10.29.0-alpha.3",
-    "@gooddata/util": "10.29.0-alpha.3",
-    "@gooddata/sdk-ui-theme-provider": "10.29.0-alpha.3",
-    "@gooddata/sdk-model": "10.29.0-alpha.3"
+    "@gooddata/sdk-backend-spi": "10.29.0-alpha.31",
+    "@gooddata/sdk-ui": "10.29.0-alpha.31",
+    "@gooddata/sdk-model": "10.29.0-alpha.31",
+    "@gooddata/sdk-ui-theme-provider": "10.29.0-alpha.31",
+    "@gooddata/util": "10.29.0-alpha.31"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -137,8 +137,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.29.0-alpha.3",
-    "@gooddata/sdk-backend-mockingbird": "10.29.0-alpha.3"
+    "@gooddata/sdk-backend-mockingbird": "10.29.0-alpha.31",
+    "@gooddata/reference-workspace": "10.29.0-alpha.31"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",