react-native-a11y-order 0.8.1-rc → 0.8.1-rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of react-native-a11y-order might be problematic. Click here for more details.

Files changed (11) hide show
  1. package/lib/module/components/A11yView/A11yView.js +2 -2
  2. package/lib/module/components/A11yView/A11yView.js.map +1 -1
  3. package/lib/typescript/src/components/A11yIndex/A11yIndex.d.ts +2 -2
  4. package/lib/typescript/src/components/A11yIndex/A11yIndex.d.ts.map +1 -1
  5. package/lib/typescript/src/components/A11yView/A11yView.d.ts +2 -136
  6. package/lib/typescript/src/components/A11yView/A11yView.d.ts.map +1 -1
  7. package/lib/typescript/src/index.d.ts +4 -134
  8. package/lib/typescript/src/index.d.ts.map +1 -1
  9. package/lib/typescript/src/index.web.d.ts +2 -2
  10. package/package.json +2 -2
  11. package/src/components/A11yView/A11yView.tsx +50 -52
package/lib/module/components/A11yView/A11yView.js CHANGED
@@ -3,7 +3,7 @@
3
3
  import React from 'react';
4
4
  import A11yViewNativeComponent from '../../nativeSpecs/A11yViewNativeComponent';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
- export const A11yView = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(({
6
+ export const A11yView = /*#__PURE__*/React.forwardRef(({
7
7
  onScreenReaderFocused,
8
8
  onScreenReaderSubViewFocusChange,
9
9
  onScreenReaderSubViewFocused,
@@ -29,5 +29,5 @@ export const A11yView = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(({
29
29
  onScreenReaderFocusChange: onScreenReaderHandlerProp,
30
30
  onScreenReaderDescendantFocusChanged: onScreenReaderDescendantFocusChanged
31
31
  });
32
- }));
32
+ });
33
33
  //# sourceMappingURL=A11yView.js.map
package/lib/module/components/A11yView/A11yView.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","A11yViewNativeComponent","jsx","_jsx","A11yView","memo","forwardRef","onScreenReaderFocused","onScreenReaderSubViewFocusChange","onScreenReaderSubViewFocused","onScreenReaderSubViewBlurred","onScreenReaderDescendantFocusChanged","props","ref","hasHandler","Boolean","onScreenReaderChangeHandler","useCallback","event","nativeEvent","isFocused","onScreenReaderHandlerProp","undefined","descendantFocusChangedEnabled","onScreenReaderFocusChange"],"sourceRoot":"../../../../src","sources":["components/A11yView/A11yView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,uBAAuB,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIhF,OAAO,MAAMC,QAAQ,gBAAGJ,KAAK,CAACK,IAAI,cAChCL,KAAK,CAACM,UAAU,CACd,CACE;EACEC,qBAAqB;EACrBC,gCAAgC;EAChCC,4BAA4B;EAC5BC,4BAA4B;EAC5BC,oCAAoC;EACpC,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,UAAU,GAAGC,OAAO,CACxBL,4BAA4B,IAC1BD,4BAA4B,IAC5BD,gCACJ,CAAC;EAED,MAAMQ,2BAA2B,GAAGhB,KAAK,CAACiB,WAAW,CAClDC,KAA8C,IAAK;IAClDV,gCAAgC,GAAGU,KAAK,CAACC,WAAW,CAACC,SAAS,CAAC;IAC/D,IAAIF,KAAK,CAACC,WAAW,CAACC,SAAS,EAAE;MAC/BX,4BAA4B,GAAG,CAAC;IAClC,CAAC,MAAM;MACLC,4BAA4B,GAAG,CAAC;IAClC;EACF,CAAC,EACD,CACEF,gCAAgC,EAChCE,4BAA4B,EAC5BD,4BAA4B,CAEhC,CAAC;EAED,MAAMY,yBAAyB,GAAGP,UAAU,GACxCE,2BAA2B,GAC3BM,SAAS;EAEb,oBACEnB,IAAA,CAACF,uBAAuB;IAAA,GAClBW,KAAK;IACTC,GAAG,EAAEA,GAAsB;IAC3BU,6BAA6B,EAAER,OAAO,CACpCJ,oCACF,CAAE;IACFJ,qBAAqB,EAAEA,qBAAsB;IAC7CiB,yBAAyB,EAAEH,yBAA0B;IACrDV,oCAAoC,EAClCA;EACD,CACF,CAAC;AAEN,CACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","A11yViewNativeComponent","jsx","_jsx","A11yView","forwardRef","onScreenReaderFocused","onScreenReaderSubViewFocusChange","onScreenReaderSubViewFocused","onScreenReaderSubViewBlurred","onScreenReaderDescendantFocusChanged","props","ref","hasHandler","Boolean","onScreenReaderChangeHandler","useCallback","event","nativeEvent","isFocused","onScreenReaderHandlerProp","undefined","descendantFocusChangedEnabled","onScreenReaderFocusChange"],"sourceRoot":"../../../../src","sources":["components/A11yView/A11yView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,uBAAuB,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIhF,OAAO,MAAMC,QAAQ,gBAAGJ,KAAK,CAACK,UAAU,CACtC,CACE;EACEC,qBAAqB;EACrBC,gCAAgC;EAChCC,4BAA4B;EAC5BC,4BAA4B;EAC5BC,oCAAoC;EACpC,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,UAAU,GAAGC,OAAO,CACxBL,4BAA4B,IAC1BD,4BAA4B,IAC5BD,gCACJ,CAAC;EAED,MAAMQ,2BAA2B,GAAGf,KAAK,CAACgB,WAAW,CAClDC,KAA8C,IAAK;IAClDV,gCAAgC,GAAGU,KAAK,CAACC,WAAW,CAACC,SAAS,CAAC;IAC/D,IAAIF,KAAK,CAACC,WAAW,CAACC,SAAS,EAAE;MAC/BX,4BAA4B,GAAG,CAAC;IAClC,CAAC,MAAM;MACLC,4BAA4B,GAAG,CAAC;IAClC;EACF,CAAC,EACD,CACEF,gCAAgC,EAChCE,4BAA4B,EAC5BD,4BAA4B,CAEhC,CAAC;EAED,MAAMY,yBAAyB,GAAGP,UAAU,GACxCE,2BAA2B,GAC3BM,SAAS;EAEb,oBACElB,IAAA,CAACF,uBAAuB;IAAA,GAClBU,KAAK;IACTC,GAAG,EAAEA,GAAsB;IAC3BU,6BAA6B,EAAER,OAAO,CACpCJ,oCACF,CAAE;IACFJ,qBAAqB,EAAEA,qBAAsB;IAC7CiB,yBAAyB,EAAEH,yBAA0B;IACrDV,oCAAoC,EAClCA;EACD,CACF,CAAC;AAEN,CACF,CAA2B","ignoreList":[]}
package/lib/typescript/src/components/A11yIndex/A11yIndex.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type IndexCommands } from '../../types/A11yIndex.types';
3
- export declare const A11yIndex: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
3
+ export declare const A11yIndex: React.NamedExoticComponent<{
4
4
  children: React.ReactNode;
5
5
  index: number;
6
6
  orderType?: import("../..").A11yOrderType;
@@ -130,5 +130,5 @@ export declare const A11yIndex: React.MemoExoticComponent<React.ForwardRefExotic
130
130
  pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
131
131
  removeClippedSubviews?: boolean | undefined;
132
132
  experimental_accessibilityOrder?: Array<string> | undefined;
133
- }>, never>> & React.RefAttributes<IndexCommands>>>;
133
+ }>, never>> & React.RefAttributes<IndexCommands>>;
134
134
  //# sourceMappingURL=A11yIndex.d.ts.map
