react-native-a11y-order 0.2.5 → 0.3.0

package/README.md

@@ -4,10 +4,6 @@ React Native A11y Order Library: Advanced control of screen reader order.
 
 Setting the right reading order can be a challenge, but there is a way to do it. The react-native-a11y-order is a native-first library designed to solve problems with the ordering of screen readers on both Android and iOS platforms.
 
-## Breaking Changes !!!
-> The `A11yModule`, `A11yOrder` and hooks `useFocusOrder`, `useDynamicFocusOrder`, and `useA11yOrderManager` have been removed. This API was deprecated and did not work properly with the new architecture. You can refer to the migration guide to update it.
-
-
 | iOS reader                                                | Android reader                                                |
 | --------------------------------------------------------- | ------------------------------------------------------------- |
 | <img src="/.github/images/ios-reader.gif" height="500" /> | <img src="/.github/images/android-reader.gif" height="500" /> |
@@ -26,6 +22,25 @@ npm install react-native-a11y-order
 yarn add react-native-a11y-order
 ```
 
+### For React Native Below Version 0.74.x
+If you are using a React Native version below `0.74.x` with NewArch enabled, you may encounter an error with component registration. To resolve this issue, add the following code to your `ios/Podfile` file. 
+
+
+
+```
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    target.build_configurations.each do |config|
+      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= ['$(inherited)']
+      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] << "RCT_VIEW_MANAGER_ENABLED=1"
+    end
+  end
+end
+```
+
+You can also use version `react-native-a11y-order@0.2.3`. Version `0.3.0` is released solely to support React Native versions `0.79.x to 0.80.x`.
+
+
 ## Usage
 
 #### A11y.Order, A11y.Index
@@ -92,57 +107,81 @@ export default function App() {
 }
 ```
 
