@fluentui-react-native/focus-trap-zone 0.12.20 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Change Log - @fluentui-react-native/focus-trap-zone
 
+## 0.13.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/adapters@0.14.0
+  - @fluentui-react-native/interactive-hooks@0.28.0
+  - @uifabricshared/foundation-composable@0.14.0
+  - @uifabricshared/foundation-settings@0.16.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:43 GMT and should not be manually modified. -->
 
 <!-- Start content -->
@@ -1287,7 +1327,7 @@ Thu, 16 Dec 2021 19:10:27 GMT
 
 ### Patches
 
-- Rename Jest snapshots to be platform agnostic  (sanajmi@microsoft.com)
+- Rename Jest snapshots to be platform agnostic (sanajmi@microsoft.com)
 - Bump @fluentui-react-native/adapters to v0.8.1
 - Bump @fluentui-react-native/interactive-hooks to v0.11.1
 
@@ -1792,24 +1832,31 @@ Thu, 16 Apr 2020 23:57:38 GMT
 - publish with correct main/module references (jasonmo@microsoft.com)
 
 ## 0.2.11
+
 Thu, 09 Apr 2020 18:39:15 GMT
 
 ### Patches
 
 - merge conflicts (ppatboyd@outlook.com)
+
 ## 0.2.9
+
 Fri, 03 Apr 2020 20:40:51 GMT
 
 ### Patches
 
 - switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
+
 ## 0.2.7
+
 Mon, 30 Mar 2020 16:27:00 GMT
 
 ### Patches
 
 - Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
+
 ## 0.2.0
+
 Mon, 16 Mar 2020 23:03:24 GMT
 
 ### Minor changes

package/lib/FocusTrapZone.d.ts

@@ -5,5 +5,12 @@
  */
 import type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps } from './FocusTrapZone.types';
 export declare function filterOutComponentRef(propName: string): boolean;
-export declare const FocusTrapZone: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>, IFocusTrapZoneSlotProps<import("@fluentui-react-native/adapters").IViewProps>, object>>;
-//# sourceMappingURL=FocusTrapZone.d.ts.map
+export declare const FocusTrapZone: import('@uifabricshared/foundation-composable').IWithComposable<
+  import('react').FunctionComponent<IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>>,
+  import('@uifabricshared/foundation-composable').IComposable<
+    IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>,
+    IFocusTrapZoneSlotProps<import('@fluentui-react-native/adapters').IViewProps>,
+    object
+  >
+>;
+//# sourceMappingURL=FocusTrapZone.d.ts.map

package/lib/FocusTrapZone.js