package/lib/typescript/src/components/A11yIndex/A11yIndex.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"A11yIndex.d.ts","sourceRoot":"","sources":["../../../../../src/components/A11yIndex/A11yIndex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA8ErB,CAAC"}
1
+ {"version":3,"file":"A11yIndex.d.ts","sourceRoot":"","sources":["../../../../../src/components/A11yIndex/A11yIndex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA8ErB,CAAC"}
package/lib/typescript/src/components/A11yView/A11yView.d.ts CHANGED
@@ -1,137 +1,3 @@
1
- import React from 'react';
2
- export declare const A11yView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Readonly<Omit<Readonly<{
3
- onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
4
- onAccessibilityTap?: (() => unknown) | undefined;
5
- onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
6
- onMagicTap?: (() => unknown) | undefined;
7
- onAccessibilityEscape?: (() => unknown) | undefined;
8
- }>, "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
9
- onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
10
- onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
11
- onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
12
- onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
13
- onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
14
- onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
15
- onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
16
- onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
17
- onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
18
- onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
19
- onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
20
- onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
21
- }>, "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
22
- onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
23
- onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
24
- }>, "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
25
- onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
26
- onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
27
- onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
28
- onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
29
- onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
30
- onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
31
- onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
32
- onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
33
- onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
34
- onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
35
- onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
36
- onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
37
- onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
38
- onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
39
- onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
40
- onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
41
- onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
42
- onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
43
- onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
44
- onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
45
- onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
46
- onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
47
- }>, "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
48
- onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
49
- onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
50
- onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
51
- onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
52
- }>, "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
53
- onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
54
- onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
55
- onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
56
- onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
57
- onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
58
- onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
59
- onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
60
- onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
61
- }>, "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
62
- nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
63
- nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
64
- renderToHardwareTextureAndroid?: boolean | undefined;
65
- hasTVPreferredFocus?: boolean | undefined;
66
- nextFocusDown?: number | undefined;
67
- nextFocusForward?: number | undefined;
68
- nextFocusLeft?: number | undefined;
69
- nextFocusRight?: number | undefined;
70
- nextFocusUp?: number | undefined;
71
- focusable?: boolean | undefined;
72
- tabIndex?: 0 | -1;
73
- onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
74
- }>, "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
75
- shouldRasterizeIOS?: boolean | undefined;
76
- }>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
77
- accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
78
- "aria-labelledby"?: string | undefined;
79
- accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
80
- "aria-live"?: ("polite" | "assertive" | "off") | undefined;
81
- importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
82
- screenReaderFocusable?: boolean;
83
- }>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
84
- accessibilityIgnoresInvertColors?: boolean | undefined;
85
- accessibilityViewIsModal?: boolean | undefined;
86
- accessibilityShowsLargeContentViewer?: boolean | undefined;
87
- accessibilityLargeContentTitle?: string | undefined;
88
- "aria-modal"?: boolean | undefined;
89
- accessibilityElementsHidden?: boolean | undefined;
90
- accessibilityLanguage?: string | undefined;
91
- accessibilityRespondsToUserInteraction?: boolean | undefined;
92
- }>, "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
93
- accessible?: boolean | undefined;
94
- accessibilityLabel?: string | undefined;
95
- accessibilityHint?: string | undefined;
96
- "aria-label"?: string | undefined;
97
- accessibilityRole?: import("react-native").AccessibilityRole | undefined;
98
- role?: import("react-native").Role | undefined;
99
- accessibilityState?: import("react-native").AccessibilityState | undefined;
100
- accessibilityValue?: import("react-native").AccessibilityValue | undefined;
101
- "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
102
- "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
103
- "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
104
- "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
105
- accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
106
- "aria-busy"?: boolean | undefined;
107
- "aria-checked"?: (boolean | undefined) | "mixed";
108
- "aria-disabled"?: boolean | undefined;
109
- "aria-expanded"?: boolean | undefined;
110
- "aria-selected"?: boolean | undefined;
111
- "aria-hidden"?: boolean | undefined;
112
- }>, "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
113
- children?: React.ReactNode;
114
- style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
115
- collapsable?: boolean | undefined;
116
- collapsableChildren?: boolean | undefined;
117
- id?: string;
118
- testID?: string | undefined;
119
- nativeID?: string | undefined;
120
- needsOffscreenAlphaCompositing?: boolean | undefined;
121
- hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
122
- pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
123
- removeClippedSubviews?: boolean | undefined;
124
- experimental_accessibilityOrder?: Array<string> | undefined;
125
- }>, never>> & {
126
- autoFocus?: boolean;
127
- onScreenReaderFocused?: () => void;
128
- onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
129
- onScreenReaderSubViewFocused?: () => void;
130
- onScreenReaderSubViewBlurred?: () => void;
131
- onScreenReaderDescendantFocusChanged?: (e: import("../..").ScreenReaderDescendantFocusChangedEvent) => void;
132
- } & React.RefAttributes<(props: Omit<import("react-native").ViewProps, keyof {
133
- ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
134
- }> & {
135
- ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
136
- }) => React.ReactNode>>>;
1
+ import { View } from 'react-native';
2
+ export declare const A11yView: typeof View;
137
3
  //# sourceMappingURL=A11yView.d.ts.map
