@gooddata/sdk-ui-kit 10.32.0-alpha.13 → 10.32.0-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/esm/@ui/UiFocusManager/UiAutofocus.d.ts +24 -0
  2. package/esm/@ui/UiFocusManager/UiAutofocus.d.ts.map +1 -0
  3. package/esm/{utils/useAutofocusOnMount.js → @ui/UiFocusManager/UiAutofocus.js} +18 -23
  4. package/esm/@ui/UiFocusManager/UiAutofocus.js.map +1 -0
  5. package/esm/@ui/UiFocusManager/UiFocusManager.d.ts +23 -0
  6. package/esm/@ui/UiFocusManager/UiFocusManager.d.ts.map +1 -0
  7. package/esm/@ui/UiFocusManager/UiFocusManager.js +49 -0
  8. package/esm/@ui/UiFocusManager/UiFocusManager.js.map +1 -0
  9. package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts +13 -0
  10. package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts.map +1 -0
  11. package/esm/@ui/UiFocusManager/UiFocusTrap.js +31 -0
  12. package/esm/@ui/UiFocusManager/UiFocusTrap.js.map +1 -0
  13. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts +19 -0
  14. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts.map +1 -0
  15. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js +34 -0
  16. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js.map +1 -0
  17. package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts +14 -0
  18. package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts.map +1 -0
  19. package/esm/@ui/UiFocusManager/UiTabOutHandler.js +35 -0
  20. package/esm/@ui/UiFocusManager/UiTabOutHandler.js.map +1 -0
  21. package/esm/@ui/UiFocusManager/types.d.ts +13 -0
  22. package/esm/@ui/UiFocusManager/types.d.ts.map +1 -0
  23. package/esm/@ui/UiFocusManager/types.js +3 -0
  24. package/esm/@ui/UiFocusManager/types.js.map +1 -0
  25. package/esm/@ui/UiFocusManager/utils.d.ts +18 -0
  26. package/esm/@ui/UiFocusManager/utils.d.ts.map +1 -0
  27. package/esm/@ui/UiFocusManager/utils.js +40 -0
  28. package/esm/@ui/UiFocusManager/utils.js.map +1 -0
  29. package/esm/@ui/UiMenu/UiMenu.js +2 -2
  30. package/esm/@ui/UiMenu/UiMenu.js.map +1 -1
  31. package/esm/Bubble/Bubble.d.ts +2 -0
  32. package/esm/Bubble/Bubble.d.ts.map +1 -1
  33. package/esm/Bubble/Bubble.js +2 -1
  34. package/esm/Bubble/Bubble.js.map +1 -1
  35. package/esm/Dialog/DialogBase.d.ts.map +1 -1
  36. package/esm/Dialog/DialogBase.js +2 -8
  37. package/esm/Dialog/DialogBase.js.map +1 -1
  38. package/esm/Dropdown/Dropdown.d.ts +1 -1
  39. package/esm/Dropdown/Dropdown.d.ts.map +1 -1
  40. package/esm/Dropdown/Dropdown.js +9 -6
  41. package/esm/Dropdown/Dropdown.js.map +1 -1
  42. package/esm/Header/HeaderAccount.d.ts.map +1 -1
  43. package/esm/Header/HeaderAccount.js +2 -2
  44. package/esm/Header/HeaderAccount.js.map +1 -1
  45. package/esm/Header/HeaderHelp.d.ts.map +1 -1
  46. package/esm/Header/HeaderHelp.js +2 -2
  47. package/esm/Header/HeaderHelp.js.map +1 -1
  48. package/esm/Header/HeaderSearchButton.d.ts.map +1 -1
  49. package/esm/Header/HeaderSearchButton.js +2 -2
  50. package/esm/Header/HeaderSearchButton.js.map +1 -1
  51. package/esm/index.d.ts +10 -3
  52. package/esm/index.d.ts.map +1 -1
  53. package/esm/index.js +6 -2
  54. package/esm/index.js.map +1 -1
  55. package/esm/sdk-ui-kit.d.ts +115 -63
  56. package/package.json +8 -8
  57. package/styles/css/main.css +0 -4
  58. package/styles/css/main.css.map +1 -1
  59. package/styles/css/overlay.css +0 -4
  60. package/styles/css/overlay.css.map +1 -1
  61. package/styles/scss/overlay.scss +0 -6
  62. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +0 -39
  63. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +0 -1
  64. package/esm/@ui/UiFocusTrap/UiFocusTrap.js +0 -134
  65. package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +0 -1
  66. package/esm/utils/useAutofocusOnMount.d.ts +0 -29
  67. package/esm/utils/useAutofocusOnMount.d.ts.map +0 -1
  68. package/esm/utils/useAutofocusOnMount.js.map +0 -1
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export interface IUiAutofocusOptions {
7
+ refocusKey?: unknown;
8
+ initialFocus?: string | React.RefObject<HTMLElement>;
9
+ }
10
+ /**
11
+ * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
12
+ *
13
+ * @internal
14
+ */
15
+ export declare const useUiAutofocusConnectors: <T extends HTMLElement = HTMLElement>({ refocusKey, initialFocus, }?: IUiAutofocusOptions) => IUiFocusHelperConnectors<T>;
16
+ /**
17
+ * Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
18
+ *
19
+ * @internal
20
+ */
21
+ export declare const UiAutofocus: React.FC<{
22
+ children: React.ReactNode;
23
+ } & IUiAutofocusOptions>;
24
+ //# sourceMappingURL=UiAutofocus.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAutofocus.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACxD;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,wEAGlC,mBAAmB,gCAsCrB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,mBAAmB,CAS1B,CAAC"}
@@ -1,35 +1,25 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React from "react";
3
- import { getFocusableElements, isElementFocusable, isElementTextInput } from "./domUtilities.js";
3
+ import { getFocusableElements, isElementFocusable, isElementTextInput } from "../../utils/domUtilities.js";
4
+ import { resolveRef } from "./utils.js";
4
5
  /**
5
6
  * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
6
7
  *
7
8
  * @internal
8
9
  */