-**Important:** Order between `elements` and order between `groups`
-Android and iOS have different native implementations, which can result in varying behavior across platforms. This package was originally developed to define a logical order among individual accessible elements. However, there are situations where it's necessary to set an order for groups of elements. While this is relatively simple to achieve on iOS, it can be more complicated on Android.
-
-To resolve this on Android, you can define a View with the accessible property and use the accessibleLabel attribute to describe the group.
-
-For example:
-```tsx
-<View style={{flex: 1, position: 'relative'}}>
-  <A11y.Order style={{flex: 1}}>
-    <A11y.Index index={1}>
-      <View
-        accessible={Platform.OS = 'android'} // It helps to create a group to maintain the correct order for Android.
-        accessibilityLabel="Header Group" 
-      >
-        ...
-      </View>
-    </A11y.Index>
-    <A11y.Index
-      index={2} // For a single element, we don't need anything extra.
-      style={{ position: "absolute", right: 20, bottom: 50, zIndex: 1}}
-    >
-      <Button title="Chat" />
-    </A11y.Index>
-    <A11y.Index 
-      index={3} // We don't need a group for ScrollView; it creates its own scope.
-    >
-      <ScrollView>
-        <View
-          accessible
-          accessibilityLabel="Mindaro"
-          style={{width: '100%', height: 200, backgroundColor: '#CEEC97'}}
-        />
-        <View
-          accessible
-          accessibilityLabel="Peach"
-          style={{width: '100%', height: 200, backgroundColor: '#F4B393'}}
-        />
-      </ScrollView>
-    </A11y.Index>
-  </A11y.Order>
-</View>
+> [!NOTE]
+> Because of its native nature, it is important to wrap all components inside `A11y.Order` with `A11y.Index`. Components not wrapped in `A11y.Index` may be skipped from the reading order on iOS, or read at the end on Android. If you need to manage many elements, try to group them with a view and then control them via the ordering system. You can find an example below.
+
+
+Don't: 
+
+```js
+export default function App() {
+  return (
+    <Viw style={styles.container}>
+      <A11y.Order>
+        <A11y.Index index={1}>
+          <Text style={styles.font}>
+            First
+          </Text>
+        </A11y.Index>
+        <Text style={styles.font}>
+          Third
+        </Text> // <===== Do not leave components unwrapped
+        <A11y.Index index={2}>
+          <Text style={styles.font}>
+            Second
+          </Text>
+        </A11y.Index>
+        <Text style={styles.font}>Fourth</Text>  // <===== This is also incorrect
+        <Text style={styles.font}>Fifth</Text>
+      </A11y.Order>
+      <Text style={styles.font}>Sixth</Text> // <===== This is correct because it is outside of `A11y.Order`
+    </View>
+  );
+}
 ```
 
-Additionally, it would be better to wrap every component inside `A11y.Order` with `A11y.Index`; the order of unwrapped components is not predictable.
+Do
 
+```js
+export default function App() {
+  return (
+    <Viw style={styles.container}>
+      <A11y.Order>
+        <A11y.Index index={1}>
+          <Text style={styles.font}>
+            First
+          </Text>
+        </A11y.Index>
+        <A11y.Index index={3}>
+          <Text style={styles.font}>
+            Third
+          </Text> 
+        </A11y.Index>
+        <A11y.Index index={4}>  // <===== attention here, we group four and five to manage correct order flow
+          <View>
+            <Text style={styles.font}>Four</Text> 
+          </View>
+          <View>
+            <Text style={styles.font}>Five</Text>
+          </View>
+        </A11y.Index>
+        <A11y.Index index={2}>
+          <Text style={styles.font}>
+            Second
+          </Text>
+        </A11y.Index>
+      </A11y.Order>
+      <Text style={styles.font}>Six</Text>
+    </View>
+  );
+}
+```
 
 A11y.Index Props:
 
 | Props          | Description                                      |
 | -------------- | ------------------------------------------------ |
-| ViewProps      | Default View props including style, testID, etc   |
+| ViewProps      | Default View props includin style, testID, etc   |
 | index          | `number`, position in order                      |
 | ref: focus     | focus command for setting accessibility focus    |
 
@@ -181,7 +220,7 @@ export default function App() {
           <Text>Title: 1</Text>
         </View>
         <View>
-          <Text>Description: 1</Text>
+          <Text>Desctiption: 1</Text>
         </View>
       </A11y.Group>
       <A11y.Group style={styles.slide}>
@@ -189,7 +228,7 @@ export default function App() {
           <Text>Title: 2</Text>
         </View>
         <View>
-          <Text>Description: 2</Text>
+          <Text>Desctiption: 2</Text>
         </View>
       </A11y.Group>
     </ScrollView>
@@ -200,7 +239,7 @@ export default function App() {
 
 | Props          | Description                                      |
 | -------------- | ------------------------------------------------ |
-| ViewProps      | Default View props including style, testID, etc   |
+| ViewProps      | Default View props includin style, testID, etc   |
 
 
 ## Migration

package/ios/views/RNAOA11yGroupView/RNAOA11yGroupViewManager.h

@@ -5,13 +5,17 @@
 //  Created by Artur Kalach on 13/07/2024.
 //  Copyright © 2024 Facebook. All rights reserved.
 //
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
 
 #ifndef RNAOA11yGroupViewManager_h
 #define RNAOA11yGroupViewManager_h
 
+
 #import <React/RCTViewManager.h>
 @interface RNAOA11yGroupViewManager : RCTViewManager
 @end
 
 
 #endif /* RNAOA11yGroupViewManager_h */
+
+#endif

package/ios/views/RNAOA11yGroupView/RNAOA11yGroupViewManager.mm

@@ -6,6 +6,8 @@
 //  Copyright © 2024 Facebook. All rights reserved.
 //
 
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
+
 #import <Foundation/Foundation.h>
 
 #import <React/RCTViewManager.h>
@@ -23,3 +25,5 @@ RCT_EXPORT_MODULE(A11yGroupView)
 }
 
 @end
+
+#endif

package/ios/views/RNAOA11yIndexView/RNAOA11yIndexViewManager.h

@@ -6,6 +6,8 @@
 //  Copyright © 2024 Facebook. All rights reserved.
 //
 
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
+
 #ifndef RNAOA11yIndexViewManager_h
 #define RNAOA11yIndexViewManager_h
 
@@ -17,3 +19,5 @@
 
 
 #endif /* RNAOA11yIndexViewManager_h */
+
+#endif

package/ios/views/RNAOA11yIndexView/RNAOA11yIndexViewManager.mm

@@ -6,6 +6,8 @@
 //  Copyright © 2024 Facebook. All rights reserved.
 //
 
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
+
 #import <React/RCTViewManager.h>
 #import <React/RCTUIManager.h>
 #import "RNAOA11yIndexView.h"
@@ -44,3 +46,5 @@ RCT_EXPORT_METHOD(focus:(nonnull NSNumber *)reactTag)
 }
 
 @end
+
+#endif

package/ios/views/RNAOA11yOrderView/RNAOA11yOrderViewManager.h

@@ -6,6 +6,8 @@
 //  Copyright © 2024 Facebook. All rights reserved.
 //
 
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
+
 #ifndef RNAOA11yOrderViewManager_h
 #define RNAOA11yOrderViewManager_h
 
@@ -16,3 +18,5 @@
 
 
 #endif /* RNAOA11yOrderViewManager_h */
+
+#endif

package/ios/views/RNAOA11yOrderView/RNAOA11yOrderViewManager.mm

@@ -6,8 +6,9 @@
 //  Copyright © 2024 Facebook. All rights reserved.
 //
 
-#import <Foundation/Foundation.h>
+#if (!defined(RCT_NEW_ARCH_ENABLED) || RCT_NEW_ARCH_ENABLED == 0) || (defined(RCT_VIEW_MANAGER_ENABLED) && RCT_VIEW_MANAGER_ENABLED == 1)
 
+#import <Foundation/Foundation.h>
 
 #import <React/RCTViewManager.h>
 #import <React/RCTUIManager.h>
@@ -30,3 +31,5 @@ RCT_CUSTOM_VIEW_PROPERTY(orderKey, NSString, RNAOA11yOrderView)
 }
 
 @end
+
+#endif

package/lib/commonjs/components/A11yGroup/A11yGroup.android.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.A11yGroup = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const A11yGroup = props => {
+  const id = (0, _react.useId)();
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    collapsable: false
+    nativeID: id
   }, props));
 };
 exports.A11yGroup = A11yGroup;

package/lib/commonjs/components/A11yGroup/A11yGroup.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","A11yGroup","props","createElement","View","collapsable","exports"],"sourceRoot":"../../../../src","sources":["components/A11yGroup/A11yGroup.android.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAI7B,MAAMO,SAAS,GAAIC,KAAqB,IAAK;EAClD,oBAAOpB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAAClB,YAAA,CAAAmB,IAAI,EAAAf,QAAA;IAACgB,WAAW,EAAE;EAAM,GAAKH,KAAK,CAAG,CAAC;AAChD,CAAC;AAACI,OAAA,CAAAL,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","A11yGroup","props","id","useId","createElement","View","nativeID","exports"],"sourceRoot":"../../../../src","sources":["components/A11yGroup/A11yGroup.android.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAI7B,MAAMG,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,oBAAOhC,MAAA,CAAAc,OAAA,CAAAmB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI,EAAAX,QAAA;IAACY,QAAQ,EAAEJ;EAAG,GAAKD,KAAK,CAAG,CAAC;AAC1C,CAAC;AAACM,OAAA,CAAAP,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/components/A11yIndex/A11yIndex.js

@@ -17,7 +17,7 @@ const A11yIndex = exports.A11yIndex = /*#__PURE__*/_react.default.memo(/*#__PURE
 }, ref) => {
   const orderKey = _react.default.useContext(_A11ySequenceOrderContext.A11ySequenceOrderContext);
   if (!orderKey) {
-    throw new Error('<A11y.Index> element should be used inside of <A11y.Order> container');
+    throw new Error('A11ySequence.Index should be used inside of A11ySequence.Container');
   }
   const indexRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
@@ -33,7 +33,7 @@ const A11yIndex = exports.A11yIndex = /*#__PURE__*/_react.default.memo(/*#__PURE
     orderIndex: index,
     orderKey: orderKey
   }, props), isSingleChild && children, !isSingleChild && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    collapsable: false
+    nativeID: orderKey
   }, children));
 }));
 //# sourceMappingURL=A11yIndex.js.map

package/lib/commonjs/components/A11yIndex/A11yIndex.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_A11ySequenceOrderContext","_A11yIndexNativeComponent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","A11yIndex","exports","React","memo","forwardRef","children","index","props","ref","orderKey","useContext","A11ySequenceOrderContext","Error","indexRef","useRef","useImperativeHandle","focus","current","Commands","isSingleChild","Children","count","createElement","orderIndex","View","collapsable"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_A11ySequenceOrderContext","_A11yIndexNativeComponent","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","A11yIndex","exports","React","memo","forwardRef","children","index","props","ref","orderKey","useContext","A11ySequenceOrderContext","Error","indexRef","useRef","useImperativeHandle","focus","current","Commands","isSingleChild","Children","count","createElement","orderIndex","View","nativeID"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/A11yIndex/A11yIndex.web.js

@@ -8,13 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const WebUiManager = _reactNative.UIManager;
+const WebUiMeneger = _reactNative.UIManager;
 const A11yIndex = exports.A11yIndex = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const viewRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     focus: () => {
       if (viewRef.current) {
-        WebUiManager.focus(viewRef.current);
+        WebUiMeneger.focus(viewRef.current);
       }
     }
   }));

package/lib/commonjs/components/A11yIndex/A11yIndex.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","WebUiManager","UIManager","A11yIndex","exports","forwardRef","props","ref","viewRef","useRef","useImperativeHandle","focus","current","createElement","View"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AAAyC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAGzC,MAAMG,YAAY,GAAGC,sBAEpB;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EACjC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EAClC,IAAAC,0BAAmB,EAACH,GAAG,EAAE,OAAO;IAC9BI,KAAK,EAAEA,CAAA,KAAM;MACX,IAAIH,OAAO,CAACI,OAAO,EAAE;QACnBX,YAAY,CAACU,KAAK,CAACH,OAAO,CAACI,OAAO,CAAC;MACrC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBAAOxC,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACtC,YAAA,CAAAuC,IAAI,EAAAnB,QAAA,KAAKW,KAAK;IAAEC,GAAG,EAAEC;EAAQ,EAAE,CAAC;AAC1C,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","WebUiMeneger","UIManager","A11yIndex","exports","forwardRef","props","ref","viewRef","useRef","useImperativeHandle","focus","current","createElement","View"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AAAyC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAGzC,MAAMG,YAAY,GAAGC,sBAEpB;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EACjC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EAClC,IAAAC,0BAAmB,EAACH,GAAG,EAAE,OAAO;IAC9BI,KAAK,EAAEA,CAAA,KAAM;MACX,IAAIH,OAAO,CAACI,OAAO,EAAE;QACnBX,YAAY,CAACU,KAAK,CAACH,OAAO,CAACI,OAAO,CAAC;MACrC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBAAOxC,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACtC,YAAA,CAAAuC,IAAI,EAAAnB,QAAA,KAAKW,KAAK;IAAEC,GAAG,EAAEC;EAAQ,EAAE,CAAC;AAC1C,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/A11yOrder/A11yOrder.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.A11yOrder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+const A11yOrder = ({
+  a11yOrder,
+  onLayout,
+  ignoreWarn,
+  ...props
+}) => {
+  if (!ignoreWarn) {
+    console.warn('A11yOrder: This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration');
+  }
+  const onLayoutHandler = (0, _react.useCallback)(e => {
+    onLayout === null || onLayout === void 0 || onLayout(e);
+    a11yOrder.onLayout();
+  }, [a11yOrder, onLayout]);
+  const id = (_react.useId === null || _react.useId === void 0 ? void 0 : (0, _react.useId)()) || 'mock_id'; // ToDo: use native component with tag to nativeTag
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    nativeID: id
+  }, props, {
+    onLayout: onLayoutHandler,
+    ref: a11yOrder.ref
+  }));
+};
+exports.A11yOrder = A11yOrder;
+//# sourceMappingURL=A11yOrder.js.map

package/lib/commonjs/components/A11yOrder/A11yOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","A11yOrder","a11yOrder","onLayout","ignoreWarn","props","console","warn","onLayoutHandler","useCallback","id","useId","createElement","View","nativeID","ref","exports"],"sourceRoot":"../../../../src","sources":["components/A11yOrder/A11yOrder.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAuD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAGvD;AACA;AACA;AACA;AACO,MAAMG,SAAmC,GAAGA,CAAC;EAClDC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACL,CAAC,KAAK;EACJ,IAAI,CAACD,UAAU,EAAE;IACfE,OAAO,CAACC,IAAI,CACV,6LACF,CAAC;EACH;EACA,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAChCjC,CAAoB,IAAK;IACxB2B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG3B,CAAC,CAAC;IACb0B,SAAS,CAACC,QAAQ,CAAC,CAAC;EACtB,CAAC,EACD,CAACD,SAAS,EAAEC,QAAQ,CACtB,CAAC;EAED,MAAMO,EAAE,GAAG,CAAAC,YAAK,aAALA,YAAK,uBAAL,IAAAA,YAAK,EAAG,CAAC,KAAI,SAAS,CAAC,CAAC;;EAEnC,oBACEvC,MAAA,CAAAc,OAAA,CAAA0B,aAAA,CAACrC,YAAA,CAAAsC,IAAI,EAAAlB,QAAA;IACHmB,QAAQ,EAAEJ;EAAG,GACTL,KAAK;IACTF,QAAQ,EAAEK,eAAgB;IAC1BO,GAAG,EAAEb,SAAS,CAACa;EAAI,EACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -4,9 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.A11y = void 0;
+Object.defineProperty(exports, "A11yOrder", {
+  enumerable: true,
+  get: function () {
+    return _A11yOrder.A11yOrder;
+  }
+});
 var _A11yIndex = require("./components/A11yIndex/A11yIndex");
 var _A11ySequence = require("./components/A11ySequence/A11ySequence");
 var _A11yGroup = require("./components/A11yGroup/A11yGroup");
+var _A11yOrder = require("./components/A11yOrder/A11yOrder");
 const A11y = exports.A11y = {
   Order: _A11ySequence.A11yIndexSequence,
   Index: _A11yIndex.A11yIndex,

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_A11yIndex","require","_A11ySequence","_A11yGroup","A11y","exports","Order","A11yIndexSequence","Index","A11yIndex","Group","A11yGroup"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAIO,MAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,KAAK,EAAEC,+BAAiB;EACxBC,KAAK,EAAEC,oBAAS;EAChBC,KAAK,EAAEC;AACT,CAAC","ignoreList":[]}
+{"version":3,"names":["_A11yIndex","require","_A11ySequence","_A11yGroup","_A11yOrder","A11y","exports","Order","A11yIndexSequence","Index","A11yIndex","Group","A11yGroup"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAIO,MAAMI,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,KAAK,EAAEC,+BAAiB;EACxBC,KAAK,EAAEC,oBAAS;EAChBC,KAAK,EAAEC;AACT,CAAC","ignoreList":[]}

package/lib/commonjs/index.web.js

@@ -3,9 +3,51 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.A11y = void 0;
+exports.useFocusOrder = exports.useDynamicFocusOrder = exports.useA11yOrderManager = exports.A11yOrder = exports.A11y = void 0;
+var _react = require("react");
 var _reactNative = require("react-native");
 var _A11yIndex = require("./components/A11yIndex/A11yIndex.web");
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+const useFocusOrder = () => ({
+  a11yOrder: {
+    ref: /*#__PURE__*/(0, _react.createRef)(),
+    onLayout: () => {}
+  },
+  refs: [],
+  reset: () => {},
+  setOrder: () => {}
+});
+
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+exports.useFocusOrder = useFocusOrder;
+const useDynamicFocusOrder = () => ({
+  a11yOrder: {
+    ref: /*#__PURE__*/(0, _react.createRef)(),
+    onLayout: () => {}
+  },
+  registerOrder: () => _react.createRef,
+  reset: () => {},
+  setOrder: () => {}
+});
+exports.useDynamicFocusOrder = useDynamicFocusOrder;
+const useA11yOrderManager = () => ({
+  registerOrderRef: () => () => {},
+  updateRefList: () => {},
+  reset: () => {},
+  setOrder: () => {}
+});
+exports.useA11yOrderManager = useA11yOrderManager;
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+const A11yOrder = exports.A11yOrder = _reactNative.View;
 const A11y = exports.A11y = {
   Order: _reactNative.View,
   Group: _reactNative.View,

package/lib/commonjs/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_A11yIndex","A11y","exports","Order","View","Group","Index","A11yIndex"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAIO,MAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,KAAK,EAAEC,iBAAI;EACXC,KAAK,EAAED,iBAAI;EACXE,KAAK,EAAEC;AACT,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_A11yIndex","useFocusOrder","a11yOrder","ref","createRef","onLayout","refs","reset","setOrder","exports","useDynamicFocusOrder","registerOrder","useA11yOrderManager","registerOrderRef","updateRefList","A11yOrder","View","A11y","Order","Group","Index","A11yIndex"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMG,aAAa,GAAGA,CAAA,MAAO;EAClCC,SAAS,EAAE;IACTC,GAAG,eAAE,IAAAC,gBAAS,EAAC,CAAC;IAChBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EACnB,CAAC;EACDC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AAHAC,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAIO,MAAMS,oBAAoB,GAAGA,CAAA,MAAO;EACzCR,SAAS,EAAE;IACTC,GAAG,eAAE,IAAAC,gBAAS,EAAC,CAAC;IAChBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EACnB,CAAC;EACDM,aAAa,EAAEA,CAAA,KAAMP,gBAAS;EAC9BG,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;AAACC,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEI,MAAME,mBAAmB,GAAGA,CAAA,MAAO;EACxCC,gBAAgB,EAAEA,CAAA,KAAM,MAAM,CAAC,CAAC;EAChCC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvBP,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;AAACC,OAAA,CAAAG,mBAAA,GAAAA,mBAAA;AAKH;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAGC,iBAAI;AAEtB,MAAMC,IAAI,GAAAR,OAAA,CAAAQ,IAAA,GAAG;EAClBC,KAAK,EAAEF,iBAAI;EACXG,KAAK,EAAEH,iBAAI;EACXI,KAAK,EAAEC;AACT,CAAC","ignoreList":[]}

package/lib/commonjs/types/A11yOrder.types.js

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

package/lib/commonjs/types/A11yOrder.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/A11yOrder.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/A11yGroup/A11yGroup.android.js

@@ -1,9 +1,10 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
+import React, { useId } from 'react';
 import { View } from 'react-native';
 export const A11yGroup = props => {
+  const id = useId();
   return /*#__PURE__*/React.createElement(View, _extends({
-    collapsable: false
+    nativeID: id
   }, props));
 };
 //# sourceMappingURL=A11yGroup.android.js.map

package/lib/module/components/A11yGroup/A11yGroup.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","A11yGroup","props","createElement","_extends","collapsable"],"sourceRoot":"../../../../src","sources":["components/A11yGroup/A11yGroup.android.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAInC,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,oBAAOH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAAI,QAAA;IAACC,WAAW,EAAE;EAAM,GAAKH,KAAK,CAAG,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useId","View","A11yGroup","props","id","createElement","_extends","nativeID"],"sourceRoot":"../../../../src","sources":["components/A11yGroup/A11yGroup.android.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,KAAK,QAAQ,OAAO;AACpC,SAASC,IAAI,QAAQ,cAAc;AAInC,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAMC,EAAE,GAAGJ,KAAK,CAAC,CAAC;EAClB,oBAAOD,KAAA,CAAAM,aAAA,CAACJ,IAAI,EAAAK,QAAA;IAACC,QAAQ,EAAEH;EAAG,GAAKD,KAAK,CAAG,CAAC;AAC1C,CAAC","ignoreList":[]}

package/lib/module/components/A11yIndex/A11yIndex.js

@@ -10,7 +10,7 @@ export const A11yIndex = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((
 }, ref) => {
   const orderKey = React.useContext(A11ySequenceOrderContext);
   if (!orderKey) {
-    throw new Error('<A11y.Index> element should be used inside of <A11y.Order> container');
+    throw new Error('A11ySequence.Index should be used inside of A11ySequence.Container');
   }
   const indexRef = useRef(null);
   useImperativeHandle(ref, () => ({
@@ -26,7 +26,7 @@ export const A11yIndex = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((
     orderIndex: index,
     orderKey: orderKey
   }, props), isSingleChild && children, !isSingleChild && /*#__PURE__*/React.createElement(View, {
-    collapsable: false
+    nativeID: orderKey
   }, children));
 }));
 //# sourceMappingURL=A11yIndex.js.map

package/lib/module/components/A11yIndex/A11yIndex.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useImperativeHandle","useRef","View","A11ySequenceOrderContext","A11yIndexView","Commands","A11yIndex","memo","forwardRef","children","index","props","ref","orderKey","useContext","Error","indexRef","focus","current","isSingleChild","Children","count","createElement","_extends","orderIndex","collapsable"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAC1D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,wBAAwB,QAAQ,wCAAwC;AACjF,OAAOC,aAAa,IAClBC,QAAQ,QACH,4CAA4C;AAGnD,OAAO,MAAMC,SAAS,gBAAGP,KAAK,CAACQ,IAAI,cACjCR,KAAK,CAACS,UAAU,CACd,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtC,MAAMC,QAAQ,GAAGd,KAAK,CAACe,UAAU,CAACX,wBAAwB,CAAC;EAC3D,IAAI,CAACU,QAAQ,EAAE;IACb,MAAM,IAAIE,KAAK,CACb,sEACF,CAAC;EACH;EAEA,MAAMC,QAAQ,GAAGf,MAAM,CAAwC,IAAI,CAAC;EAEpED,mBAAmB,CAACY,GAAG,EAAE,OAAO;IAC9BK,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,QAAQ,CAACE,OAAO,EAAE;QACpBb,QAAQ,CAACY,KAAK,CAACD,QAAQ,CAACE,OAAO,CAAC;MAClC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGpB,KAAK,CAACqB,QAAQ,CAACC,KAAK,CAACZ,QAAQ,CAAC,KAAK,CAAC;EAE1D,oBACEV,KAAA,CAAAuB,aAAA,CAAClB,aAAa,EAAAmB,QAAA;IACZX,GAAG,EAAEI,QAAS;IACdQ,UAAU,EAAEd,KAAM;IAClBG,QAAQ,EAAEA;EAAS,GACfF,KAAK,GAERQ,aAAa,IAAIV,QAAQ,EACzB,CAACU,aAAa,iBAAIpB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACuB,WAAW,EAAE;EAAM,GAAEhB,QAAe,CAChD,CAAC;AAEpB,CACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useImperativeHandle","useRef","View","A11ySequenceOrderContext","A11yIndexView","Commands","A11yIndex","memo","forwardRef","children","index","props","ref","orderKey","useContext","Error","indexRef","focus","current","isSingleChild","Children","count","createElement","_extends","orderIndex","nativeID"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAC1D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,wBAAwB,QAAQ,wCAAwC;AACjF,OAAOC,aAAa,IAClBC,QAAQ,QACH,4CAA4C;AAGnD,OAAO,MAAMC,SAAS,gBAAGP,KAAK,CAACQ,IAAI,cACjCR,KAAK,CAACS,UAAU,CACd,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtC,MAAMC,QAAQ,GAAGd,KAAK,CAACe,UAAU,CAACX,wBAAwB,CAAC;EAC3D,IAAI,CAACU,QAAQ,EAAE;IACb,MAAM,IAAIE,KAAK,CACb,oEACF,CAAC;EACH;EAEA,MAAMC,QAAQ,GAAGf,MAAM,CAAwC,IAAI,CAAC;EAEpED,mBAAmB,CAACY,GAAG,EAAE,OAAO;IAC9BK,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,QAAQ,CAACE,OAAO,EAAE;QACpBb,QAAQ,CAACY,KAAK,CAACD,QAAQ,CAACE,OAAO,CAAC;MAClC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGpB,KAAK,CAACqB,QAAQ,CAACC,KAAK,CAACZ,QAAQ,CAAC,KAAK,CAAC;EAE1D,oBACEV,KAAA,CAAAuB,aAAA,CAAClB,aAAa,EAAAmB,QAAA;IACZX,GAAG,EAAEI,QAAS;IACdQ,UAAU,EAAEd,KAAM;IAClBG,QAAQ,EAAEA;EAAS,GACfF,KAAK,GAERQ,aAAa,IAAIV,QAAQ,EACzB,CAACU,aAAa,iBAAIpB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACuB,QAAQ,EAAEZ;EAAS,GAAEJ,QAAe,CAChD,CAAC;AAEpB,CACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/A11yIndex/A11yIndex.web.js

@@ -3,13 +3,13 @@ import React from 'react';
 import { forwardRef, useImperativeHandle, useRef } from 'react';
 import { UIManager } from 'react-native';
 import { View } from 'react-native';
-const WebUiManager = UIManager;
+const WebUiMeneger = UIManager;
 export const A11yIndex = /*#__PURE__*/forwardRef((props, ref) => {
   const viewRef = useRef(null);
   useImperativeHandle(ref, () => ({
     focus: () => {
       if (viewRef.current) {
-        WebUiManager.focus(viewRef.current);
+        WebUiMeneger.focus(viewRef.current);
       }
     }
   }));

package/lib/module/components/A11yIndex/A11yIndex.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","UIManager","View","WebUiManager","A11yIndex","props","ref","viewRef","focus","current","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.web.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAE/D,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,YAAY,GAAGF,SAEpB;AAED,OAAO,MAAMG,SAAS,gBAAGN,UAAU,CACjC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,OAAO,GAAGP,MAAM,CAAO,IAAI,CAAC;EAClCD,mBAAmB,CAACO,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,OAAO,CAACE,OAAO,EAAE;QACnBN,YAAY,CAACK,KAAK,CAACD,OAAO,CAACE,OAAO,CAAC;MACrC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBAAOZ,KAAA,CAAAa,aAAA,CAACR,IAAI,EAAAS,QAAA,KAAKN,KAAK;IAAEC,GAAG,EAAEC;EAAQ,EAAE,CAAC;AAC1C,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","UIManager","View","WebUiMeneger","A11yIndex","props","ref","viewRef","focus","current","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/A11yIndex/A11yIndex.web.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAE/D,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,YAAY,GAAGF,SAEpB;AAED,OAAO,MAAMG,SAAS,gBAAGN,UAAU,CACjC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,OAAO,GAAGP,MAAM,CAAO,IAAI,CAAC;EAClCD,mBAAmB,CAACO,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM;MACX,IAAID,OAAO,CAACE,OAAO,EAAE;QACnBN,YAAY,CAACK,KAAK,CAACD,OAAO,CAACE,OAAO,CAAC;MACrC;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBAAOZ,KAAA,CAAAa,aAAA,CAACR,IAAI,EAAAS,QAAA,KAAKN,KAAK;IAAEC,GAAG,EAAEC;EAAQ,EAAE,CAAC;AAC1C,CACF,CAAC","ignoreList":[]}

package/lib/module/components/A11yOrder/A11yOrder.js

@@ -0,0 +1,30 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback, useId } from 'react';
+import { View } from 'react-native';
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const A11yOrder = ({
+  a11yOrder,
+  onLayout,
+  ignoreWarn,
+  ...props
+}) => {
+  if (!ignoreWarn) {
+    console.warn('A11yOrder: This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration');
+  }
+  const onLayoutHandler = useCallback(e => {
+    onLayout === null || onLayout === void 0 || onLayout(e);
+    a11yOrder.onLayout();
+  }, [a11yOrder, onLayout]);
+  const id = (useId === null || useId === void 0 ? void 0 : useId()) || 'mock_id'; // ToDo: use native component with tag to nativeTag
+
+  return /*#__PURE__*/React.createElement(View, _extends({
+    nativeID: id
+  }, props, {
+    onLayout: onLayoutHandler,
+    ref: a11yOrder.ref
+  }));
+};
+//# sourceMappingURL=A11yOrder.js.map

package/lib/module/components/A11yOrder/A11yOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useId","View","A11yOrder","a11yOrder","onLayout","ignoreWarn","props","console","warn","onLayoutHandler","e","id","createElement","_extends","nativeID","ref"],"sourceRoot":"../../../../src","sources":["components/A11yOrder/A11yOrder.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,KAAK,QAAQ,OAAO;AACjD,SAASC,IAAI,QAA2B,cAAc;AAGtD;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACL,CAAC,KAAK;EACJ,IAAI,CAACD,UAAU,EAAE;IACfE,OAAO,CAACC,IAAI,CACV,6LACF,CAAC;EACH;EACA,MAAMC,eAAe,GAAGV,WAAW,CAChCW,CAAoB,IAAK;IACxBN,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGM,CAAC,CAAC;IACbP,SAAS,CAACC,QAAQ,CAAC,CAAC;EACtB,CAAC,EACD,CAACD,SAAS,EAAEC,QAAQ,CACtB,CAAC;EAED,MAAMO,EAAE,GAAG,CAAAX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,KAAI,SAAS,CAAC,CAAC;;EAEnC,oBACEF,KAAA,CAAAc,aAAA,CAACX,IAAI,EAAAY,QAAA;IACHC,QAAQ,EAAEH;EAAG,GACTL,KAAK;IACTF,QAAQ,EAAEK,eAAgB;IAC1BM,GAAG,EAAEZ,SAAS,CAACY;EAAI,EACpB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,6 +1,7 @@
 import { A11yIndex } from './components/A11yIndex/A11yIndex';
 import { A11yIndexSequence } from './components/A11ySequence/A11ySequence';
 import { A11yGroup } from './components/A11yGroup/A11yGroup';
+export { A11yOrder } from './components/A11yOrder/A11yOrder';
 export const A11y = {
   Order: A11yIndexSequence,
   Index: A11yIndex,

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["A11yIndex","A11yIndexSequence","A11yGroup","A11y","Order","Index","Group"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,SAAS,QAAQ,kCAAkC;AAI5D,OAAO,MAAMC,IAAI,GAAG;EAClBC,KAAK,EAAEH,iBAAiB;EACxBI,KAAK,EAAEL,SAAS;EAChBM,KAAK,EAAEJ;AACT,CAAC","ignoreList":[]}
+{"version":3,"names":["A11yIndex","A11yIndexSequence","A11yGroup","A11yOrder","A11y","Order","Index","Group"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,SAAS,QAAQ,kCAAkC;AAE5D,SAASC,SAAS,QAAQ,kCAAkC;AAI5D,OAAO,MAAMC,IAAI,GAAG;EAClBC,KAAK,EAAEJ,iBAAiB;EACxBK,KAAK,EAAEN,SAAS;EAChBO,KAAK,EAAEL;AACT,CAAC","ignoreList":[]}

package/lib/module/index.web.js

@@ -1,5 +1,45 @@
+import { createRef } from 'react';
 import { View } from 'react-native';
 import { A11yIndex } from './components/A11yIndex/A11yIndex.web';
+
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const useFocusOrder = () => ({
+  a11yOrder: {
+    ref: /*#__PURE__*/createRef(),
+    onLayout: () => {}
+  },
+  refs: [],
+  reset: () => {},
+  setOrder: () => {}
+});
+
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const useDynamicFocusOrder = () => ({
+  a11yOrder: {
+    ref: /*#__PURE__*/createRef(),
+    onLayout: () => {}
+  },
+  registerOrder: () => createRef,
+  reset: () => {},
+  setOrder: () => {}
+});
+export const useA11yOrderManager = () => ({
+  registerOrderRef: () => () => {},
+  updateRefList: () => {},
+  reset: () => {},
+  setOrder: () => {}
+});
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const A11yOrder = View;
 export const A11y = {
   Order: View,
   Group: View,

package/lib/module/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","A11yIndex","A11y","Order","Group","Index"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,sCAAsC;AAIhE,OAAO,MAAMC,IAAI,GAAG;EAClBC,KAAK,EAAEH,IAAI;EACXI,KAAK,EAAEJ,IAAI;EACXK,KAAK,EAAEJ;AACT,CAAC","ignoreList":[]}
+{"version":3,"names":["createRef","View","A11yIndex","useFocusOrder","a11yOrder","ref","onLayout","refs","reset","setOrder","useDynamicFocusOrder","registerOrder","useA11yOrderManager","registerOrderRef","updateRefList","A11yOrder","A11y","Order","Group","Index"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,sCAAsC;;AAEhE;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,MAAO;EAClCC,SAAS,EAAE;IACTC,GAAG,eAAEL,SAAS,CAAC,CAAC;IAChBM,QAAQ,EAAEA,CAAA,KAAM,CAAC;EACnB,CAAC;EACDC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,MAAO;EACzCN,SAAS,EAAE;IACTC,GAAG,eAAEL,SAAS,CAAC,CAAC;IAChBM,QAAQ,EAAEA,CAAA,KAAM,CAAC;EACnB,CAAC;EACDK,aAAa,EAAEA,CAAA,KAAMX,SAAS;EAC9BQ,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;AAEF,OAAO,MAAMG,mBAAmB,GAAGA,CAAA,MAAO;EACxCC,gBAAgB,EAAEA,CAAA,KAAM,MAAM,CAAC,CAAC;EAChCC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvBN,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC;AAKF;AACA;AACA;AACA;AACA,OAAO,MAAMM,SAAS,GAAGd,IAAI;AAE7B,OAAO,MAAMe,IAAI,GAAG;EAClBC,KAAK,EAAEhB,IAAI;EACXiB,KAAK,EAAEjB,IAAI;EACXkB,KAAK,EAAEjB;AACT,CAAC","ignoreList":[]}

package/lib/module/types/A11yOrder.types.js

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

package/lib/module/types/A11yOrder.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/A11yOrder.types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/components/A11yGroup/A11yGroup.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"A11yGroup.android.d.ts","sourceRoot":"","sources":["../../../../src/components/A11yGroup/A11yGroup.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,eAAO,MAAM,SAAS,UAAW,cAAc,sBAE9C,CAAC"}
+{"version":3,"file":"A11yGroup.android.d.ts","sourceRoot":"","sources":["../../../../src/components/A11yGroup/A11yGroup.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,eAAO,MAAM,SAAS,UAAW,cAAc,sBAG9C,CAAC"}

package/lib/typescript/components/A11yOrder/A11yOrder.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { A11yOrderProps } from '../../types/A11yOrder.types';
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export declare const A11yOrder: React.FC<A11yOrderProps>;
+//# sourceMappingURL=A11yOrder.d.ts.map

package/lib/typescript/components/A11yOrder/A11yOrder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yOrder.d.ts","sourceRoot":"","sources":["../../../../src/components/A11yOrder/A11yOrder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAC"}

package/lib/typescript/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+export { A11yOrder } from './components/A11yOrder/A11yOrder';
+export type { A11yOrderProps } from './types/A11yOrder.types';
 export type { IndexCommands } from './types/A11yIndex.types';
 export declare const A11y: {
     Order: import("react").NamedExoticComponent<import("react-native").ViewProps>;

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAIA,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;CAIhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;CAIhB,CAAC"}

package/lib/typescript/index.web.d.ts

@@ -1,6 +1,44 @@
-/// <reference types="react" />
+import { createRef } from 'react';
 import { View } from 'react-native';
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export declare const useFocusOrder: () => {
+    a11yOrder: {
+        ref: import("react").RefObject<unknown>;
+        onLayout: () => void;
+    };
+    refs: never[];
+    reset: () => void;
+    setOrder: () => void;
+};
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export declare const useDynamicFocusOrder: () => {
+    a11yOrder: {
+        ref: import("react").RefObject<unknown>;
+        onLayout: () => void;
+    };
+    registerOrder: () => typeof createRef;
+    reset: () => void;
+    setOrder: () => void;
+};
+export declare const useA11yOrderManager: () => {
+    registerOrderRef: () => () => void;
+    updateRefList: () => void;
+    reset: () => void;
+    setOrder: () => void;
+};
+export type { A11yOrderProps } from './types/A11yOrder.types';
 export type { IndexCommands } from './types/A11yIndex.types';
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export declare const A11yOrder: typeof View;
 export declare const A11y: {
     Order: typeof View;
     Group: typeof View;

package/lib/typescript/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;CAIhB,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;CAQxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;CAQ/B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;CAK9B,CAAC;AAEH,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,SAAS,aAAO,CAAC;AAE9B,eAAO,MAAM,IAAI;;;;;;;CAIhB,CAAC"}

package/lib/typescript/types/A11yOrder.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ViewProps, View } from 'react-native';
+export type A11yOrderProps = {
+    a11yOrder: {
+        ref: React.RefObject<View>;
+        onLayout: () => void;
+    };
+    ignoreWarn?: boolean;
+} & ViewProps;
+//# sourceMappingURL=A11yOrder.types.d.ts.map

package/lib/typescript/types/A11yOrder.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yOrder.types.d.ts","sourceRoot":"","sources":["../../../src/types/A11yOrder.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE;QACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-a11y-order",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "ReactNative library for managing screen reader focus ordering",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/A11yGroup/A11yGroup.android.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useId } from 'react';
 import { View } from 'react-native';
 
 import { A11yGroupProps } from '../../types/A11yGroup.types';
 
 export const A11yGroup = (props: A11yGroupProps) => {
-  return <View collapsable={false} {...props} />;
+  const id = useId();
+  return <View nativeID={id} {...props} />;
 };

package/src/components/A11yIndex/A11yIndex.tsx

@@ -12,7 +12,7 @@ export const A11yIndex = React.memo(
       const orderKey = React.useContext(A11ySequenceOrderContext);
       if (!orderKey) {
         throw new Error(
-          '<A11y.Index> element should be used inside of <A11y.Order> container'
+          'A11ySequence.Index should be used inside of A11ySequence.Container'
         );
       }
 
@@ -36,7 +36,7 @@ export const A11yIndex = React.memo(
           {...props}
         >
           {isSingleChild && children}
-          {!isSingleChild && <View collapsable={false}>{children}</View>}
+          {!isSingleChild && <View nativeID={orderKey}>{children}</View>}
         </A11yIndexView>
       );
     }

package/src/components/A11yIndex/A11yIndex.web.tsx

@@ -4,7 +4,7 @@ import { IndexCommands, A11yIndexProps } from '../../types/A11yIndex.types';
 import { UIManager } from 'react-native';
 import { View } from 'react-native';
 
-const WebUiManager = UIManager as unknown as {
+const WebUiMeneger = UIManager as unknown as {
   focus: (v: View) => void;
 };
 
@@ -14,7 +14,7 @@ export const A11yIndex = forwardRef<IndexCommands, A11yIndexProps>(
     useImperativeHandle(ref, () => ({
       focus: () => {
         if (viewRef.current) {
-          WebUiManager.focus(viewRef.current);
+          WebUiMeneger.focus(viewRef.current);
         }
       },
     }));

package/src/components/A11yOrder/A11yOrder.tsx

@@ -0,0 +1,38 @@
+import React, { useCallback, useId } from 'react';
+import { View, LayoutChangeEvent } from 'react-native';
+import type { A11yOrderProps } from '../../types/A11yOrder.types';
+
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const A11yOrder: React.FC<A11yOrderProps> = ({
+  a11yOrder,
+  onLayout,
+  ignoreWarn,
+  ...props
+}) => {
+  if (!ignoreWarn) {
+    console.warn(
+      'A11yOrder: This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration'
+    );
+  }
+  const onLayoutHandler = useCallback(
+    (e: LayoutChangeEvent) => {
+      onLayout?.(e);
+      a11yOrder.onLayout();
+    },
+    [a11yOrder, onLayout]
+  );
+
+  const id = useId?.() || 'mock_id'; // ToDo: use native component with tag to nativeTag
+
+  return (
+    <View
+      nativeID={id}
+      {...props}
+      onLayout={onLayoutHandler}
+      ref={a11yOrder.ref}
+    />
+  );
+};

package/src/index.ts

@@ -2,6 +2,8 @@ import { A11yIndex } from './components/A11yIndex/A11yIndex';
 import { A11yIndexSequence } from './components/A11ySequence/A11ySequence';
 import { A11yGroup } from './components/A11yGroup/A11yGroup';
 
+export { A11yOrder } from './components/A11yOrder/A11yOrder';
+export type { A11yOrderProps } from './types/A11yOrder.types';
 export type { IndexCommands } from './types/A11yIndex.types';
 
 export const A11y = {

package/src/index.web.ts

@@ -1,8 +1,51 @@
+import { createRef } from 'react';
 import { View } from 'react-native';
 import { A11yIndex } from './components/A11yIndex/A11yIndex.web';
 
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const useFocusOrder = () => ({
+  a11yOrder: {
+    ref: createRef(),
+    onLayout: () => {},
+  },
+  refs: [],
+  reset: () => {},
+  setOrder: () => {},
+});
+
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const useDynamicFocusOrder = () => ({
+  a11yOrder: {
+    ref: createRef(),
+    onLayout: () => {},
+  },
+  registerOrder: () => createRef,
+  reset: () => {},
+  setOrder: () => {},
+});
+
+export const useA11yOrderManager = () => ({
+  registerOrderRef: () => () => {},
+  updateRefList: () => {},
+  reset: () => {},
+  setOrder: () => {},
+});
+
+export type { A11yOrderProps } from './types/A11yOrder.types';
 export type { IndexCommands } from './types/A11yIndex.types';
 
+/**
+ * @deprecated The method should not be used
+ * This API is going to be removed in future releases, you can find migration instruction here: https://github.com/ArturKalach/react-native-a11y-order?tab=readme-ov-file#migration
+ */
+export const A11yOrder = View;
+
 export const A11y = {
   Order: View,
   Group: View,

package/src/types/A11yOrder.types.ts

@@ -0,0 +1,9 @@
+import type { ViewProps, View } from 'react-native';
+
+export type A11yOrderProps = {
+  a11yOrder: {
+    ref: React.RefObject<View>;
+    onLayout: () => void;
+  };
+  ignoreWarn?: boolean;
+} & ViewProps;