package/lib/typescript/src/components/A11yView/A11yView.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"A11yView.d.ts","sourceRoot":"","sources":["../../../../../src/components/A11yView/A11yView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoBuC,CAAA;;OACW,CAAC;wBAkCvE,CAAC"}
1
+ {"version":3,"file":"A11yView.d.ts","sourceRoot":"","sources":["../../../../../src/components/A11yView/A11yView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,QAAQ,EAqDL,OAAO,IAAI,CAAC"}
package/lib/typescript/src/index.d.ts CHANGED
@@ -127,7 +127,7 @@ export declare const A11y: {
127
127
  removeClippedSubviews?: boolean | undefined;
128
128
  experimental_accessibilityOrder?: Array<string> | undefined;
129
129
  }>, never>>>;
130
- Index: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
130
+ Index: import("react").NamedExoticComponent<{
131
131
  children: React.ReactNode;
132
132
  index: number;
133
133
  orderType?: import(".").A11yOrderType;
@@ -257,7 +257,7 @@ export declare const A11y: {
257
257
  pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
258
258
  removeClippedSubviews?: boolean | undefined;
259
259
  experimental_accessibilityOrder?: Array<string> | undefined;
260
- }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>>;
260
+ }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>;
261
261
  Group: import("react").ExoticComponent<import("./types/A11yGroup.types").A11yGroupProps>;
262
262
  Container: import("react").ExoticComponent<import(".").A11yUIContainerProps>;
263
263
  PaneTitle: ({ title, detachMessage, type, children, displayed, withFocusRestore, }: import("react-native").ViewProps & ({
@@ -278,141 +278,11 @@ export declare const A11y: {
278
278
  } & {
279
279
  children?: import("react").ReactNode | undefined;
280
280
  }, "type">) => import("react").JSX.Element;
281
- View: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Readonly<Omit<Readonly<{
282
- onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
283
- onAccessibilityTap?: (() => unknown) | undefined;
284
- onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
285
- onMagicTap?: (() => unknown) | undefined;
286
- onAccessibilityEscape?: (() => unknown) | undefined;
287
- }>, "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
288
- onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
289
- onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
290
- onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
291
- onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
292
- onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
293
- onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
294
- onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
295
- onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
296
- onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
297
- onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
298
- onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
299
- onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
300
- }>, "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
301
- onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
302
- onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
303
- }>, "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
304
- onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
305
- onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
306
- onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
307
- onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
308
- onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
309
- onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
310
- onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
311
- onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
312
- onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
313
- onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
314
- onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
315
- onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
316
- onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
317
- onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
318
- onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
319
- onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
320
- onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
321
- onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
322
- onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
323
- onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
324
- onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
325
- onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
326
- }>, "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
327
- onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
328
- onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
329
- onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
330
- onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
331
- }>, "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
332
- onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
333
- onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
334
- onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
335
- onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
336
- onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
337
- onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
338
- onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
339
- onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
340
- }>, "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
341
- nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
342
- nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
343
- renderToHardwareTextureAndroid?: boolean | undefined;
344
- hasTVPreferredFocus?: boolean | undefined;
345
- nextFocusDown?: number | undefined;
346
- nextFocusForward?: number | undefined;
347
- nextFocusLeft?: number | undefined;
348
- nextFocusRight?: number | undefined;
349
- nextFocusUp?: number | undefined;
350
- focusable?: boolean | undefined;
351
- tabIndex?: 0 | -1;
352
- onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
353
- }>, "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
354
- shouldRasterizeIOS?: boolean | undefined;
355
- }>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
356
- accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
357
- "aria-labelledby"?: string | undefined;
358
- accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
359
- "aria-live"?: ("polite" | "assertive" | "off") | undefined;
360
- importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
361
- screenReaderFocusable?: boolean;
362
- }>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
363
- accessibilityIgnoresInvertColors?: boolean | undefined;
364
- accessibilityViewIsModal?: boolean | undefined;
365
- accessibilityShowsLargeContentViewer?: boolean | undefined;
366
- accessibilityLargeContentTitle?: string | undefined;
367
- "aria-modal"?: boolean | undefined;
368
- accessibilityElementsHidden?: boolean | undefined;
369
- accessibilityLanguage?: string | undefined;
370
- accessibilityRespondsToUserInteraction?: boolean | undefined;
371
- }>, "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
372
- accessible?: boolean | undefined;
373
- accessibilityLabel?: string | undefined;
374
- accessibilityHint?: string | undefined;
375
- "aria-label"?: string | undefined;
376
- accessibilityRole?: import("react-native").AccessibilityRole | undefined;
377
- role?: import("react-native").Role | undefined;
378
- accessibilityState?: import("react-native").AccessibilityState | undefined;
379
- accessibilityValue?: import("react-native").AccessibilityValue | undefined;
380
- "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
381
- "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
382
- "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
383
- "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
384
- accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
385
- "aria-busy"?: boolean | undefined;
386
- "aria-checked"?: (boolean | undefined) | "mixed";
387
- "aria-disabled"?: boolean | undefined;
388
- "aria-expanded"?: boolean | undefined;
389
- "aria-selected"?: boolean | undefined;
390
- "aria-hidden"?: boolean | undefined;
391
- }>, "children" | "style" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
392
- children?: React.ReactNode;
393
- style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
394
- collapsable?: boolean | undefined;
395
- collapsableChildren?: boolean | undefined;
396
- id?: string;
397
- testID?: string | undefined;
398
- nativeID?: string | undefined;
399
- needsOffscreenAlphaCompositing?: boolean | undefined;
400
- hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
401
- pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
402
- removeClippedSubviews?: boolean | undefined;
403
- experimental_accessibilityOrder?: Array<string> | undefined;
404
- }>, never>> & {
405
- autoFocus?: boolean;
406
- onScreenReaderFocused?: () => void;
407
- onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
408
- onScreenReaderSubViewFocused?: () => void;
409
- onScreenReaderSubViewBlurred?: () => void;
410
- onScreenReaderDescendantFocusChanged?: (e: import(".").ScreenReaderDescendantFocusChangedEvent) => void;
411
- } & import("react").RefAttributes<(props: Omit<import("react-native").ViewProps, keyof {
281
+ View: (props: Omit<import("react-native").ViewProps, keyof {
412
282
  ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
413
283
  }> & {
414
284
  ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
415
- }) => React.ReactNode>>>;
285
+ }) => React.ReactNode;
416
286
  FocusFrame: (props: import("react-native").ViewProps) => import("react").JSX.Element;