9
- export const useAutofocusOnMountRef = ({ isDisabled, refocusKey } = {}) => {
10
+ export const useUiAutofocusConnectors = ({ refocusKey, initialFocus, } = {}) => {
10
11
  const [element, setElement] = React.useState(null);
11
- useAutofocusOnMount(element, { isDisabled, refocusKey });
12
- return React.useCallback((node) => {
13
- setElement(node);
14
- }, []);
15
- };
16
- /**
17
- * Focuses the element on mount or when `refocusKey` changes.
18
- *
19
- * @internal
20
- */
21
- export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) => {
22
12
  // If the element is outside of the viewport, calling focus() will not work.
23
13
  // This can happen for example with floating elements, that are repositioned after they mount
24
14
  React.useEffect(() => {
25
- const elementToFocus = getElementToFocus(element);
26
- if (isDisabled || !elementToFocus) {
15
+ const elementToFocus = getElementToFocus(element, initialFocus);
16
+ if (!elementToFocus) {
27
17
  return undefined;
28
18
  }
29
19
  const observer = new IntersectionObserver(([{ target }]) => {
30
20
  // Focusing a newly created element sometimes fails if not done through requestAnimationFrame()
31
21
  window.requestAnimationFrame(() => {
32
- if (element.contains(document.activeElement) ||
22
+ if (element?.contains(document.activeElement) ||
33
23
  target.contains(document.activeElement) ||
34
24
  isElementTextInput(document.activeElement)) {
35
25
  observer.disconnect();
@@ -43,18 +33,23 @@ export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) =>
43
33
  });
44
34
  observer.observe(elementToFocus);
45
35
  return () => observer.disconnect();
46
- }, [refocusKey, isDisabled, element]);
36
+ }, [refocusKey, element, initialFocus]);
37
+ return React.useMemo(() => ({ ref: setElement }), []);
47
38
  };
48
- function getElementToFocus(element) {
49
- return isElementFocusable(element) ? element : getFocusableElements(element).firstElement;
39
+ function getElementToFocus(element, initialFocus) {
40
+ const initialFocusElement = resolveRef(initialFocus);
41
+ const elementToCheck = initialFocusElement ?? element;
42
+ return isElementFocusable(elementToCheck)
43
+ ? elementToCheck
44
+ : getFocusableElements(elementToCheck).firstElement;
50
45
  }
51
46
  /**
52
47
  * Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
53
48
  *
54
49
  * @internal
55
50
  */
56
- export const AutofocusOnMount = ({ isDisabled, refocusKey, children }) => {
57
- const ref = useAutofocusOnMountRef({ isDisabled, refocusKey });
58
- return (React.createElement("div", { ref: ref, style: { display: "contents" } }, children));
51
+ export const UiAutofocus = ({ children, ...options }) => {
52
+ const connectors = useUiAutofocusConnectors(options);
53
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
59
54
  };
60
- //# sourceMappingURL=useAutofocusOnMount.js.map
55
+ //# sourceMappingURL=UiAutofocus.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAutofocus.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWxC;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAsC,EAC1E,UAAU,EACV,YAAY,MACS,EAAE,EAA+B,EAAE;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAEhE,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9B,IACI,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACzC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACvC,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC5C,CAAC;oBACC,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACtB,OAAO;gBACX,CAAC;gBAEA,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,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,SAAS,iBAAiB,CACtB,OAAuC,EACvC,YAAoD;IAEpD,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,mBAAmB,IAAI,OAAO,CAAC;IAEtD,OAAO,kBAAkB,CAAC,cAAc,CAAC;QACrC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAIpB,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,wBAAwB,CAAiB,OAAO,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { IUiAutofocusOptions } from "./UiAutofocus.js";
3
+ import { IUiReturnFocusOnUnmountOptions } from "./UiReturnFocusOnUnmount.js";
4
+ import { IUiFocusHelperConnectors } from "./types.js";
5
+ /**
6
+ * @internal
7
+ */
8
+ export type IUiFocusManagerProps = {
9
+ enableAutofocus?: boolean | IUiAutofocusOptions;
10
+ enableFocusTrap?: boolean;
11
+ enableReturnFocusOnUnmount?: boolean | IUiReturnFocusOnUnmountOptions;
12
+ tabOutHandler?: (event: React.KeyboardEvent) => void;
13
+ children: React.ReactNode;
14
+ };
15
+ /**
16
+ * @internal
17
+ */
18
+ export declare const UiFocusManager: React.FC<IUiFocusManagerProps>;
19
+ /**
20
+ * @internal
21
+ */
22
+ export declare const useUiFocusManagerConnectors: <T extends HTMLElement = HTMLElement>({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }: Omit<IUiFocusManagerProps, "children">) => IUiFocusHelperConnectors<T>;
23
+ //# sourceMappingURL=UiFocusManager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusManager.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAA4B,MAAM,kBAAkB,CAAC;AAIjF,OAAO,EACH,8BAA8B,EAEjC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,GAAG,8BAA8B,CAAC;IACtE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,0HAKrC,KAAK,oBAAoB,EAAE,UAAU,CAAC,gCA8CxC,CAAC"}
@@ -0,0 +1,49 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { useUiAutofocusConnectors } from "./UiAutofocus.js";
4
+ import { useAutoupdateRef, useCombineRefs } from "@gooddata/sdk-ui";
5
+ import { useUiFocusTrapConnectors } from "./UiFocusTrap.js";
6
+ import { useUiTabOutHandlerConnectors } from "./UiTabOutHandler.js";
7
+ import { useUiReturnFocusOnUnmountConnectors, } from "./UiReturnFocusOnUnmount.js";
8
+ /**
9
+ * @internal
10
+ */
11
+ export const UiFocusManager = ({ children, ...args }) => {
12
+ const connectors = useUiFocusManagerConnectors(args);
13
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
14
+ };
15
+ /**
16
+ * @internal
17
+ */
18
+ export const useUiFocusManagerConnectors = ({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }) => {
19
+ const autofocusOptions = typeof enableAutofocus === "object" ? enableAutofocus : {};
20
+ const returnFocusOnUnmountOptions = typeof enableReturnFocusOnUnmount === "object" ? enableReturnFocusOnUnmount : {};
21
+ const focusTrapConnectors = useUiFocusTrapConnectors();
22
+ const tabOutConnectors = useUiTabOutHandlerConnectors(tabOutHandler);
23
+ const autofocusConnectors = useUiAutofocusConnectors(autofocusOptions);
24
+ const returnFocusConnectors = useUiReturnFocusOnUnmountConnectors(returnFocusOnUnmountOptions);
25
+ const enabledConnectors = React.useMemo(() => [
26
+ !!tabOutHandler && tabOutConnectors,
27
+ !!enableReturnFocusOnUnmount && returnFocusConnectors,
28
+ !!enableAutofocus && autofocusConnectors,
29
+ !!enableFocusTrap && focusTrapConnectors,
30
+ ].filter(Boolean), [
31
+ autofocusConnectors,
32
+ enableAutofocus,
33
+ enableFocusTrap,
34
+ enableReturnFocusOnUnmount,
35
+ focusTrapConnectors,
36
+ returnFocusConnectors,
37
+ tabOutConnectors,
38
+ tabOutHandler,
39
+ ]);
40
+ const enabledConnectorsRef = useAutoupdateRef(enabledConnectors);
41
+ const combinedRefs = useCombineRefs(...enabledConnectors.map((connector) => connector.ref));
42
+ const combinedKeyDown = React.useCallback((event) => {
43
+ enabledConnectorsRef.current.forEach((connector) => {
44
+ connector.onKeyDown?.(event);
45
+ });
46
+ }, [enabledConnectorsRef]);
47
+ return React.useMemo(() => ({ ref: combinedRefs, onKeyDown: combinedKeyDown }), [combinedKeyDown, combinedRefs]);
48
+ };
49
+ //# sourceMappingURL=UiFocusManager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusManager.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAEH,mCAAmC,GACtC,MAAM,6BAA6B,CAAC;AAcrC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,2BAA2B,CAAiB,IAAI,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAsC,EAC7E,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,aAAa,GACwB,EAA+B,EAAE;IACtE,MAAM,gBAAgB,GAAG,OAAO,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,MAAM,2BAA2B,GAC7B,OAAO,0BAA0B,KAAK,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;IAErF,MAAM,mBAAmB,GAAG,wBAAwB,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IACvE,MAAM,qBAAqB,GAAG,mCAAmC,CAAC,2BAA2B,CAAC,CAAC;IAE/F,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACD;QACI,CAAC,CAAC,aAAa,IAAI,gBAAgB;QACnC,CAAC,CAAC,0BAA0B,IAAI,qBAAqB;QACrD,CAAC,CAAC,eAAe,IAAI,mBAAmB;QACxC,CAAC,CAAC,eAAe,IAAI,mBAAmB;KAC3C,CAAC,MAAM,CAAC,OAAO,CAAkC,EACtD;QACI,mBAAmB;QACnB,eAAe;QACf,eAAe;QACf,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;QACrB,gBAAgB;QAChB,aAAa;KAChB,CACJ,CAAC;IACF,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5F,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAK,EAAE,EAAE;QACN,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/C,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAChB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,EACzD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const useUiFocusTrapConnectors: <T extends HTMLElement = HTMLElement>() => IUiFocusHelperConnectors<T>;
7
+ /**
8
+ * @internal
9
+ */
10
+ export declare const UiFocusTrap: React.FC<{
11
+ children: React.ReactNode;
12
+ }>;
13
+ //# sourceMappingURL=UiFocusTrap.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,wBAAwB,wEAkCpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAQ/D,CAAC"}
@@ -0,0 +1,31 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import * as React from "react";
3
+ import { getFocusableElements } from "../../utils/domUtilities.js";
4
+ import { makeKeyboardNavigation } from "../@utils/keyboardNavigation.js";
5
+ import { focusAndEnsureReachableElement, getNextFocusableElement } from "./utils.js";
6
+ /**
7
+ * @internal
8
+ */
9
+ export const useUiFocusTrapConnectors = () => {
10
+ const [element, setElement] = React.useState(null);
11
+ const handleMoveFocus = React.useCallback((direction) => () => {
12
+ const { focusableElements } = getFocusableElements(element);
13
+ focusAndEnsureReachableElement(getNextFocusableElement(document.activeElement, focusableElements, direction), focusableElements, direction);
14
+ }, [element]);
15
+ const handleKeyDown = React.useMemo(() => makeKeyboardNavigation({
16
+ onFocusNext: [{ code: "Tab", modifiers: ["!Shift"] }],
17
+ onFocusPrevious: [{ code: "Tab", modifiers: ["Shift"] }],
18
+ })({
19
+ onFocusNext: handleMoveFocus("forward"),
20
+ onFocusPrevious: handleMoveFocus("backward"),
21
+ }, { shouldPreventDefault: true, shouldStopPropagation: true }), [handleMoveFocus]);
22
+ return React.useMemo(() => ({ ref: setElement, onKeyDown: handleKeyDown }), [handleKeyDown]);
23
+ };
24
+ /**
25
+ * @internal
26
+ */
27
+ export const UiFocusTrap = ({ children }) => {
28
+ const connectors = useUiFocusTrapConnectors();
29
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
30
+ };
31
+ //# sourceMappingURL=UiFocusTrap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusTrap.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAGrF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAEP,EAAE;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAA8B,EAAE,EAAE,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE5D,8BAA8B,CAC1B,uBAAuB,CAAC,QAAQ,CAAC,aAA4B,EAAE,iBAAiB,EAAE,SAAS,CAAC,EAC5F,iBAAiB,EACjB,SAAS,CACZ,CAAC;IACN,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,sBAAsB,CAAC;QACnB,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3D,CAAC,CACE;QACI,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;QACvC,eAAe,EAAE,eAAe,CAAC,UAAU,CAAC;KAC/C,EACD,EAAE,oBAAoB,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAC9D,EACL,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,UAAU,GAAG,wBAAwB,EAAkB,CAAC;IAE9D,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export interface IUiReturnFocusOnUnmountOptions {
7
+ returnFocusTo?: string | React.RefObject<HTMLElement>;
8
+ }
9
+ /**
10
+ * @internal
11
+ */
12
+ export declare const UiReturnFocusOnUnmount: React.FC<IUiReturnFocusOnUnmountOptions & {
13
+ children: React.ReactNode;
14
+ }>;
15
+ /**
16
+ * @internal
17
+ */
18
+ export declare const useUiReturnFocusOnUnmountConnectors: <T extends HTMLElement = HTMLElement>({ returnFocusTo, }?: IUiReturnFocusOnUnmountOptions) => IUiFocusHelperConnectors<T>;
19
+ //# sourceMappingURL=UiReturnFocusOnUnmount.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiReturnFocusOnUnmount.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CACzC,8BAA8B,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CASjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC,6DAE7C,8BAA8B,gCAyBhC,CAAC"}
@@ -0,0 +1,34 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { resolveRef } from "./utils.js";
4
+ /**
5
+ * @internal
6
+ */
7
+ export const UiReturnFocusOnUnmount = ({ children, ...options }) => {
8
+ const connectors = useUiReturnFocusOnUnmountConnectors(options);
9
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
10
+ };
11
+ /**
12
+ * @internal
13
+ */
14
+ export const useUiReturnFocusOnUnmountConnectors = ({ returnFocusTo, } = {}) => {
15
+ const returnFocusRef = React.useRef(null);
16
+ React.useEffect(() => {
17
+ returnFocusRef.current = resolveRef(returnFocusTo) ?? document.activeElement;
18
+ }, [returnFocusTo]);
19
+ const hasMountedRef = React.useRef(false);
20
+ const ref = React.useCallback((element) => {
21
+ if (element) {
22
+ hasMountedRef.current = true;
23
+ return;
24
+ }
25
+ const elementToFocus = resolveRef(returnFocusRef);
26
+ if (!hasMountedRef.current || !elementToFocus) {
27
+ return;
28
+ }
29
+ elementToFocus.focus();
30
+ hasMountedRef.current = false;
31
+ }, []);
32
+ return React.useMemo(() => ({ ref }), [ref]);
33
+ };
34
+ //# sourceMappingURL=UiReturnFocusOnUnmount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiReturnFocusOnUnmount.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAUxC;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,mCAAmC,CAAiB,OAAO,CAAC,CAAC;IAEhF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAsC,EACrF,aAAa,MACmB,EAAE,EAA+B,EAAE;IACnE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,IAAK,QAAQ,CAAC,aAA6B,CAAC;IAClG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QAElD,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const UiTabOutHandler: React.FC<{
7
+ onTabOut: () => void;
8
+ children: React.ReactNode;
9
+ }>;
10
+ /**
11
+ * @internal
12
+ */
13
+ export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTMLElement>(handler?: (event: React.KeyboardEvent) => void) => IUiFocusHelperConnectors<T>;
14
+ //# sourceMappingURL=UiTabOutHandler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiTabOutHandler.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiTabOutHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAWzF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,0DACnB,mBAAmB,KAAK,IAAI,gCAoCjD,CAAC"}
@@ -0,0 +1,35 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import * as React from "react";
3
+ import { useAutoupdateRef } from "@gooddata/sdk-ui";
4
+ import { getFocusableElements } from "../../utils/domUtilities.js";
5
+ import { makeKeyboardNavigation } from "../@utils/keyboardNavigation.js";
6
+ /**
7
+ * @internal
8
+ */
9
+ export const UiTabOutHandler = ({ onTabOut, children, }) => {
10
+ const connectors = useUiTabOutHandlerConnectors(onTabOut);
11
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
12
+ };
13
+ /**
14
+ * @internal
15
+ */
16
+ export const useUiTabOutHandlerConnectors = (handler) => {
17
+ const [element, setElement] = React.useState(null);
18
+ const handlerRef = useAutoupdateRef(handler);
19
+ const handleMoveFocus = React.useCallback((direction) => (event) => {
20
+ const { firstElement, lastElement } = getFocusableElements(element);
21
+ if ((direction === "forward" && document.activeElement === lastElement) ||
22
+ (direction === "backward" && document.activeElement === firstElement)) {
23
+ handlerRef.current?.(event);
24
+ }
25
+ }, [element, handlerRef]);
26
+ const handleKeyDown = React.useMemo(() => makeKeyboardNavigation({
27
+ onFocusNext: [{ code: "Tab", modifiers: ["!Shift"] }],
28
+ onFocusPrevious: [{ code: "Tab", modifiers: ["Shift"] }],
29
+ })({
30
+ onFocusNext: handleMoveFocus("forward"),
31
+ onFocusPrevious: handleMoveFocus("backward"),
32
+ }, { shouldPreventDefault: false, shouldStopPropagation: false }), [handleMoveFocus]);
33
+ return React.useMemo(() => ({ ref: setElement, onKeyDown: handleKeyDown }), [handleKeyDown]);
34
+ };
35
+ //# sourceMappingURL=UiTabOutHandler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiTabOutHandler.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiTabOutHandler.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAGzE;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAkE,CAAC,EAC3F,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,UAAU,GAAG,4BAA4B,CAAiB,QAAQ,CAAC,CAAC;IAE1E,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CACxC,OAA8C,EACnB,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAA8B,EAAE,EAAE,CAAC,CAAC,KAA0B,EAAE,EAAE;QAC/D,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEpE,IACI,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC;YACnE,CAAC,SAAS,KAAK,UAAU,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,CAAC,EACvE,CAAC;YACC,UAAU,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACxB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,sBAAsB,CAAC;QACnB,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3D,CAAC,CACE;QACI,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;QACvC,eAAe,EAAE,eAAe,CAAC,UAAU,CAAC;KAC/C,EACD,EAAE,oBAAoB,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAChE,EACL,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ /**
3
+ * @internal
4
+ */
5
+ export interface IUiFocusHelperConnectors<T extends HTMLElement = HTMLElement> {
6
+ ref?: React.Ref<T>;
7
+ onKeyDown?: (e: React.KeyboardEvent) => void;
8
+ }
9
+ /**
10
+ * @internal
11
+ */
12
+ export type NavigationDirection = "forward" | "backward";
13
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ // (C) 2025 GoodData Corporation
2
+ export {};
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { NavigationDirection } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const resolveRef: (ref: string | React.RefObject<HTMLElement> | undefined | null) => HTMLElement;
7
+ /**
8
+ * Attempts to find a truly focusable element by trying subsequent elements in the focusable elements collection
9
+ * This is useful when some elements are focusable but not reachable (e.g., out of viewport or disabled)
10
+ *
11
+ * @internal
12
+ */
13
+ export declare const focusAndEnsureReachableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection) => void;
14
+ /**
15
+ * @internal
16
+ */
17
+ export declare const getNextFocusableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection) => HTMLElement;
18
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,gBAEvF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,mBACvB,WAAW,GAAG,SAAS,qBACpB,WAAW,EAAE,aACrB,mBAAmB,KAC/B,IAiBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAChB,WAAW,GAAG,SAAS,qBACpB,WAAW,EAAE,aACrB,mBAAmB,gBAcjC,CAAC"}
@@ -0,0 +1,40 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export const resolveRef = (ref) => {
5
+ return typeof ref === "string" ? document.getElementById(ref) : ref?.current;
6
+ };
7
+ /**
8
+ * Attempts to find a truly focusable element by trying subsequent elements in the focusable elements collection
9
+ * This is useful when some elements are focusable but not reachable (e.g., out of viewport or disabled)
10
+ *
11
+ * @internal
12
+ */
13
+ export const focusAndEnsureReachableElement = (initialElement, focusableElements, direction) => {
14
+ const initialElementIndex = initialElement ? focusableElements.indexOf(initialElement) : -1;
15
+ let currentElement = initialElement;
16
+ if (initialElementIndex === -1) {
17
+ currentElement = focusableElements.at(direction === "forward" ? 0 : -1);
18
+ }
19
+ for (let attempt = 0; attempt < focusableElements.length && currentElement !== undefined; attempt++) {
20
+ currentElement.focus();
21
+ if (currentElement === document.activeElement) {
22
+ return;
23
+ }
24
+ currentElement = getNextFocusableElement(currentElement, focusableElements, direction);
25
+ }
26
+ };
27
+ /**
28
+ * @internal
29
+ */
30
+ export const getNextFocusableElement = (initialElement, focusableElements, direction) => {
31
+ const currentIndex = initialElement ? focusableElements.indexOf(initialElement) : -1;
32
+ if (currentIndex === -1) {
33
+ return focusableElements.at(direction === "forward" ? 0 : -1);
34
+ }
35
+ const nextIndex = direction === "backward"
36
+ ? (currentIndex - 1 + focusableElements.length) % focusableElements.length
37
+ : (currentIndex + 1) % focusableElements.length;
38
+ return focusableElements[nextIndex];
39
+ };
40
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAA6D,EAAE,EAAE;IACxF,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC;AACjF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC1C,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAC1B,EAAE;IACN,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,cAAc,GAA4B,cAAc,CAAC;IAE7D,IAAI,mBAAmB,KAAK,CAAC,CAAC,EAAE,CAAC;QAC7B,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,MAAM,IAAI,cAAc,KAAK,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;QAClG,cAAc,CAAC,KAAK,EAAE,CAAC;QAEvB,IAAI,cAAc,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,GAAG,uBAAuB,CAAC,cAAc,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC3F,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAChC,EAAE;IACA,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACtB,OAAO,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,SAAS,GACX,SAAS,KAAK,UAAU;QACpB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM;QAC1E,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAExD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACxC,CAAC,CAAC"}
@@ -5,11 +5,11 @@ import { b, e } from "./menuBem.js";
5
5
  import { getContentItem, getSiblingItems } from "./itemUtils.js";
