@fluentui-react-native/focus-trap-zone 0.11.13 → 0.11.15

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-react-native/focus-trap-zone",
   "entries": [
     {
-      "date": "Fri, 15 Mar 2024 16:21:20 GMT",
+      "date": "Fri, 29 Mar 2024 18:05:03 GMT",
+      "version": "0.11.15",
+      "tag": "@fluentui-react-native/focus-trap-zone_v0.11.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "package": "@fluentui-react-native/focus-trap-zone",
+            "commit": "a722aa94799f4afee55baa03a5a754b0d4b2fdce",
+            "comment": "Use codegenNativeComponent so JS View configs can be generated for all native components"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 15 Mar 2024 16:26:19 GMT",
       "version": "0.11.13",
       "tag": "@fluentui-react-native/focus-trap-zone_v0.11.13",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @fluentui-react-native/focus-trap-zone
 
-This log was last generated on Fri, 15 Mar 2024 16:21:20 GMT and should not be manually modified.
+This log was last generated on Fri, 29 Mar 2024 18:05:03 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.11.15
+
+Fri, 29 Mar 2024 18:05:03 GMT
+
+### Patches
+
+- Use codegenNativeComponent so JS View configs can be generated for all native components (30809111+acoates-ms@users.noreply.github.com)
+
 ## 0.11.13
 
-Fri, 15 Mar 2024 16:21:20 GMT
+Fri, 15 Mar 2024 16:26:19 GMT
 
 ### Patches
 

package/lib/FocusTrapZone.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+/// <reference types="react" />
 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>>;

package/lib/FocusTrapZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.d.ts","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAsB,MAAM,uBAAuB,CAAC;AAI9G,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED,eAAO,MAAM,aAAa,8YAUxB,CAAC"}
+{"version":3,"file":"FocusTrapZone.d.ts","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAOH,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAsB,MAAM,uBAAuB,CAAC;AAG9G,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED,eAAO,MAAM,aAAa,8YAUxB,CAAC"}

package/lib/FocusTrapZone.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,11 +14,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
 import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import { composable } from '@uifabricshared/foundation-composable';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
-var RCTFocusTrapZone = ensureNativeComponent('RCTFocusTrapZone');
+import RCTFocusTrapZone from './FocusTrapZoneNativeComponent';
 export function filterOutComponentRef(propName) {
     return propName !== 'componentRef';
 }

package/lib/FocusTrapZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.js","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;AAEnE,MAAM,UAAU,qBAAqB,CAAC,QAAgB;IACpD,OAAO,QAAQ,KAAK,cAAc,CAAC;AACrC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,UAAU,CAAqB;IAC1D,eAAe,EAAE,UAAC,SAA8B,EAAE,UAA2C;QAC3F,IAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,aAAa,CAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,wBAAO,SAAS,KAAE,GAAG,EAAE,MAAM,GAAE,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;IACpD,OAAO,QAAQ,KAAK,cAAc,CAAC;AACrC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,UAAU,CAAqB;IAC1D,eAAe,EAAE,UAAC,SAA8B,EAAE,UAA2C;QAC3F,IAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3D,OAAO;YACL,SAAS,EAAE,aAAa,CAA0B,UAAU,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,wBAAO,SAAS,KAAE,GAAG,EAAE,MAAM,GAAE,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"}

package/lib/FocusTrapZoneNativeComponent.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, 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;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

package/lib/FocusTrapZoneNativeComponent.d.ts.map

@@ -0,0 +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"}

package/lib/FocusTrapZoneNativeComponent.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib/FocusTrapZoneNativeComponent.js.map

@@ -0,0 +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"}

package/lib-commonjs/FocusTrapZone.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+/// <reference types="react" />
 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>>;

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

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZone.d.ts","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAsB,MAAM,uBAAuB,CAAC;AAI9G,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED,eAAO,MAAM,aAAa,8YAUxB,CAAC"}
+{"version":3,"file":"FocusTrapZone.d.ts","sourceRoot":"","sources":["../src/FocusTrapZone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAOH,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAsB,MAAM,uBAAuB,CAAC;AAG9G,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED,eAAO,MAAM,aAAa,8YAUxB,CAAC"}

package/lib-commonjs/FocusTrapZone.js

@@ -1,4 +1,9 @@
 "use strict";
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +15,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
-var component_cache_1 = require("@fluentui-react-native/component-cache");
 var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
 var foundation_composable_1 = require("@uifabricshared/foundation-composable");
 var foundation_settings_1 = require("@uifabricshared/foundation-settings");
-var RCTFocusTrapZone = (0, component_cache_1.ensureNativeComponent)('RCTFocusTrapZone');
+var FocusTrapZoneNativeComponent_1 = __importDefault(require("./FocusTrapZoneNativeComponent"));
 function filterOutComponentRef(propName) {
     return propName !== 'componentRef';
 }
@@ -29,7 +36,7 @@ exports.FocusTrapZone = (0, foundation_composable_1.composable)({
         };
     },
     slots: {
-        root: { slotType: RCTFocusTrapZone, filter: filterOutComponentRef },
+        root: { slotType: FocusTrapZoneNativeComponent_1.default, filter: filterOutComponentRef },
     },
 });
 //# 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,0EAA+E;AAC/E,8EAA+E;AAE/E,+EAAmE;AACnE,2EAAoE;AAIpE,IAAM,gBAAgB,GAAG,IAAA,uCAAqB,EAAC,kBAAkB,CAAC,CAAC;AAEnE,SAAgB,qBAAqB,CAAC,QAAgB;IACpD,OAAO,QAAQ,KAAK,cAAc,CAAC;AACrC,CAAC;AAFD,sDAEC;AAEY,QAAA,aAAa,GAAG,IAAA,kCAAU,EAAqB;IAC1D,eAAe,EAAE,UAAC,SAA8B,EAAE,UAA2C;QAC3F,IAAM,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,wBAAO,SAAS,KAAE,GAAG,EAAE,MAAM,GAAE,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,8EAA+E;AAE/E,+EAAmE;AACnE,2EAAoE;AAGpE,gGAA8D;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,UAAC,SAA8B,EAAE,UAA2C;QAC3F,IAAM,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,wBAAO,SAAS,KAAE,GAAG,EAAE,MAAM,GAAE,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"}

package/lib-commonjs/FocusTrapZoneNativeComponent.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, 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;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

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

@@ -0,0 +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"}

package/lib-commonjs/FocusTrapZoneNativeComponent.js

@@ -0,0 +1,13 @@
+"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 });
+var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib-commonjs/FocusTrapZoneNativeComponent.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/focus-trap-zone",
-  "version": "0.11.13",
+  "version": "0.11.15",
   "description": "A cross-platform FocusTrapZone component using the Fluent Design System",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,9 +22,8 @@
     "directory": "packages/components/FocusTrapZone"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.12.2",
-    "@fluentui-react-native/component-cache": "1.6.1",
-    "@fluentui-react-native/interactive-hooks": "0.26.3",
+    "@fluentui-react-native/adapters": "0.12.3",
+    "@fluentui-react-native/interactive-hooks": "0.26.4",
     "@uifabricshared/foundation-composable": "0.12.5",
     "@uifabricshared/foundation-settings": "0.14.1"
   },

package/src/FocusTrapZone.ts

@@ -1,12 +1,16 @@
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+
 import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import type { IUseStyling } from '@uifabricshared/foundation-composable';
 import { composable } from '@uifabricshared/foundation-composable';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 
 import type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps, IFocusTrapZoneType } from './FocusTrapZone.types';
-
-const RCTFocusTrapZone = ensureNativeComponent('RCTFocusTrapZone');
+import RCTFocusTrapZone from './FocusTrapZoneNativeComponent';
 
 export function filterOutComponentRef(propName: string): boolean {
   return propName !== 'componentRef';

package/src/FocusTrapZoneNativeComponent.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+
+import type { HostComponent, ViewProps } from 'react-native';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+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;
+}
+
+export default codegenNativeComponent<NativeProps>('RCTFocusTrapZone') as HostComponent<NativeProps>;