@@ -8,17 +8,17 @@ import { composable } from '@uifabricshared/foundation-composable';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 import RCTFocusTrapZone from './FocusTrapZoneNativeComponent';
 export function filterOutComponentRef(propName) {
-    return propName !== 'componentRef';
+  return propName !== 'componentRef';
 }
 export const FocusTrapZone = composable({
-    usePrepareProps: (userProps, useStyling) => {
-        const ftzRef = useViewCommandFocus(userProps.componentRef);
-        return {
-            slotProps: mergeSettings(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
-        };
-    },
-    slots: {
-        root: { slotType: RCTFocusTrapZone, filter: filterOutComponentRef },
-    },
+  usePrepareProps: (userProps, useStyling) => {
+    const ftzRef = useViewCommandFocus(userProps.componentRef);
+    return {
+      slotProps: mergeSettings(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
+    };
+  },
+  slots: {
+    root: { slotType: RCTFocusTrapZone, filter: filterOutComponentRef },
+  },
 });
-//# sourceMappingURL=FocusTrapZone.js.map
+//# sourceMappingURL=FocusTrapZone.js.map

package/lib/FocusTrapZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.js","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAGpE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,QAAgB;IACpD,OAAO,QAAQ,KAAK,cAAc,CAAC;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqB;IAC1D,eAAe,EAAE,CAAC,SAA8B,EAAE,UAA2C,EAAE,EAAE;QAC/F,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,aAAa,CAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;SAClH,CAAC;IACJ,CAAC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACpE;CACF,CAAC,CAAC"}
+{"version":3,"file":"FocusTrapZone.js","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAGpE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,QAAgB,EAAW;IAC/D,OAAO,QAAQ,KAAK,cAAc,CAAC;AAAA,CACpC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqB;IAC1D,eAAe,EAAE,CAAC,SAA8B,EAAE,UAA2C,EAAE,EAAE,CAAC;QAChG,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,aAAa,CAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;SAClH,CAAC;IAAA,CACH;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACpE;CACF,CAAC,CAAC"}

package/lib/FocusTrapZone.types.d.ts

@@ -2,41 +2,41 @@ import type * as React from 'react';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 export type IFocusTrapZoneProps<TBase = IViewProps> = TBase & {
-    /**
-     * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
-     */
-    componentRef?: React.RefObject<IFocusable>;
-    /**
-     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-     * @default false
-     */
-    disableFirstFocus?: boolean;
-    /**
-     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-     * descendant before, then the first focusable descendant gets focus.
-     * @default false
-     */
-    focusPreviouslyFocusedInnerElement?: boolean;
-    /**
-     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-     * control, but this can vary.
-     * @default false
-     */
-    ignoreExternalFocusing?: boolean;
+  /**
+   * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
+   */
+  componentRef?: React.RefObject<IFocusable>;
+  /**
+   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+   * @default false
+   */
+  disableFirstFocus?: boolean;
+  /**
+   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+   * descendant before, then the first focusable descendant gets focus.
+   * @default false
+   */
+  focusPreviouslyFocusedInnerElement?: boolean;
+  /**
+   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+   * control, but this can vary.
+   * @default false
+   */
+  ignoreExternalFocusing?: boolean;
 };
 export type IFocusTrapZoneSlotProps<TBase = IViewProps> = {
-    root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
+  root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
 };
 export type IFocusTrapZoneType<TBase = IViewProps> = {
-    props: IFocusTrapZoneProps<TBase>;
-    slotProps: IFocusTrapZoneSlotProps<TBase>;
+  props: IFocusTrapZoneProps<TBase>;
+  slotProps: IFocusTrapZoneSlotProps<TBase>;
 };
-//# sourceMappingURL=FocusTrapZone.types.d.ts.map
+//# sourceMappingURL=FocusTrapZone.types.d.ts.map

package/lib/FocusTrapZone.types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.types.js.map
+//# sourceMappingURL=FocusTrapZone.types.js.map

package/lib/FocusTrapZoneNativeComponent.d.ts

@@ -3,35 +3,35 @@
  * Licensed under the MIT License.
  * @format
  */
-import type { HostComponent, ViewProps } from 'react-native';
+import { type HostComponent, type ViewProps } from 'react-native';
 export interface NativeProps extends ViewProps {
-    /**
-     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-     * @default false
-     */
-    disableFirstFocus?: boolean;
-    /**
-     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-     * descendant before, then the first focusable descendant gets focus.
-     * @default false
-     */
-    focusPreviouslyFocusedInnerElement?: boolean;
-    /**
-     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-     * control, but this can vary.
-     * @default false
-     */
-    ignoreExternalFocusing?: boolean;
-    forceFocusInsideTrap?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+   * @default false
+   */
+  disableFirstFocus?: boolean;
+  /**
+   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+   * descendant before, then the first focusable descendant gets focus.
+   * @default false
+   */
+  focusPreviouslyFocusedInnerElement?: boolean;
+  /**
+   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+   * control, but this can vary.
+   * @default false
+   */
+  ignoreExternalFocusing?: boolean;
+  forceFocusInsideTrap?: boolean;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

package/lib/FocusTrapZoneNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA0B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}

package/lib/FocusTrapZoneNativeComponent.js

@@ -3,6 +3,6 @@
  * Licensed under the MIT License.
  * @format
  */
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-export default codegenNativeComponent('RCTFocusTrapZone');
-//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map
+import { requireNativeComponent } from 'react-native';
+export default requireNativeComponent('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib/FocusTrapZoneNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAgC7F,eAAe,sBAAsB,CAAc,kBAAkB,CAA+B,CAAC"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,sBAAsB,EAAsC,MAAM,cAAc,CAAC;AAgC1F,eAAe,sBAAsB,CAAc,kBAAkB,CAA+B,CAAC"}

package/lib/__tests__/FocusTrapZone.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.test.d.ts.map
+//# sourceMappingURL=FocusTrapZone.test.d.ts.map

package/lib/__tests__/FocusTrapZone.test.js

@@ -1,15 +1,28 @@
-import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { act } from 'react';
 import * as renderer from 'react-test-renderer';
 import { FocusTrapZone } from '..';
 it('FocusTrapZone default props', () => {
-    const tree = renderer.create(React.createElement(FocusTrapZone, null)).toJSON();
-    expect(tree).toMatchSnapshot();
+  let component;
+  act(() => {
+    component = renderer.create(_jsx(FocusTrapZone, {}));
+  });
+  expect(component.toJSON()).toMatchSnapshot();
 });
 it('FocusTrapZone all props props', () => {
-    const ref = { current: null };
-    const tree = renderer
-        .create(React.createElement(FocusTrapZone, { componentRef: ref, disableFirstFocus: true, disabled: true, ignoreExternalFocusing: true, focusPreviouslyFocusedInnerElement: true }))
-        .toJSON();
-    expect(tree).toMatchSnapshot();
+  const ref = { current: null };
+  let component;
+  act(() => {
+    component = renderer.create(
+      _jsx(FocusTrapZone, {
+        componentRef: ref,
+        disableFirstFocus: true,
+        disabled: true,
+        ignoreExternalFocusing: true,
+        focusPreviouslyFocusedInnerElement: true,
+      }),
+    );
+  });
+  expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=FocusTrapZone.test.js.map
+//# sourceMappingURL=FocusTrapZone.test.js.map

package/lib/__tests__/FocusTrapZone.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.test.js","sourceRoot":"","sources":["../../src/__tests__/FocusTrapZone.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACzD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;IACvC,MAAM,GAAG,GAAgC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,oBAAC,aAAa,IAAC,YAAY,EAAE,GAAG,EAAE,iBAAiB,QAAC,QAAQ,QAAC,sBAAsB,QAAC,kCAAkC,SAAG,CAAC;SACjI,MAAM,EAAE,CAAC;IACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FocusTrapZone.test.js","sourceRoot":"","sources":["../../src/__tests__/FocusTrapZone.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC;IACtC,IAAI,SAAqC,CAAC;IAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC;IAAA,CAChD,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC;AAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC;IACxC,MAAM,GAAG,GAAgC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3D,IAAI,SAAqC,CAAC;IAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,KAAC,aAAa,IAAC,YAAY,EAAE,GAAG,EAAE,iBAAiB,QAAC,QAAQ,QAAC,sBAAsB,QAAC,kCAAkC,SAAG,CAC1H,CAAC;IAAA,CACH,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps, IFocusTrapZoneType } from './FocusTrapZone.types';
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/FocusTrapZone.d.ts

@@ -5,5 +5,12 @@
  */
 import type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps } from './FocusTrapZone.types';
 export declare function filterOutComponentRef(propName: string): boolean;
-export declare const FocusTrapZone: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>, IFocusTrapZoneSlotProps<import("@fluentui-react-native/adapters").IViewProps>, object>>;
-//# sourceMappingURL=FocusTrapZone.d.ts.map
+export declare const FocusTrapZone: import('@uifabricshared/foundation-composable').IWithComposable<
+  import('react').FunctionComponent<IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>>,
+  import('@uifabricshared/foundation-composable').IComposable<
+    IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>,
+    IFocusTrapZoneSlotProps<import('@fluentui-react-native/adapters').IViewProps>,
+    object
+  >
+>;
+//# sourceMappingURL=FocusTrapZone.d.ts.map

package/lib-commonjs/FocusTrapZone.js

@@ -1,31 +1,33 @@
-"use strict";
+'use strict';
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusTrapZone = exports.filterOutComponentRef = void 0;
-const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
-const foundation_composable_1 = require("@uifabricshared/foundation-composable");
-const foundation_settings_1 = require("@uifabricshared/foundation-settings");
-const FocusTrapZoneNativeComponent_1 = __importDefault(require("./FocusTrapZoneNativeComponent"));
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.FocusTrapZone = void 0;
+exports.filterOutComponentRef = filterOutComponentRef;
+const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
+const foundation_composable_1 = require('@uifabricshared/foundation-composable');
+const foundation_settings_1 = require('@uifabricshared/foundation-settings');
+const FocusTrapZoneNativeComponent_1 = __importDefault(require('./FocusTrapZoneNativeComponent'));
 function filterOutComponentRef(propName) {
-    return propName !== 'componentRef';
+  return propName !== 'componentRef';
 }
-exports.filterOutComponentRef = filterOutComponentRef;
 exports.FocusTrapZone = (0, foundation_composable_1.composable)({
-    usePrepareProps: (userProps, useStyling) => {
-        const ftzRef = (0, interactive_hooks_1.useViewCommandFocus)(userProps.componentRef);
-        return {
-            slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
-        };
-    },
-    slots: {
-        root: { slotType: FocusTrapZoneNativeComponent_1.default, filter: filterOutComponentRef },
-    },
+  usePrepareProps: (userProps, useStyling) => {
+    const ftzRef = (0, interactive_hooks_1.useViewCommandFocus)(userProps.componentRef);
+    return {
+      slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
+    };
+  },
+  slots: {
+    root: { slotType: FocusTrapZoneNativeComponent_1.default, filter: filterOutComponentRef },
+  },
 });
-//# sourceMappingURL=FocusTrapZone.js.map
+//# sourceMappingURL=FocusTrapZone.js.map

package/lib-commonjs/FocusTrapZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.js","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAEH,gFAA+E;AAE/E,iFAAmE;AACnE,6EAAoE;AAGpE,kGAA8D;AAE9D,SAAgB,qBAAqB,CAAC,QAAgB;IACpD,OAAO,QAAQ,KAAK,cAAc,CAAC;AACrC,CAAC;AAFD,sDAEC;AAEY,QAAA,aAAa,GAAG,IAAA,kCAAU,EAAqB;IAC1D,eAAe,EAAE,CAAC,SAA8B,EAAE,UAA2C,EAAE,EAAE;QAC/F,MAAM,MAAM,GAAG,IAAA,uCAAmB,EAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,IAAA,mCAAa,EAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;SAClH,CAAC;IACJ,CAAC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,sCAAgB,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACpE;CACF,CAAC,CAAC"}
+{"version":3,"file":"FocusTrapZone.js","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;AAEH,gFAA+E;AAE/E,iFAAmE;AACnE,6EAAoE;AAGpE,kGAA8D;AAE9D,+BAAsC,QAAgB,EAAW;IAC/D,OAAO,QAAQ,KAAK,cAAc,CAAC;AAAA,CACpC;AAEY,QAAA,aAAa,GAAG,IAAA,kCAAU,EAAqB;IAC1D,eAAe,EAAE,CAAC,SAA8B,EAAE,UAA2C,EAAE,EAAE,CAAC;QAChG,MAAM,MAAM,GAAG,IAAA,uCAAmB,EAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,IAAA,mCAAa,EAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;SAClH,CAAC;IAAA,CACH;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,sCAAgB,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACpE;CACF,CAAC,CAAC"}

package/lib-commonjs/FocusTrapZone.types.d.ts

@@ -2,41 +2,41 @@ import type * as React from 'react';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 export type IFocusTrapZoneProps<TBase = IViewProps> = TBase & {
-    /**
-     * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
-     */
-    componentRef?: React.RefObject<IFocusable>;
-    /**
-     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-     * @default false
-     */
-    disableFirstFocus?: boolean;
-    /**
-     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-     * descendant before, then the first focusable descendant gets focus.
-     * @default false
-     */
-    focusPreviouslyFocusedInnerElement?: boolean;
-    /**
-     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-     * control, but this can vary.
-     * @default false
-     */
-    ignoreExternalFocusing?: boolean;
+  /**
+   * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
+   */
+  componentRef?: React.RefObject<IFocusable>;
+  /**
+   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+   * @default false
+   */
+  disableFirstFocus?: boolean;
+  /**
+   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+   * descendant before, then the first focusable descendant gets focus.
+   * @default false
+   */
+  focusPreviouslyFocusedInnerElement?: boolean;
+  /**
+   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+   * control, but this can vary.
+   * @default false
+   */
+  ignoreExternalFocusing?: boolean;
 };
 export type IFocusTrapZoneSlotProps<TBase = IViewProps> = {
-    root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
+  root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
 };
 export type IFocusTrapZoneType<TBase = IViewProps> = {
-    props: IFocusTrapZoneProps<TBase>;
-    slotProps: IFocusTrapZoneSlotProps<TBase>;
+  props: IFocusTrapZoneProps<TBase>;
+  slotProps: IFocusTrapZoneSlotProps<TBase>;
 };
-//# sourceMappingURL=FocusTrapZone.types.d.ts.map
+//# sourceMappingURL=FocusTrapZone.types.d.ts.map

package/lib-commonjs/FocusTrapZone.types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=FocusTrapZone.types.js.map
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=FocusTrapZone.types.js.map

package/lib-commonjs/FocusTrapZoneNativeComponent.d.ts

@@ -3,35 +3,35 @@
  * Licensed under the MIT License.
  * @format
  */
-import type { HostComponent, ViewProps } from 'react-native';
+import { type HostComponent, type ViewProps } from 'react-native';
 export interface NativeProps extends ViewProps {
-    /**
-     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-     * @default false
-     */
-    disableFirstFocus?: boolean;
-    /**
-     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-     * descendant before, then the first focusable descendant gets focus.
-     * @default false
-     */
-    focusPreviouslyFocusedInnerElement?: boolean;
-    /**
-     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-     * control, but this can vary.
-     * @default false
-     */
-    ignoreExternalFocusing?: boolean;
-    forceFocusInsideTrap?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+   * @default false
+   */
+  disableFirstFocus?: boolean;
+  /**
+   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+   * descendant before, then the first focusable descendant gets focus.
+   * @default false
+   */
+  focusPreviouslyFocusedInnerElement?: boolean;
+  /**
+   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+   * control, but this can vary.
+   * @default false
+   */
+  ignoreExternalFocusing?: boolean;
+  forceFocusInsideTrap?: boolean;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

package/lib-commonjs/FocusTrapZoneNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA0B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}

package/lib-commonjs/FocusTrapZoneNativeComponent.js

@@ -1,13 +1,10 @@
-"use strict";
+'use strict';
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
-exports.default = (0, codegenNativeComponent_1.default)('RCTFocusTrapZone');
-//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+const react_native_1 = require('react-native');
+exports.default = (0, react_native_1.requireNativeComponent)('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib-commonjs/FocusTrapZoneNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAIH,qHAA6F;AAgC7F,kBAAe,IAAA,gCAAsB,EAAc,kBAAkB,CAA+B,CAAC"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAEH,+CAA0F;kBAgC3E,IAAA,qCAAsB,EAAc,kBAAkB,CAA+B"}

package/lib-commonjs/__tests__/FocusTrapZone.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.test.d.ts.map
+//# sourceMappingURL=FocusTrapZone.test.d.ts.map

package/lib-commonjs/__tests__/FocusTrapZone.test.js

@@ -1,40 +1,80 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const renderer = __importStar(require("react-test-renderer"));
-const __1 = require("..");
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = require('react');
+const renderer = __importStar(require('react-test-renderer'));
+const __1 = require('..');
 it('FocusTrapZone default props', () => {
-    const tree = renderer.create(React.createElement(__1.FocusTrapZone, null)).toJSON();
-    expect(tree).toMatchSnapshot();
+  let component;
+  (0, react_1.act)(() => {
+    component = renderer.create(jsx_runtime_1.jsx(__1.FocusTrapZone, {}));
+  });
+  expect(component.toJSON()).toMatchSnapshot();
 });
 it('FocusTrapZone all props props', () => {
-    const ref = { current: null };
-    const tree = renderer
-        .create(React.createElement(__1.FocusTrapZone, { componentRef: ref, disableFirstFocus: true, disabled: true, ignoreExternalFocusing: true, focusPreviouslyFocusedInnerElement: true }))
-        .toJSON();
-    expect(tree).toMatchSnapshot();
+  const ref = { current: null };
+  let component;
+  (0, react_1.act)(() => {
+    component = renderer.create(
+      jsx_runtime_1.jsx(__1.FocusTrapZone, {
+        componentRef: ref,
+        disableFirstFocus: true,
+        disabled: true,
+        ignoreExternalFocusing: true,
+        focusPreviouslyFocusedInnerElement: true,
+      }),
+    );
+  });
+  expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=FocusTrapZone.test.js.map
+//# sourceMappingURL=FocusTrapZone.test.js.map

package/lib-commonjs/__tests__/FocusTrapZone.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.test.js","sourceRoot":"","sources":["../../src/__tests__/FocusTrapZone.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,8DAAgD;AAEhD,0BAAmC;AAEnC,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,iBAAa,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACzD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;IACvC,MAAM,GAAG,GAAgC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,oBAAC,iBAAa,IAAC,YAAY,EAAE,GAAG,EAAE,iBAAiB,QAAC,QAAQ,QAAC,sBAAsB,QAAC,kCAAkC,SAAG,CAAC;SACjI,MAAM,EAAE,CAAC;IACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FocusTrapZone.test.js","sourceRoot":"","sources":["../../src/__tests__/FocusTrapZone.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAA4B;AAG5B,MAAY,QAAQ,gDAA4B;AAEhD,0BAAmC;AAEnC,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC;IACtC,IAAI,SAAqC,CAAC;IAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAC,iBAAa,KAAG,CAAC,CAAC;IAAA,CAChD,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC;AAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC;IACxC,MAAM,GAAG,GAAgC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3D,IAAI,SAAqC,CAAC;IAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,kBAAC,iBAAa,IAAC,YAAY,EAAE,GAAG,EAAE,iBAAiB,QAAC,QAAQ,QAAC,sBAAsB,QAAC,kCAAkC,SAAG,CAC1H,CAAC;IAAA,CACH,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,3 +1,3 @@
 export type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps, IFocusTrapZoneType } from './FocusTrapZone.types';
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,7 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.filterOutComponentRef = exports.FocusTrapZone = void 0;
-var FocusTrapZone_1 = require("./FocusTrapZone");
-Object.defineProperty(exports, "FocusTrapZone", { enumerable: true, get: function () { return FocusTrapZone_1.FocusTrapZone; } });
-Object.defineProperty(exports, "filterOutComponentRef", { enumerable: true, get: function () { return FocusTrapZone_1.filterOutComponentRef; } });
-//# sourceMappingURL=index.js.map
+const FocusTrapZone_1 = require('./FocusTrapZone');
+Object.defineProperty(exports, 'FocusTrapZone', {
+  enumerable: true,
+  get: function () {
+    return FocusTrapZone_1.FocusTrapZone;
+  },
+});
+Object.defineProperty(exports, 'filterOutComponentRef', {
+  enumerable: true,
+  get: function () {
+    return FocusTrapZone_1.filterOutComponentRef;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,iDAAuE;AAA9D,8GAAA,aAAa,OAAA;AAAE,sHAAA,qBAAqB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,mDAAuE;AAA9D,8GAAA,aAAa,OAAA;AAAE,sHAAA,qBAAqB,OAAA"}

package/package.json

@@ -1,80 +1,88 @@
 {
   "name": "@fluentui-react-native/focus-trap-zone",
-  "version": "0.12.20",
+  "version": "0.13.0",
   "description": "A cross-platform FocusTrapZone component using the Fluent Design System",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/FocusTrapZone"
+  },
+  "license": "MIT",
+  "author": "",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
-    "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/components/FocusTrapZone"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/interactive-hooks": "0.27.19",
-    "@uifabricshared/foundation-composable": "0.13.11",
-    "@uifabricshared/foundation-settings": "0.15.11"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/interactive-hooks": "0.28.0",
+    "@uifabricshared/foundation-composable": "0.14.0",
+    "@uifabricshared/foundation-settings": "0.16.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
     "@fluentui-react-native/jest-config": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "@types/react-test-renderer": "^18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/babel-preset": "^0.81.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0",
+    "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
         "babel-preset-react-native",
         "core",
@@ -83,19 +91,11 @@
         "core-macos",
         "core-windows",
         "react",
-        "react-test-renderer"
+        "react-test-renderer",
+        "tools-core",
+        "tools-jest"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/FocusTrapZoneNativeComponent.ts

@@ -4,9 +4,7 @@
  * @format
  */
 
-import type { HostComponent, ViewProps } from 'react-native';
-
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { requireNativeComponent, type HostComponent, type ViewProps } from 'react-native';
 
 export interface NativeProps extends ViewProps {
   /**
@@ -38,4 +36,4 @@ export interface NativeProps extends ViewProps {
   forceFocusInsideTrap?: boolean;
 }
 
-export default codegenNativeComponent<NativeProps>('RCTFocusTrapZone') as HostComponent<NativeProps>;
+export default requireNativeComponent<NativeProps>('RCTFocusTrapZone') as HostComponent<NativeProps>;

package/src/__tests__/FocusTrapZone.test.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { act } from 'react';
 
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 import * as renderer from 'react-test-renderer';
@@ -6,14 +7,20 @@ import * as renderer from 'react-test-renderer';
 import { FocusTrapZone } from '..';
 
 it('FocusTrapZone default props', () => {
-  const tree = renderer.create(<FocusTrapZone />).toJSON();
-  expect(tree).toMatchSnapshot();
+  let component: renderer.ReactTestRenderer;
+  act(() => {
+    component = renderer.create(<FocusTrapZone />);
+  });
+  expect(component!.toJSON()).toMatchSnapshot();
 });
 
 it('FocusTrapZone all props props', () => {
   const ref: React.RefObject<IFocusable> = { current: null };
-  const tree = renderer
-    .create(<FocusTrapZone componentRef={ref} disableFirstFocus disabled ignoreExternalFocusing focusPreviouslyFocusedInnerElement />)
-    .toJSON();
-  expect(tree).toMatchSnapshot();
+  let component: renderer.ReactTestRenderer;
+  act(() => {
+    component = renderer.create(
+      <FocusTrapZone componentRef={ref} disableFirstFocus disabled ignoreExternalFocusing focusPreviouslyFocusedInnerElement />,
+    );
+  });
+  expect(component!.toJSON()).toMatchSnapshot();
 });