@fluentui/react-tabster 9.26.16 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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 (114) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/dist/index.d.cts +1583 -0
  3. package/lib/focus/createCustomFocusIndicatorStyle.js +1 -1
  4. package/lib/focus/createCustomFocusIndicatorStyle.js.map +1 -1
  5. package/lib/focus/createFocusOutlineStyle.js +4 -4
  6. package/lib/focus/createFocusOutlineStyle.js.map +1 -1
  7. package/lib/focus/focusVisiblePolyfill.js +3 -3
  8. package/lib/focus/focusVisiblePolyfill.js.map +1 -1
  9. package/lib/focus/focusWithinPolyfill.js +2 -2
  10. package/lib/focus/focusWithinPolyfill.js.map +1 -1
  11. package/lib/focus/index.js +4 -4
  12. package/lib/focus/index.js.map +1 -1
  13. package/lib/hooks/index.js +19 -19
  14. package/lib/hooks/index.js.map +1 -1
  15. package/lib/hooks/useActivateModal.js +4 -4
  16. package/lib/hooks/useActivateModal.js.map +1 -1
  17. package/lib/hooks/useArrowNavigationGroup.js +3 -3
  18. package/lib/hooks/useArrowNavigationGroup.js.map +1 -1
  19. package/lib/hooks/useFocusFinders.js +3 -3
  20. package/lib/hooks/useFocusFinders.js.map +1 -1
  21. package/lib/hooks/useFocusObserved.js +3 -3
  22. package/lib/hooks/useFocusObserved.js.map +1 -1
  23. package/lib/hooks/useFocusVisible.js +3 -3
  24. package/lib/hooks/useFocusVisible.js.map +1 -1
  25. package/lib/hooks/useFocusWithin.js +3 -3
  26. package/lib/hooks/useFocusWithin.js.map +1 -1
  27. package/lib/hooks/useFocusableGroup.js +3 -3
  28. package/lib/hooks/useFocusableGroup.js.map +1 -1
  29. package/lib/hooks/useFocusedElementChange.js +5 -5
  30. package/lib/hooks/useFocusedElementChange.js.map +1 -1
  31. package/lib/hooks/useIsNavigatingWithKeyboard.js +2 -2
  32. package/lib/hooks/useIsNavigatingWithKeyboard.js.map +1 -1
  33. package/lib/hooks/useKeyboardNavAttribute.js +4 -4
  34. package/lib/hooks/useKeyboardNavAttribute.js.map +1 -1
  35. package/lib/hooks/useKeyborgRef.js +3 -3
  36. package/lib/hooks/useMergeTabsterAttributes.js +2 -2
  37. package/lib/hooks/useModalAttributes.js +5 -5
  38. package/lib/hooks/useModalAttributes.js.map +1 -1
  39. package/lib/hooks/useObservedElement.js +3 -3
  40. package/lib/hooks/useObservedElement.js.map +1 -1
  41. package/lib/hooks/useOnKeyboardNavigationChange.js +3 -3
  42. package/lib/hooks/useOnKeyboardNavigationChange.js.map +1 -1
  43. package/lib/hooks/useRestoreFocus.js +2 -2
  44. package/lib/hooks/useRestoreFocus.js.map +1 -1
  45. package/lib/hooks/useSetKeyboardNavigation.js +2 -2
  46. package/lib/hooks/useSetKeyboardNavigation.js.map +1 -1
  47. package/lib/hooks/useTabster.js +4 -4
  48. package/lib/hooks/useTabsterAttributes.js +3 -3
  49. package/lib/hooks/useTabsterAttributes.js.map +1 -1
  50. package/lib/hooks/useUncontrolledFocus.js +2 -2
  51. package/lib/hooks/useUncontrolledFocus.js.map +1 -1
  52. package/lib/index.js +6 -6
  53. package/lib/index.js.map +1 -1
  54. package/lib-commonjs/focus/{createCustomFocusIndicatorStyle.js → createCustomFocusIndicatorStyle.cjs} +1 -1
  55. package/lib-commonjs/focus/{createFocusOutlineStyle.js → createFocusOutlineStyle.cjs} +2 -2
  56. package/lib-commonjs/focus/{focusVisiblePolyfill.js → focusVisiblePolyfill.cjs} +1 -1
  57. package/lib-commonjs/focus/{focusWithinPolyfill.js → focusWithinPolyfill.cjs} +1 -1
  58. package/lib-commonjs/focus/{index.js → index.cjs} +4 -4
  59. package/lib-commonjs/hooks/{index.js → index.cjs} +19 -19
  60. package/lib-commonjs/hooks/{useActivateModal.js → useActivateModal.cjs} +1 -1
  61. package/lib-commonjs/hooks/{useArrowNavigationGroup.js → useArrowNavigationGroup.cjs} +2 -2
  62. package/lib-commonjs/hooks/{useFocusFinders.js → useFocusFinders.cjs} +1 -1
  63. package/lib-commonjs/hooks/{useFocusObserved.js → useFocusObserved.cjs} +1 -1
  64. package/lib-commonjs/hooks/{useFocusVisible.js → useFocusVisible.cjs} +1 -1
  65. package/lib-commonjs/hooks/{useFocusWithin.js → useFocusWithin.cjs} +1 -1
  66. package/lib-commonjs/hooks/{useFocusableGroup.js → useFocusableGroup.cjs} +2 -2
  67. package/lib-commonjs/hooks/{useFocusedElementChange.js → useFocusedElementChange.cjs} +1 -1
  68. package/lib-commonjs/hooks/{useIsNavigatingWithKeyboard.js → useIsNavigatingWithKeyboard.cjs} +1 -1
  69. package/lib-commonjs/hooks/{useKeyboardNavAttribute.js → useKeyboardNavAttribute.cjs} +1 -1
  70. package/lib-commonjs/hooks/{useModalAttributes.js → useModalAttributes.cjs} +3 -3
  71. package/lib-commonjs/hooks/{useObservedElement.js → useObservedElement.cjs} +2 -2
  72. package/lib-commonjs/hooks/{useOnKeyboardNavigationChange.js → useOnKeyboardNavigationChange.cjs} +1 -1
  73. package/lib-commonjs/hooks/{useRestoreFocus.js → useRestoreFocus.cjs} +1 -1
  74. package/lib-commonjs/hooks/{useSetKeyboardNavigation.js → useSetKeyboardNavigation.cjs} +1 -1
  75. package/lib-commonjs/hooks/{useTabsterAttributes.js → useTabsterAttributes.cjs} +1 -1
  76. package/lib-commonjs/hooks/{useUncontrolledFocus.js → useUncontrolledFocus.cjs} +1 -1
  77. package/lib-commonjs/{index.js → index.cjs} +3 -3
  78. package/package.json +17 -16
  79. /package/lib-commonjs/focus/{constants.js → constants.cjs} +0 -0
  80. /package/lib-commonjs/focus/{constants.js.map → constants.cjs.map} +0 -0
  81. /package/lib-commonjs/focus/{createCustomFocusIndicatorStyle.js.map → createCustomFocusIndicatorStyle.cjs.map} +0 -0
  82. /package/lib-commonjs/focus/{createFocusOutlineStyle.js.map → createFocusOutlineStyle.cjs.map} +0 -0
  83. /package/lib-commonjs/focus/{focusVisiblePolyfill.js.map → focusVisiblePolyfill.cjs.map} +0 -0
  84. /package/lib-commonjs/focus/{focusWithinPolyfill.js.map → focusWithinPolyfill.cjs.map} +0 -0
  85. /package/lib-commonjs/focus/{index.js.map → index.cjs.map} +0 -0
  86. /package/lib-commonjs/hooks/{index.js.map → index.cjs.map} +0 -0
  87. /package/lib-commonjs/hooks/{useActivateModal.js.map → useActivateModal.cjs.map} +0 -0
  88. /package/lib-commonjs/hooks/{useArrowNavigationGroup.js.map → useArrowNavigationGroup.cjs.map} +0 -0
  89. /package/lib-commonjs/hooks/{useDangerousNeverHidden.js → useDangerousNeverHidden.cjs} +0 -0
  90. /package/lib-commonjs/hooks/{useDangerousNeverHidden.js.map → useDangerousNeverHidden.cjs.map} +0 -0
  91. /package/lib-commonjs/hooks/{useFocusFinders.js.map → useFocusFinders.cjs.map} +0 -0
  92. /package/lib-commonjs/hooks/{useFocusObserved.js.map → useFocusObserved.cjs.map} +0 -0
  93. /package/lib-commonjs/hooks/{useFocusVisible.js.map → useFocusVisible.cjs.map} +0 -0
  94. /package/lib-commonjs/hooks/{useFocusWithin.js.map → useFocusWithin.cjs.map} +0 -0
  95. /package/lib-commonjs/hooks/{useFocusableGroup.js.map → useFocusableGroup.cjs.map} +0 -0
  96. /package/lib-commonjs/hooks/{useFocusedElementChange.js.map → useFocusedElementChange.cjs.map} +0 -0
  97. /package/lib-commonjs/hooks/{useIsNavigatingWithKeyboard.js.map → useIsNavigatingWithKeyboard.cjs.map} +0 -0
  98. /package/lib-commonjs/hooks/{useKeyboardNavAttribute.js.map → useKeyboardNavAttribute.cjs.map} +0 -0
  99. /package/lib-commonjs/hooks/{useKeyborgRef.js → useKeyborgRef.cjs} +0 -0
  100. /package/lib-commonjs/hooks/{useKeyborgRef.js.map → useKeyborgRef.cjs.map} +0 -0
  101. /package/lib-commonjs/hooks/{useMergeTabsterAttributes.js → useMergeTabsterAttributes.cjs} +0 -0
  102. /package/lib-commonjs/hooks/{useMergeTabsterAttributes.js.map → useMergeTabsterAttributes.cjs.map} +0 -0
  103. /package/lib-commonjs/hooks/{useModalAttributes.js.map → useModalAttributes.cjs.map} +0 -0
  104. /package/lib-commonjs/hooks/{useObservedElement.js.map → useObservedElement.cjs.map} +0 -0
  105. /package/lib-commonjs/hooks/{useOnKeyboardNavigationChange.js.map → useOnKeyboardNavigationChange.cjs.map} +0 -0
  106. /package/lib-commonjs/hooks/{useRestoreFocus.js.map → useRestoreFocus.cjs.map} +0 -0
  107. /package/lib-commonjs/hooks/{useSetKeyboardNavigation.js.map → useSetKeyboardNavigation.cjs.map} +0 -0
  108. /package/lib-commonjs/hooks/{useTabster.js → useTabster.cjs} +0 -0
  109. /package/lib-commonjs/hooks/{useTabster.js.map → useTabster.cjs.map} +0 -0
  110. /package/lib-commonjs/hooks/{useTabsterAttributes.js.map → useTabsterAttributes.cjs.map} +0 -0
  111. /package/lib-commonjs/hooks/{useUncontrolledFocus.js.map → useUncontrolledFocus.cjs.map} +0 -0
  112. /package/lib-commonjs/{index.js.map → index.cjs.map} +0 -0
  113. /package/lib-commonjs/{tabster-types-6.0.1-do-not-use.js → tabster-types-6.0.1-do-not-use.cjs} +0 -0
  114. /package/lib-commonjs/{tabster-types-6.0.1-do-not-use.js.map → tabster-types-6.0.1-do-not-use.cjs.map} +0 -0
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import { getObservedElement } from 'tabster';
3
- import { useTabster } from './useTabster';
4
- import { useTabsterAttributes } from './useTabsterAttributes';
2
+ import { getObservedElement } from "tabster";
3
+ import { useTabster } from "./useTabster.js";
4
+ import { useTabsterAttributes } from "./useTabsterAttributes.js";
5
5
  export function useObservedElement(name) {
6
6
  useTabster(getObservedElement);
7
7
  return useTabsterAttributes({
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useObservedElement.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getObservedElement } from 'tabster';\n\nimport { useTabster } from './useTabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\n\nexport function useObservedElement(name: string | string[]): TabsterTypes.TabsterDOMAttribute {\n useTabster(getObservedElement);\n\n return useTabsterAttributes({ observed: { names: Array.isArray(name) ? name : [name] } });\n}\n"],"names":["getObservedElement","useTabster","useTabsterAttributes","useObservedElement","name","observed","names","Array","isArray"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,QAAQ,UAAU;AAE7C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAO,SAASC,mBAAmBC,IAAuB;IACxDH,WAAWD;IAEX,OAAOE,qBAAqB;QAAEG,UAAU;YAAEC,OAAOC,MAAMC,OAAO,CAACJ,QAAQA,OAAO;gBAACA;aAAK;QAAC;IAAE;AACzF"}
1
+ {"version":3,"sources":["../src/hooks/useObservedElement.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getObservedElement } from 'tabster';\n\nimport { useTabster } from './useTabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\n\nexport function useObservedElement(name: string | string[]): TabsterTypes.TabsterDOMAttribute {\n useTabster(getObservedElement);\n\n return useTabsterAttributes({ observed: { names: Array.isArray(name) ? name : [name] } });\n}\n"],"names":["getObservedElement","useTabster","useTabsterAttributes","useObservedElement","name","observed","names","Array","isArray"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,QAAQ,UAAU;AAE7C,SAASC,UAAU,QAAQ,kBAAe;AAC1C,SAASC,oBAAoB,QAAQ,4BAAyB;AAE9D,OAAO,SAASC,mBAAmBC,IAAuB;IACxDH,WAAWD;IAEX,OAAOE,qBAAqB;QAAEG,UAAU;YAAEC,OAAOC,MAAMC,OAAO,CAACJ,QAAQA,OAAO;gBAACA;aAAK;QAAC;IAAE;AACzF"}
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import * as React from 'react';
3
- import { useEventCallback } from '@fluentui/react-utilities';
4
- import { useKeyborgRef } from './useKeyborgRef';
2
+ import * as React from "react";
3
+ import { useEventCallback } from "@fluentui/react-utilities";
4
+ import { useKeyborgRef } from "./useKeyborgRef.js";
5
5
  /**
6
6
  * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes
7
7
  * in the keyboard navigation mode.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useOnKeyboardNavigationChange.ts"],"sourcesContent":["'use client';\n\nimport type { KeyborgCallback } from 'keyborg';\nimport * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\n\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void): void {\n const keyborgRef = useKeyborgRef();\n const eventCallback = useEventCallback(callback);\n\n React.useEffect(() => {\n const keyborg = keyborgRef.current;\n\n if (keyborg) {\n const cb: KeyborgCallback = next => {\n eventCallback(next);\n };\n\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n\n return () => {\n keyborg.unsubscribe(cb);\n };\n }\n }, [keyborgRef, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborgRef","useOnKeyboardNavigationChange","callback","keyborgRef","eventCallback","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AAAA;AAGA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,aAAaH;IACnB,MAAMI,gBAAgBL,iBAAiBG;IAEvCJ,MAAMO,SAAS,CAAC;QACd,MAAMC,UAAUH,WAAWI,OAAO;QAElC,IAAID,SAAS;YACX,MAAME,KAAsBC,CAAAA;gBAC1BL,cAAcK;YAChB;YAEAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YAEnC,OAAO;gBACLL,QAAQM,WAAW,CAACJ;YACtB;QACF;IACF,GAAG;QAACL;QAAYC;KAAc;AAChC"}
1
+ {"version":3,"sources":["../src/hooks/useOnKeyboardNavigationChange.ts"],"sourcesContent":["'use client';\n\nimport type { KeyborgCallback } from 'keyborg';\nimport * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\n\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void): void {\n const keyborgRef = useKeyborgRef();\n const eventCallback = useEventCallback(callback);\n\n React.useEffect(() => {\n const keyborg = keyborgRef.current;\n\n if (keyborg) {\n const cb: KeyborgCallback = next => {\n eventCallback(next);\n };\n\n keyborg.subscribe(cb);\n cb(keyborg.isNavigatingWithKeyboard());\n\n return () => {\n keyborg.unsubscribe(cb);\n };\n }\n }, [keyborgRef, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborgRef","useOnKeyboardNavigationChange","callback","keyborgRef","eventCallback","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AAAA;AAGA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,aAAa,QAAQ,qBAAkB;AAEhD;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,aAAaH;IACnB,MAAMI,gBAAgBL,iBAAiBG;IAEvCJ,MAAMO,SAAS,CAAC;QACd,MAAMC,UAAUH,WAAWI,OAAO;QAElC,IAAID,SAAS;YACX,MAAME,KAAsBC,CAAAA;gBAC1BL,cAAcK;YAChB;YAEAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YAEnC,OAAO;gBACLL,QAAQM,WAAW,CAACJ;YACtB;QACF;IACF,GAAG;QAACL;QAAYC;KAAc;AAChC"}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';
3
- import { useTabster } from './useTabster';
2
+ import { getRestorer, getTabsterAttribute, RestorerTypes } from "tabster";
3
+ import { useTabster } from "./useTabster.js";
4
4
  /**
5
5
  * Focus will be restored to the most recent target element when it is lost from a source
6
6
  * @returns Attribute to apply to the target element where focus is restored
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useRestoreFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the target element where focus is restored\n */\nexport function useRestoreFocusTarget(): TabsterTypes.TabsterDOMAttribute {\n // Initializes the restorer API\n useTabster(getRestorer);\n\n return getTabsterAttribute({ restorer: { type: RestorerTypes.Target } });\n}\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the element that might lose focus\n */\nexport function useRestoreFocusSource(): TabsterTypes.TabsterDOMAttribute {\n // Initializes the restorer API\n useTabster(getRestorer);\n\n return getTabsterAttribute({ restorer: { type: RestorerTypes.Source } });\n}\n"],"names":["getRestorer","getTabsterAttribute","RestorerTypes","useTabster","useRestoreFocusTarget","restorer","type","Target","useRestoreFocusSource","Source"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC1E,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BD,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcK,MAAM;QAAC;IAAE;AACxE;AAEA;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BL,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcO,MAAM;QAAC;IAAE;AACxE"}
1
+ {"version":3,"sources":["../src/hooks/useRestoreFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the target element where focus is restored\n */\nexport function useRestoreFocusTarget(): TabsterTypes.TabsterDOMAttribute {\n // Initializes the restorer API\n useTabster(getRestorer);\n\n return getTabsterAttribute({ restorer: { type: RestorerTypes.Target } });\n}\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the element that might lose focus\n */\nexport function useRestoreFocusSource(): TabsterTypes.TabsterDOMAttribute {\n // Initializes the restorer API\n useTabster(getRestorer);\n\n return getTabsterAttribute({ restorer: { type: RestorerTypes.Source } });\n}\n"],"names":["getRestorer","getTabsterAttribute","RestorerTypes","useTabster","useRestoreFocusTarget","restorer","type","Target","useRestoreFocusSource","Source"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC1E,SAASC,UAAU,QAAQ,kBAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BD,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcK,MAAM;QAAC;IAAE;AACxE;AAEA;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BL,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcO,MAAM;QAAC;IAAE;AACxE"}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import * as React from 'react';
3
- import { useKeyborgRef } from './useKeyborgRef';
2
+ import * as React from "react";
3
+ import { useKeyborgRef } from "./useKeyborgRef.js";
4
4
  /**
5
5
  */ export function useSetKeyboardNavigation() {
6
6
  const keyborgRef = useKeyborgRef();
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useSetKeyboardNavigation.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n */\nexport function useSetKeyboardNavigation(): (isNavigatingWithKeyboard: boolean) => void {\n const keyborgRef = useKeyborgRef();\n\n return React.useCallback(\n (isNavigatingWithKeyboard: boolean) => {\n keyborgRef.current?.setVal(isNavigatingWithKeyboard);\n },\n [keyborgRef],\n );\n}\n"],"names":["React","useKeyborgRef","useSetKeyboardNavigation","keyborgRef","useCallback","isNavigatingWithKeyboard","current","setVal"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;CACC,GACD,OAAO,SAASC;IACd,MAAMC,aAAaF;IAEnB,OAAOD,MAAMI,WAAW,CACtB,CAACC;YACCF;SAAAA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,MAAM,CAACF;IAC7B,GACA;QAACF;KAAW;AAEhB"}
1
+ {"version":3,"sources":["../src/hooks/useSetKeyboardNavigation.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n */\nexport function useSetKeyboardNavigation(): (isNavigatingWithKeyboard: boolean) => void {\n const keyborgRef = useKeyborgRef();\n\n return React.useCallback(\n (isNavigatingWithKeyboard: boolean) => {\n keyborgRef.current?.setVal(isNavigatingWithKeyboard);\n },\n [keyborgRef],\n );\n}\n"],"names":["React","useKeyborgRef","useSetKeyboardNavigation","keyborgRef","useCallback","isNavigatingWithKeyboard","current","setVal"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,qBAAkB;AAEhD;CACC,GACD,OAAO,SAASC;IACd,MAAMC,aAAaF;IAEnB,OAAOD,MAAMI,WAAW,CACtB,CAACC;YACCF;SAAAA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,MAAM,CAACF;IAC7B,GACA;QAACF;KAAW;AAEhB"}
@@ -1,8 +1,8 @@
1
1
  'use client';
2
- import * as React from 'react';
3
- import { createTabster, disposeTabster } from 'tabster';
4
- import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
5
- import { getParent, useIsomorphicLayoutEffect, usePrevious } from '@fluentui/react-utilities';
2
+ import * as React from "react";
3
+ import { createTabster, disposeTabster } from "tabster";
4
+ import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
5
+ import { getParent, useIsomorphicLayoutEffect, usePrevious } from "@fluentui/react-utilities";
6
6
  const DEFAULT_FACTORY = (tabster)=>{
7
7
  return tabster;
8
8
  };
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';
3
- import { useTabster } from './useTabster';
4
- import * as React from 'react';
2
+ import { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from "tabster";
3
+ import { useTabster } from "./useTabster.js";
4
+ import * as React from "react";
5
5
  /**
6
6
  * Hook that returns tabster attributes while ensuring tabster exists
7
7
  *
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';\nimport { useTabster } from './useTabster';\nimport * as React from 'react';\n\n/**\n * Hook that returns tabster attributes while ensuring tabster exists\n *\n * @internal\n */\nexport const useTabsterAttributes = (props: TabsterTypes.TabsterAttributeProps): TabsterTypes.TabsterDOMAttribute => {\n // A tabster instance is not necessary to generate tabster attributes\n // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same\n useTabster();\n\n const strAttr = getTabsterAttribute(props, true);\n\n return React.useMemo(\n () => ({\n [TABSTER_ATTRIBUTE_NAME]: strAttr,\n }),\n [strAttr],\n );\n};\n"],"names":["getTabsterAttribute","TABSTER_ATTRIBUTE_NAME","useTabster","React","useTabsterAttributes","props","strAttr","useMemo"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,EAAEC,sBAAsB,QAAQ,UAAU;AACtE,SAASC,UAAU,QAAQ,eAAe;AAC1C,YAAYC,WAAW,QAAQ;AAE/B;;;;CAIC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnC,qEAAqE;IACrE,iHAAiH;IACjHH;IAEA,MAAMI,UAAUN,oBAAoBK,OAAO;IAE3C,OAAOF,MAAMI,OAAO,CAClB,IAAO,CAAA;YACL,CAACN,uBAAuB,EAAEK;QAC5B,CAAA,GACA;QAACA;KAAQ;AAEb,EAAE"}
1
+ {"version":3,"sources":["../src/hooks/useTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';\nimport { useTabster } from './useTabster';\nimport * as React from 'react';\n\n/**\n * Hook that returns tabster attributes while ensuring tabster exists\n *\n * @internal\n */\nexport const useTabsterAttributes = (props: TabsterTypes.TabsterAttributeProps): TabsterTypes.TabsterDOMAttribute => {\n // A tabster instance is not necessary to generate tabster attributes\n // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same\n useTabster();\n\n const strAttr = getTabsterAttribute(props, true);\n\n return React.useMemo(\n () => ({\n [TABSTER_ATTRIBUTE_NAME]: strAttr,\n }),\n [strAttr],\n );\n};\n"],"names":["getTabsterAttribute","TABSTER_ATTRIBUTE_NAME","useTabster","React","useTabsterAttributes","props","strAttr","useMemo"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,EAAEC,sBAAsB,QAAQ,UAAU;AACtE,SAASC,UAAU,QAAQ,kBAAe;AAC1C,YAAYC,WAAW,QAAQ;AAE/B;;;;CAIC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnC,qEAAqE;IACrE,iHAAiH;IACjHH;IAEA,MAAMI,UAAUN,oBAAoBK,OAAO;IAE3C,OAAOF,MAAMI,OAAO,CAClB,IAAO,CAAA;YACL,CAACN,uBAAuB,EAAEK;QAC5B,CAAA,GACA;QAACA;KAAQ;AAEb,EAAE"}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import { getTabsterAttribute } from 'tabster';
3
- import { useTabster } from './useTabster';
2
+ import { getTabsterAttribute } from "tabster";
3
+ import { useTabster } from "./useTabster.js";
4
4
  /**
5
5
  * Designates an area where tabster does not control focus
6
6
  * @returns Attribute to apply to the target element that should be uncontrolled by tabster
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useUncontrolledFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Designates an area where tabster does not control focus\n * @returns Attribute to apply to the target element that should be uncontrolled by tabster\n */\nexport function useUncontrolledFocus(): TabsterTypes.TabsterDOMAttribute {\n useTabster();\n\n return getTabsterAttribute({ uncontrolled: {} });\n}\n"],"names":["getTabsterAttribute","useTabster","useUncontrolledFocus","uncontrolled"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,QAAQ,UAAU;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACdD;IAEA,OAAOD,oBAAoB;QAAEG,cAAc,CAAC;IAAE;AAChD"}
1
+ {"version":3,"sources":["../src/hooks/useUncontrolledFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Designates an area where tabster does not control focus\n * @returns Attribute to apply to the target element that should be uncontrolled by tabster\n */\nexport function useUncontrolledFocus(): TabsterTypes.TabsterDOMAttribute {\n useTabster();\n\n return getTabsterAttribute({ uncontrolled: {} });\n}\n"],"names":["getTabsterAttribute","useTabster","useUncontrolledFocus","uncontrolled"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,QAAQ,UAAU;AAC9C,SAASC,UAAU,QAAQ,kBAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACdD;IAEA,OAAOD,oBAAoB;QAAEG,cAAc,CAAC;IAAE;AAChD"}
package/lib/index.js CHANGED
@@ -1,12 +1,12 @@
1
- export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useDangerousNeverHidden_unstable, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved, useMergedTabsterAttributes_unstable, useRestoreFocusSource, useRestoreFocusTarget, useUncontrolledFocus, useOnKeyboardNavigationChange, useIsNavigatingWithKeyboard, useSetKeyboardNavigation, useFocusedElementChange, useActivateModal } from './hooks/index';
2
- export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';
3
- export { applyFocusVisiblePolyfill } from './focus/index';
4
- import { dispatchGroupperMoveFocusEvent, dispatchMoverMoveFocusEvent, MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys, GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions, MoverMemorizedElementEventName, MoverMemorizedElementEvent, TabsterMoveFocusEventName, TabsterMoveFocusEvent } from 'tabster';
5
- export { KEYBORG_FOCUSIN } from 'keyborg';
1
+ export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useDangerousNeverHidden_unstable, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved, useMergedTabsterAttributes_unstable, useRestoreFocusSource, useRestoreFocusTarget, useUncontrolledFocus, useOnKeyboardNavigationChange, useIsNavigatingWithKeyboard, useSetKeyboardNavigation, useFocusedElementChange, useActivateModal } from "./hooks/index.js";
2
+ export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from "./focus/index.js";
3
+ export { applyFocusVisiblePolyfill } from "./focus/index.js";
4
+ import { dispatchGroupperMoveFocusEvent, dispatchMoverMoveFocusEvent, MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys, GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions, MoverMemorizedElementEventName, MoverMemorizedElementEvent, TabsterMoveFocusEventName, TabsterMoveFocusEvent } from "tabster";
5
+ export { KEYBORG_FOCUSIN } from "keyborg";
6
6
  // WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,
7
7
  // we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.
8
8
  // eslint-disable-next-line @typescript-eslint/naming-convention
9
- import * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';
9
+ import * as TabsterTypes6_0_1_DoNotUse from "./tabster-types-6.0.1-do-not-use.js";
10
10
  export { /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.) */ TabsterTypes6_0_1_DoNotUse as TabsterTypes, /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */ dispatchGroupperMoveFocusEvent, /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */ dispatchMoverMoveFocusEvent };
11
11
  /**
12
12
  * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useFocusVisible,\n useFocusWithin,\n useKeyboardNavAttribute,\n useDangerousNeverHidden_unstable,\n useModalAttributes,\n useTabsterAttributes,\n useObservedElement,\n useFocusObserved,\n useMergedTabsterAttributes_unstable,\n useRestoreFocusSource,\n useRestoreFocusTarget,\n useUncontrolledFocus,\n useOnKeyboardNavigationChange,\n useIsNavigatingWithKeyboard,\n useSetKeyboardNavigation,\n useFocusedElementChange,\n useActivateModal,\n} from './hooks/index';\nexport type {\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from './hooks/index';\n\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\n\nexport type {\n CreateCustomFocusIndicatorStyleOptions,\n CreateFocusOutlineStyleOptions,\n FocusOutlineOffset,\n FocusOutlineStyleOptions,\n} from './focus/index';\n\nexport { applyFocusVisiblePolyfill } from './focus/index';\nimport {\n type Types,\n type EventsTypes,\n dispatchGroupperMoveFocusEvent,\n dispatchMoverMoveFocusEvent,\n MoverMoveFocusEventName,\n MoverMoveFocusEvent,\n MoverKeys,\n GroupperMoveFocusEventName,\n GroupperMoveFocusEvent,\n GroupperMoveFocusActions,\n MoverMemorizedElementEventName,\n MoverMemorizedElementEvent,\n TabsterMoveFocusEventName,\n TabsterMoveFocusEvent,\n} from 'tabster';\n\nexport type TabsterDOMAttribute = Types.TabsterDOMAttribute;\n\nexport type { KeyborgFocusInEvent } from 'keyborg';\nexport { KEYBORG_FOCUSIN } from 'keyborg';\n\n// WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,\n// we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.\n// eslint-disable-next-line @typescript-eslint/naming-convention\nimport * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';\nexport {\n /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.) */\n TabsterTypes6_0_1_DoNotUse as TabsterTypes,\n /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */\n dispatchGroupperMoveFocusEvent,\n /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */\n dispatchMoverMoveFocusEvent,\n};\n\n/**\n * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required\n * parts when they are needed.\n */\n\nexport { MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys };\nexport type MoverMoveFocusEventDetail = EventsTypes.MoverMoveFocusEventDetail;\n\nexport { GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions };\nexport type GroupperMoveFocusEventDetail = EventsTypes.GroupperMoveFocusEventDetail;\n\nexport { MoverMemorizedElementEventName, MoverMemorizedElementEvent };\nexport type MoverMemorizedElementEventDetail = EventsTypes.MoverMemorizedElementEventDetail;\n\nexport { TabsterMoveFocusEventName, TabsterMoveFocusEvent };\nexport type TabsterMoveFocusEventDetail = EventsTypes.TabsterMoveFocusEventDetail;\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useDangerousNeverHidden_unstable","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","useMergedTabsterAttributes_unstable","useRestoreFocusSource","useRestoreFocusTarget","useUncontrolledFocus","useOnKeyboardNavigationChange","useIsNavigatingWithKeyboard","useSetKeyboardNavigation","useFocusedElementChange","useActivateModal","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill","dispatchGroupperMoveFocusEvent","dispatchMoverMoveFocusEvent","MoverMoveFocusEventName","MoverMoveFocusEvent","MoverKeys","GroupperMoveFocusEventName","GroupperMoveFocusEvent","GroupperMoveFocusActions","MoverMemorizedElementEventName","MoverMemorizedElementEvent","TabsterMoveFocusEventName","TabsterMoveFocusEvent","KEYBORG_FOCUSIN","TabsterTypes6_0_1_DoNotUse","TabsterTypes"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,gCAAgC,EAChCC,kBAAkB,EAClBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,EAChBC,mCAAmC,EACnCC,qBAAqB,EACrBC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,wBAAwB,EACxBC,uBAAuB,EACvBC,gBAAgB,QACX,gBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,gBAAgB;AASzF,SAASC,yBAAyB,QAAQ,gBAAgB;AAC1D,SAGEC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,uBAAuB,EACvBC,mBAAmB,EACnBC,SAAS,EACTC,0BAA0B,EAC1BC,sBAAsB,EACtBC,wBAAwB,EACxBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,yBAAyB,EACzBC,qBAAqB,QAChB,UAAU;AAKjB,SAASC,eAAe,QAAQ,UAAU;AAE1C,kGAAkG;AAClG,gGAAgG;AAChG,gEAAgE;AAChE,YAAYC,gCAAgC,mCAAmC;AAC/E,SACE,iGAAiG,GACjGA,8BAA8BC,YAAY,EAC1C,mHAAmH,GACnHd,8BAA8B,EAC9B,iGAAiG,GACjGC,2BAA2B,GAC3B;AAEF;;;CAGC,GAED,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,SAAS,GAAG;AAGnE,SAASC,0BAA0B,EAAEC,sBAAsB,EAAEC,wBAAwB,GAAG;AAGxF,SAASC,8BAA8B,EAAEC,0BAA0B,GAAG;AAGtE,SAASC,yBAAyB,EAAEC,qBAAqB,GAAG"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useFocusVisible,\n useFocusWithin,\n useKeyboardNavAttribute,\n useDangerousNeverHidden_unstable,\n useModalAttributes,\n useTabsterAttributes,\n useObservedElement,\n useFocusObserved,\n useMergedTabsterAttributes_unstable,\n useRestoreFocusSource,\n useRestoreFocusTarget,\n useUncontrolledFocus,\n useOnKeyboardNavigationChange,\n useIsNavigatingWithKeyboard,\n useSetKeyboardNavigation,\n useFocusedElementChange,\n useActivateModal,\n} from './hooks/index';\nexport type {\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from './hooks/index';\n\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\n\nexport type {\n CreateCustomFocusIndicatorStyleOptions,\n CreateFocusOutlineStyleOptions,\n FocusOutlineOffset,\n FocusOutlineStyleOptions,\n} from './focus/index';\n\nexport { applyFocusVisiblePolyfill } from './focus/index';\nimport {\n type Types,\n type EventsTypes,\n dispatchGroupperMoveFocusEvent,\n dispatchMoverMoveFocusEvent,\n MoverMoveFocusEventName,\n MoverMoveFocusEvent,\n MoverKeys,\n GroupperMoveFocusEventName,\n GroupperMoveFocusEvent,\n GroupperMoveFocusActions,\n MoverMemorizedElementEventName,\n MoverMemorizedElementEvent,\n TabsterMoveFocusEventName,\n TabsterMoveFocusEvent,\n} from 'tabster';\n\nexport type TabsterDOMAttribute = Types.TabsterDOMAttribute;\n\nexport type { KeyborgFocusInEvent } from 'keyborg';\nexport { KEYBORG_FOCUSIN } from 'keyborg';\n\n// WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,\n// we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.\n// eslint-disable-next-line @typescript-eslint/naming-convention\nimport * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';\nexport {\n /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.) */\n TabsterTypes6_0_1_DoNotUse as TabsterTypes,\n /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */\n dispatchGroupperMoveFocusEvent,\n /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */\n dispatchMoverMoveFocusEvent,\n};\n\n/**\n * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required\n * parts when they are needed.\n */\n\nexport { MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys };\nexport type MoverMoveFocusEventDetail = EventsTypes.MoverMoveFocusEventDetail;\n\nexport { GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions };\nexport type GroupperMoveFocusEventDetail = EventsTypes.GroupperMoveFocusEventDetail;\n\nexport { MoverMemorizedElementEventName, MoverMemorizedElementEvent };\nexport type MoverMemorizedElementEventDetail = EventsTypes.MoverMemorizedElementEventDetail;\n\nexport { TabsterMoveFocusEventName, TabsterMoveFocusEvent };\nexport type TabsterMoveFocusEventDetail = EventsTypes.TabsterMoveFocusEventDetail;\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useDangerousNeverHidden_unstable","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","useMergedTabsterAttributes_unstable","useRestoreFocusSource","useRestoreFocusTarget","useUncontrolledFocus","useOnKeyboardNavigationChange","useIsNavigatingWithKeyboard","useSetKeyboardNavigation","useFocusedElementChange","useActivateModal","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill","dispatchGroupperMoveFocusEvent","dispatchMoverMoveFocusEvent","MoverMoveFocusEventName","MoverMoveFocusEvent","MoverKeys","GroupperMoveFocusEventName","GroupperMoveFocusEvent","GroupperMoveFocusActions","MoverMemorizedElementEventName","MoverMemorizedElementEvent","TabsterMoveFocusEventName","TabsterMoveFocusEvent","KEYBORG_FOCUSIN","TabsterTypes6_0_1_DoNotUse","TabsterTypes"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,gCAAgC,EAChCC,kBAAkB,EAClBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,EAChBC,mCAAmC,EACnCC,qBAAqB,EACrBC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,wBAAwB,EACxBC,uBAAuB,EACvBC,gBAAgB,QACX,mBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,mBAAgB;AASzF,SAASC,yBAAyB,QAAQ,mBAAgB;AAC1D,SAGEC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,uBAAuB,EACvBC,mBAAmB,EACnBC,SAAS,EACTC,0BAA0B,EAC1BC,sBAAsB,EACtBC,wBAAwB,EACxBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,yBAAyB,EACzBC,qBAAqB,QAChB,UAAU;AAKjB,SAASC,eAAe,QAAQ,UAAU;AAE1C,kGAAkG;AAClG,gGAAgG;AAChG,gEAAgE;AAChE,YAAYC,gCAAgC,sCAAmC;AAC/E,SACE,iGAAiG,GACjGA,8BAA8BC,YAAY,EAC1C,mHAAmH,GACnHd,8BAA8B,EAC9B,iGAAiG,GACjGC,2BAA2B,GAC3B;AAEF;;;CAGC,GAED,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,SAAS,GAAG;AAGnE,SAASC,0BAA0B,EAAEC,sBAAsB,EAAEC,wBAAwB,GAAG;AAGxF,SAASC,8BAA8B,EAAEC,0BAA0B,GAAG;AAGtE,SAASC,yBAAyB,EAAEC,qBAAqB,GAAG"}
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
8
8
  return createCustomFocusIndicatorStyle;
9
9
  }
10
10
  });
11
- const _constants = require("./constants");
11
+ const _constants = require("./constants.cjs");
12
12
  function createCustomFocusIndicatorStyle(style, { selector: selectorType = _constants.defaultOptions.selector, customizeSelector = _constants.defaultOptions.customizeSelector } = _constants.defaultOptions) {
13
13
  return {
14
14
  [customizeSelector(createBaseSelector(selectorType))]: style
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "createFocusOutlineStyle", {
10
10
  });
11
11
  const _reacttheme = require("@fluentui/react-theme");
12
12
  const _react = require("@griffel/react");
13
- const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
14
- const _constants = require("./constants");
13
+ const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle.cjs");
14
+ const _constants = require("./constants.cjs");
15
15
  /**
16
16
  * Get the position of the focus outline
17
17
  *
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "applyFocusVisiblePolyfill", {
10
10
  });
11
11
  const _reactutilities = require("@fluentui/react-utilities");
12
12
  const _keyborg = require("keyborg");
13
- const _constants = require("./constants");
13
+ const _constants = require("./constants.cjs");
14
14
  function applyFocusVisiblePolyfill(scope, targetWindow) {
15
15
  if (alreadyInScope(scope)) {
16
16
  // Focus visible polyfill already applied at this scope
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyFocusWithinPolyfill", {
9
9
  }
10
10
  });
11
11
  const _keyborg = require("keyborg");
12
- const _constants = require("./constants");
12
+ const _constants = require("./constants.cjs");
13
13
  function applyFocusWithinPolyfill(element, win) {
14
14
  const keyborg = (0, _keyborg.createKeyborg)(win);
15
15
  // When navigation mode changes to mouse, remove the focus-within selector
@@ -22,7 +22,7 @@ _export(exports, {
22
22
  return _createFocusOutlineStyle.createFocusOutlineStyle;
23
23
  }
24
24
  });
25
- const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
26
- const _createFocusOutlineStyle = require("./createFocusOutlineStyle");
27
- const _focusVisiblePolyfill = require("./focusVisiblePolyfill");
28
- const _focusWithinPolyfill = require("./focusWithinPolyfill");
25
+ const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle.cjs");
26
+ const _createFocusOutlineStyle = require("./createFocusOutlineStyle.cjs");
27
+ const _focusVisiblePolyfill = require("./focusVisiblePolyfill.cjs");
28
+ const _focusWithinPolyfill = require("./focusWithinPolyfill.cjs");
@@ -70,22 +70,22 @@ _export(exports, {
70
70
  return _useUncontrolledFocus.useUncontrolledFocus;
71
71
  }
72
72
  });
73
- const _useArrowNavigationGroup = require("./useArrowNavigationGroup");
74
- const _useFocusableGroup = require("./useFocusableGroup");
75
- const _useFocusFinders = require("./useFocusFinders");
76
- const _useFocusVisible = require("./useFocusVisible");
77
- const _useFocusWithin = require("./useFocusWithin");
78
- const _useKeyboardNavAttribute = require("./useKeyboardNavAttribute");
79
- const _useOnKeyboardNavigationChange = require("./useOnKeyboardNavigationChange");
80
- const _useModalAttributes = require("./useModalAttributes");
81
- const _useDangerousNeverHidden = require("./useDangerousNeverHidden");
82
- const _useTabsterAttributes = require("./useTabsterAttributes");
83
- const _useObservedElement = require("./useObservedElement");
84
- const _useMergeTabsterAttributes = require("./useMergeTabsterAttributes");
85
- const _useFocusObserved = require("./useFocusObserved");
86
- const _useRestoreFocus = require("./useRestoreFocus");
87
- const _useUncontrolledFocus = require("./useUncontrolledFocus");
88
- const _useIsNavigatingWithKeyboard = require("./useIsNavigatingWithKeyboard");
89
- const _useSetKeyboardNavigation = require("./useSetKeyboardNavigation");
90
- const _useFocusedElementChange = require("./useFocusedElementChange");
91
- const _useActivateModal = require("./useActivateModal");
73
+ const _useArrowNavigationGroup = require("./useArrowNavigationGroup.cjs");
74
+ const _useFocusableGroup = require("./useFocusableGroup.cjs");
75
+ const _useFocusFinders = require("./useFocusFinders.cjs");
76
+ const _useFocusVisible = require("./useFocusVisible.cjs");
77
+ const _useFocusWithin = require("./useFocusWithin.cjs");
78
+ const _useKeyboardNavAttribute = require("./useKeyboardNavAttribute.cjs");
79
+ const _useOnKeyboardNavigationChange = require("./useOnKeyboardNavigationChange.cjs");
80
+ const _useModalAttributes = require("./useModalAttributes.cjs");
81
+ const _useDangerousNeverHidden = require("./useDangerousNeverHidden.cjs");
82
+ const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
83
+ const _useObservedElement = require("./useObservedElement.cjs");
84
+ const _useMergeTabsterAttributes = require("./useMergeTabsterAttributes.cjs");
85
+ const _useFocusObserved = require("./useFocusObserved.cjs");
86
+ const _useRestoreFocus = require("./useRestoreFocus.cjs");
87
+ const _useUncontrolledFocus = require("./useUncontrolledFocus.cjs");
88
+ const _useIsNavigatingWithKeyboard = require("./useIsNavigatingWithKeyboard.cjs");
89
+ const _useSetKeyboardNavigation = require("./useSetKeyboardNavigation.cjs");
90
+ const _useFocusedElementChange = require("./useFocusedElementChange.cjs");
91
+ const _useActivateModal = require("./useActivateModal.cjs");
@@ -13,7 +13,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _tabster = require("tabster");
15
15
  const _reactutilities = require("@fluentui/react-utilities");
16
- const _useTabster = require("./useTabster");
16
+ const _useTabster = require("./useTabster.cjs");
17
17
  function useActivateModal() {
18
18
  const modalizerRefAPI = (0, _useTabster.useTabster)(_tabster.getModalizer);
19
19
  const [setActivateModalTimeout] = (0, _reactutilities.useTimeout)();
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "useArrowNavigationGroup", {
10
10
  }
11
11
  });
12
12
  const _tabster = require("tabster");
13
- const _useTabsterAttributes = require("./useTabsterAttributes");
14
- const _useTabster = require("./useTabster");
13
+ const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
14
+ const _useTabster = require("./useTabster.cjs");
15
15
  const useArrowNavigationGroup = (options = {})=>{
16
16
  const { circular, axis, memorizeCurrent = true, tabbable, ignoreDefaultKeydown, // eslint-disable-next-line @typescript-eslint/naming-convention
17
17
  unstable_hasDefault } = options;
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusFinders", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
- const _useTabster = require("./useTabster");
15
+ const _useTabster = require("./useTabster.cjs");
16
16
  const useFocusFinders = ()=>{
17
17
  const tabsterRef = (0, _useTabster.useTabster)();
18
18
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusObserved", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _tabster = require("tabster");
15
- const _useTabster = require("./useTabster");
15
+ const _useTabster = require("./useTabster.cjs");
16
16
  function useFocusObserved(name, options = {}) {
17
17
  const { timeout = 1000 } = options;
18
18
  const observedAPIRef = (0, _useTabster.useTabster)(_tabster.getObservedElement);
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusVisible", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
- const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill");
15
+ const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill.cjs");
16
16
  function useFocusVisible(options = {}) {
17
17
  const contextValue = (0, _reactsharedcontexts.useFluent_unstable)();
18
18
  const scopeRef = _react.useRef(null);
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusWithin", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
- const _focusWithinPolyfill = require("../focus/focusWithinPolyfill");
15
+ const _focusWithinPolyfill = require("../focus/focusWithinPolyfill.cjs");
16
16
  function useFocusWithin() {
17
17
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
18
18
  const elementRef = _react.useRef(null);
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "useFocusableGroup", {
10
10
  }
11
11
  });
12
12
  const _tabster = require("tabster");
13
- const _useTabsterAttributes = require("./useTabsterAttributes");
14
- const _useTabster = require("./useTabster");
13
+ const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
14
+ const _useTabster = require("./useTabster.cjs");
15
15
  const useFocusableGroup = (options)=>{
16
16
  (0, _useTabster.useTabster)(_tabster.getGroupper);
17
17
  return (0, _useTabsterAttributes.useTabsterAttributes)({
@@ -14,7 +14,7 @@ const _tabster = require("tabster");
14
14
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
15
15
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
16
16
  const _reactutilities = require("@fluentui/react-utilities");
17
- const _useTabster = require("./useTabster");
17
+ const _useTabster = require("./useTabster.cjs");
18
18
  function useFocusedElementChange(callback) {
19
19
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
20
20
  const listener = (0, _reactutilities.useEventCallback)(callback);
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useIsNavigatingWithKeyboard", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useKeyborgRef = require("./useKeyborgRef");
14
+ const _useKeyborgRef = require("./useKeyborgRef.cjs");
15
15
  function useIsNavigatingWithKeyboard() {
16
16
  const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
17
17
  return _react.useCallback(()=>{
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useKeyboardNavAttribute", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _keyborg = require("keyborg");
15
- const _constants = require("../focus/constants");
15
+ const _constants = require("../focus/constants.cjs");
16
16
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
17
  function useKeyboardNavAttribute() {
18
18
  const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "useModalAttributes", {
11
11
  });
12
12
  const _tabster = require("tabster");
13
13
  const _reactutilities = require("@fluentui/react-utilities");
14
- const _useTabsterAttributes = require("./useTabsterAttributes");
15
- const _useTabster = require("./useTabster");
16
- const _useDangerousNeverHidden = require("./useDangerousNeverHidden");
14
+ const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
15
+ const _useTabster = require("./useTabster.cjs");
16
+ const _useDangerousNeverHidden = require("./useDangerousNeverHidden.cjs");
17
17
  const tabsterAccessibleCheck = (element)=>{
18
18
  return element.hasAttribute(_useDangerousNeverHidden.DangerousNeverHiddenAttribute);
19
19
  };
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "useObservedElement", {
10
10
  }
11
11
  });
12
12
  const _tabster = require("tabster");
13
- const _useTabster = require("./useTabster");
14
- const _useTabsterAttributes = require("./useTabsterAttributes");
13
+ const _useTabster = require("./useTabster.cjs");
14
+ const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
15
15
  function useObservedElement(name) {
16
16
  (0, _useTabster.useTabster)(_tabster.getObservedElement);
17
17
  return (0, _useTabsterAttributes.useTabsterAttributes)({
@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useOnKeyboardNavigationChange", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactutilities = require("@fluentui/react-utilities");
15
- const _useKeyborgRef = require("./useKeyborgRef");
15
+ const _useKeyborgRef = require("./useKeyborgRef.cjs");
16
16
  function useOnKeyboardNavigationChange(callback) {
17
17
  const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
18
18
  const eventCallback = (0, _reactutilities.useEventCallback)(callback);
@@ -18,7 +18,7 @@ _export(exports, {
18
18
  }
19
19
  });
20
20
  const _tabster = require("tabster");
21
- const _useTabster = require("./useTabster");
21
+ const _useTabster = require("./useTabster.cjs");
22
22
  function useRestoreFocusTarget() {
23
23
  // Initializes the restorer API
24
24
  (0, _useTabster.useTabster)(_tabster.getRestorer);
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useSetKeyboardNavigation", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useKeyborgRef = require("./useKeyborgRef");
14
+ const _useKeyborgRef = require("./useKeyborgRef.cjs");
15
15
  function useSetKeyboardNavigation() {
16
16
  const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
17
17
  return _react.useCallback((isNavigatingWithKeyboard)=>{
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useTabsterAttributes", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _tabster = require("tabster");
14
- const _useTabster = require("./useTabster");
14
+ const _useTabster = require("./useTabster.cjs");
15
15
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
16
16
  const useTabsterAttributes = (props)=>{
17
17
  // A tabster instance is not necessary to generate tabster attributes
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useUncontrolledFocus", {
10
10
  }
11
11
  });
12
12
  const _tabster = require("tabster");
13
- const _useTabster = require("./useTabster");
13
+ const _useTabster = require("./useTabster.cjs");
14
14
  function useUncontrolledFocus() {
15
15
  (0, _useTabster.useTabster)();
16
16
  return (0, _tabster.getTabsterAttribute)({
@@ -122,8 +122,8 @@ _export(exports, {
122
122
  }
123
123
  });
124
124
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
125
- const _index = require("./hooks/index");
126
- const _index1 = require("./focus/index");
125
+ const _index = require("./hooks/index.cjs");
126
+ const _index1 = require("./focus/index.cjs");
127
127
  const _tabster = require("tabster");
128
128
  const _keyborg = require("keyborg");
129
- const _tabstertypes601donotuse = /*#__PURE__*/ _interop_require_wildcard._(require("./tabster-types-6.0.1-do-not-use"));
129
+ const _tabstertypes601donotuse = /*#__PURE__*/ _interop_require_wildcard._(require("./tabster-types-6.0.1-do-not-use.cjs"));
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@fluentui/react-tabster",
3
- "version": "9.26.16",
3
+ "version": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
4
4
  "description": "Utilities for focus management and facade for tabster",
5
- "main": "lib-commonjs/index.js",
5
+ "main": "lib-commonjs/index.cjs",
6
6
  "module": "lib/index.js",
7
7
  "typings": "./dist/index.d.ts",
8
8
  "sideEffects": false,
@@ -12,9 +12,9 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui/react-shared-contexts": "^9.26.2",
16
- "@fluentui/react-theme": "^9.2.1",
17
- "@fluentui/react-utilities": "^9.26.5",
15
+ "@fluentui/react-shared-contexts": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
16
+ "@fluentui/react-theme": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
17
+ "@fluentui/react-utilities": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
18
18
  "@griffel/react": "^1.5.32",
19
19
  "@swc/helpers": "^0.5.1",
20
20
  "keyborg": "^2.14.1",
@@ -26,25 +26,26 @@
26
26
  "react": ">=16.14.0 <20.0.0",
27
27
  "react-dom": ">=16.14.0 <20.0.0"
28
28
  },
29
- "beachball": {
30
- "disallowedChangeTypes": [
31
- "major",
32
- "prerelease"
33
- ]
34
- },
29
+ "beachball": {},
35
30
  "exports": {
36
31
  ".": {
37
- "types": "./dist/index.d.ts",
38
- "node": "./lib-commonjs/index.js",
39
- "import": "./lib/index.js",
40
- "require": "./lib-commonjs/index.js"
32
+ "import": {
33
+ "types": "./dist/index.d.ts",
34
+ "default": "./lib/index.js"
35
+ },
36
+ "require": {
37
+ "types": "./dist/index.d.cts",
38
+ "default": "./lib-commonjs/index.cjs"
39
+ }
41
40
  },
42
41
  "./package.json": "./package.json"
43
42
  },
44
43
  "files": [
45
44
  "*.md",
46
45
  "dist/*.d.ts",
46
+ "dist/*.d.cts",
47
47
  "lib",
48
48
  "lib-commonjs"
49
- ]
49
+ ],
50
+ "type": "module"
50
51
  }