6
6
  import { useCustomContentKeyNavigation, useKeyNavigation, useUiMenuContextValue } from "./hooks.js";
7
7
  import { typedUiMenuContextStore } from "./context.js";
8
- import { AutofocusOnMount } from "../../utils/useAutofocusOnMount.js";
8
+ import { UiAutofocus } from "../UiFocusManager/UiAutofocus.js";
9
9
  const ContentWrapper = (props) => {
10
10
  return (
11
11
  // autofocus always first element in the custom content for now
12
- React.createElement(AutofocusOnMount, null,
12
+ React.createElement(UiAutofocus, null,
13
13
  React.createElement("div", { onKeyDown: props.keyboardNavigationHandler }, props.children)));
14
14
  };
15
15
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"UiMenu.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UiMenu.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"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"}
@@ -16,6 +16,7 @@ export interface IBubbleProps {
16
16
  className?: string;
17
17
  closeOnOutsideClick?: boolean;
18
18
  closeOnParentScroll?: boolean;
19
+ closeOnEscape?: boolean;
19
20
  /**
20
21
  * Array of refs where user clicks should be ignored
21
22
  * and bubble should not be closed by clicking on them
@@ -53,6 +54,7 @@ export declare class Bubble extends React.Component<IBubbleProps, IBubbleState>
53
54
  className: string;
54
55
  closeOnOutsideClick: boolean;
55
56
  closeOnParentScroll: boolean;
57
+ closeOnEscape: boolean;
56
58
  onClose: (...args: any[]) => void;
57
59
  onMouseEnter: (...args: any[]) => void;
58
60
  onMouseLeave: (...args: any[]) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../src/Bubble/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAgB5D,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,OAAO,KAAK,CAAC;AAwB1B;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAiBjB;IAGF,MAAM,CAAC,UAAU,SAAY;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,eAAe,CAAC;gBAErB,KAAK,EAAE,YAAY;IAc/B,qBAAqB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAG,OAAO;IAOhF,OAAO,cAAe,WAAW,KAAG,IAAI,CAEtC;IAEF,aAAa,IAAI,MAAM;IASvB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;IAO/C,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;IAM9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE;IAkBjE,MAAM;CAoCT"}
1
+ {"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../src/Bubble/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAgB5D,eAAO,MAAM,OAAO,IAAI,CAAC;AACzB,eAAO,MAAM,OAAO,KAAK,CAAC;AAwB1B;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;MAkBjB;IAGF,MAAM,CAAC,UAAU,SAAY;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,eAAe,CAAC;gBAErB,KAAK,EAAE,YAAY;IAc/B,qBAAqB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAG,OAAO;IAOhF,OAAO,cAAe,WAAW,KAAG,IAAI,CAEtC;IAEF,aAAa,IAAI,MAAM;IASvB,kBAAkB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;IAO/C,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;IAM9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE;IAkBjE,MAAM;CAqCT"}
@@ -53,6 +53,7 @@ export class Bubble extends React.Component {
53
53
  className: "bubble-primary",
54
54
  closeOnOutsideClick: false,
55
55
  closeOnParentScroll: true,
56
+ closeOnEscape: false,
56
57
  onClose: noop,
57
58
  onMouseEnter: noop,
58
59
  onMouseLeave: noop,
@@ -113,7 +114,7 @@ export class Bubble extends React.Component {
113
114
  }
114
115
  render() {
115
116
  const arrowStyle = result(this.props, "arrowStyle", {});
116
- return (React.createElement(ZoomAwareOverlay, { className: this.props.overlayClassName, alignTo: this.props.alignTo, onAlign: this.onAlign, alignPoints: this.state.alignPoints, closeOnParentScroll: this.props.closeOnParentScroll, closeOnMouseDrag: true, closeOnOutsideClick: this.props.closeOnOutsideClick, ignoreClicksOn: this.props.ignoreClicksOn, ignoreClicksOnByClass: this.props.ignoreClicksOnByClass, onClose: this.props.onClose, positionType: this.props.overlayPositionType, ensureVisibility: this.props.ensureVisibility },
117
+ return (React.createElement(ZoomAwareOverlay, { className: this.props.overlayClassName, alignTo: this.props.alignTo, onAlign: this.onAlign, alignPoints: this.state.alignPoints, closeOnParentScroll: this.props.closeOnParentScroll, closeOnMouseDrag: true, closeOnOutsideClick: this.props.closeOnOutsideClick, ignoreClicksOn: this.props.ignoreClicksOn, ignoreClicksOnByClass: this.props.ignoreClicksOnByClass, onClose: this.props.onClose, closeOnEscape: this.props.closeOnEscape, positionType: this.props.overlayPositionType, ensureVisibility: this.props.ensureVisibility },
117
118
  React.createElement("div", { onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave, onKeyDown: this.props.onKeyDown, className: this.getClassnames() },
118
119
  React.createElement("div", { className: "bubble-content" },
119
120
  React.createElement("div", { className: "helper" }),
@@ -1 +1 @@
1
- {"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/Bubble/Bubble.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/Bubble/Bubble.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBhD;;GAEG;AACH,eAAO,MAAM,UAAU,8CAkErB,CAAC"}
1
+ {"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBhD;;GAEG;AACH,eAAO,MAAM,UAAU,8CAgErB,CAAC"}
@@ -2,8 +2,8 @@
2
2
  import React from "react";
3
3
  import cx from "classnames";
4
4
  import { DialogCloseButton } from "./DialogCloseButton.js";
5
- import { UiFocusTrap } from "../@ui/UiFocusTrap/UiFocusTrap.js";
6
5
  import { isElementSubmitButton, isElementTextInput } from "../utils/domUtilities.js";
6
+ import { UiFocusManager } from "../@ui/UiFocusManager/UiFocusManager.js";
7
7
  const checkKeyHandler = (event, key, handler) => {
8
8
  if (event.key !== key || !handler) {
9
9
  return;
@@ -29,16 +29,10 @@ export const DialogBase = React.memo(function DialogBase({ submitOnEnterKey, onC
29
29
  checkKeyHandler(event, "Escape", shouldCloseOnEscape ? onClose : onCancel);
30
30
  }, [onCancel, onSubmit, onClose, submitOnEnterKey, shouldCloseOnEscape]);
31
31
  const dialogClasses = cx("overlay", "gd-dialog", className);
32
- return (React.createElement(FocusTrapOrNull, { initialFocus: initialFocus, returnFocusTo: returnFocusTo, autofocusOnOpen: autofocusOnOpen, returnFocusAfterClose: returnFocusAfterClose, isModal: isModal },
32
+ return (React.createElement(UiFocusManager, { enableFocusTrap: isModal, enableAutofocus: !!isModal && autofocusOnOpen ? { initialFocus } : false, enableReturnFocusOnUnmount: !!isModal && returnFocusAfterClose ? { returnFocusTo } : false },
33
33
  React.createElement("div", { onKeyDown: handleKeyDown, role: "dialog", "aria-modal": accessibilityConfig?.isModal, "aria-label": accessibilityConfig?.title, "aria-labelledby": accessibilityConfig?.titleElementId, "aria-describedby": accessibilityConfig?.descriptionElementId },
34
34
  React.createElement("div", { className: dialogClasses },
35
35
  displayCloseButton ? (React.createElement(CloseButton, { onClose: onClose ?? onCancel, accessibilityConfig: accessibilityConfig })) : null,
36
36
  children))));
37
37
  });
38
- const FocusTrapOrNull = (props) => {
39
- if (!props.isModal) {
40
- return React.createElement(React.Fragment, null, props.children);
41
- }
42
- return (React.createElement(UiFocusTrap, { initialFocus: props.initialFocus, returnFocusTo: props.returnFocusTo, autofocusOnOpen: props.autofocusOnOpen, returnFocusOnUnmount: props.returnFocusAfterClose }, props.children));
43
- };
44
38
  //# sourceMappingURL=DialogBase.js.map