417
287
  FocusTrap: (props: import("./types/A11yLock.types").A11yLockProps) => import("react").JSX.Element;
418
288
  };
package/lib/typescript/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAYA,YAAY,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EAAE,uCAAuC,EAAE,MAAM,wBAAwB,CAAC;AAEtF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WANE,CAAC;;WAE4B,CAAC;;;;CAchD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAYA,YAAY,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EAAE,uCAAuC,EAAE,MAAM,wBAAwB,CAAC;AAEtF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WANE,CAAC;;WAE4B,CAAC;;;;CAchD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}
package/lib/typescript/src/index.web.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const A11y: {
13
13
  }> & {
14
14
  ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
15
15
  }) => React.ReactNode;
16
- Index: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
16
+ Index: import("react").NamedExoticComponent<{
17
17
  children: React.ReactNode;
18
18
  index: number;
19
19
  orderType?: import(".").A11yOrderType;
@@ -143,7 +143,7 @@ export declare const A11y: {
143
143
  pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
144
144
  removeClippedSubviews?: boolean | undefined;
145
145
  experimental_accessibilityOrder?: Array<string> | undefined;
146
- }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>>;
146
+ }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>;
147
147
  Container: (props: Omit<import("react-native").ViewProps, keyof {
148
148
  ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
149
149
  }> & {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-a11y-order",
3
- "version": "0.8.1-rc",
3
+ "version": "0.8.1-rc1",
4
4
  "description": "ReactNative library for managing screen reader focus ordering",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
@@ -72,7 +72,7 @@
72
72
  "@react-native/eslint-config": "0.83.0",
73
73
  "@release-it/conventional-changelog": "^10.0.1",
74
74
  "@types/jest": "^29.5.14",
75
- "@types/react": "^18.2.44",
75
+ "@types/react": "^19.2.0",
76
76
  "commitlint": "^19.8.1",
77
77
  "del-cli": "^6.0.0",
78
78
  "eslint": "^9.35.0",
package/src/components/A11yView/A11yView.tsx CHANGED
@@ -3,59 +3,57 @@ import A11yViewNativeComponent from '../../nativeSpecs/A11yViewNativeComponent';
3
3
  import type { A11yViewProps } from '../../types/A11yView.types';
4
4
  import { View } from 'react-native';
5
5
 
6
- export const A11yView = React.memo(
7
- React.forwardRef<View, A11yViewProps>(
8
- (
9
- {
10
- onScreenReaderFocused,
6
+ export const A11yView = React.forwardRef<View, A11yViewProps>(
7
+ (
8
+ {
9
+ onScreenReaderFocused,
10
+ onScreenReaderSubViewFocusChange,
11
+ onScreenReaderSubViewFocused,
12
+ onScreenReaderSubViewBlurred,
13
+ onScreenReaderDescendantFocusChanged,
14
+ ...props
15
+ },
16
+ ref
17
+ ) => {
18
+ const hasHandler = Boolean(
19
+ onScreenReaderSubViewBlurred ||
20
+ onScreenReaderSubViewFocused ||
21
+ onScreenReaderSubViewFocusChange
22
+ );
23
+
24
+ const onScreenReaderChangeHandler = React.useCallback(
25
+ (event: { nativeEvent: { isFocused: boolean } }) => {
26
+ onScreenReaderSubViewFocusChange?.(event.nativeEvent.isFocused);
27
+ if (event.nativeEvent.isFocused) {
28
+ onScreenReaderSubViewFocused?.();
29
+ } else {
30
+ onScreenReaderSubViewBlurred?.();
31
+ }
32
+ },
33
+ [
11
34
  onScreenReaderSubViewFocusChange,
12
- onScreenReaderSubViewFocused,
13
35
  onScreenReaderSubViewBlurred,
14
- onScreenReaderDescendantFocusChanged,
15
- ...props
16
- },
17
- ref
18
- ) => {
19
- const hasHandler = Boolean(
20
- onScreenReaderSubViewBlurred ||
21
- onScreenReaderSubViewFocused ||
22
- onScreenReaderSubViewFocusChange
23
- );
24
-
25
- const onScreenReaderChangeHandler = React.useCallback(
26
- (event: { nativeEvent: { isFocused: boolean } }) => {
27
- onScreenReaderSubViewFocusChange?.(event.nativeEvent.isFocused);
28
- if (event.nativeEvent.isFocused) {
29
- onScreenReaderSubViewFocused?.();
30
- } else {
31
- onScreenReaderSubViewBlurred?.();
32
- }
33
- },
34
- [
35
- onScreenReaderSubViewFocusChange,
36
- onScreenReaderSubViewBlurred,
37
- onScreenReaderSubViewFocused,
38
- ]
39
- );
36
+ onScreenReaderSubViewFocused,
37
+ ]
38
+ );
40
39
 
41
- const onScreenReaderHandlerProp = hasHandler
42
- ? onScreenReaderChangeHandler
43
- : undefined;
40
+ const onScreenReaderHandlerProp = hasHandler
41
+ ? onScreenReaderChangeHandler
42
+ : undefined;
44
43
 
45
- return (
46
- <A11yViewNativeComponent
47
- {...props}
48
- ref={ref as React.Ref<any>}
49
- descendantFocusChangedEnabled={Boolean(
50
- onScreenReaderDescendantFocusChanged
51
- )}
52
- onScreenReaderFocused={onScreenReaderFocused}
53
- onScreenReaderFocusChange={onScreenReaderHandlerProp}
54
- onScreenReaderDescendantFocusChanged={
55
- onScreenReaderDescendantFocusChanged
56
- }
57
- />
58
- );
59
- }
60
- )
61
- );
44
+ return (
45
+ <A11yViewNativeComponent
46
+ {...props}
47
+ ref={ref as React.Ref<any>}
48
+ descendantFocusChangedEnabled={Boolean(
49
+ onScreenReaderDescendantFocusChanged
50
+ )}
51
+ onScreenReaderFocused={onScreenReaderFocused}
52
+ onScreenReaderFocusChange={onScreenReaderHandlerProp}
53
+ onScreenReaderDescendantFocusChanged={
54
+ onScreenReaderDescendantFocusChanged
55
+ }
56
+ />
57
+ );
58
+ }
59
+ ) as unknown as typeof View;