@react-native-ama/core 1.2.0 → 2.0.0-beta.0

package/dist/ReactNativeAma.types.d.ts

@@ -0,0 +1,66 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export type OnLoadEventPayload = {
+    url: string;
+};
+export type AmaNode = {
+    type: 'Pressable' | 'Text' | 'TextInput' | 'Image';
+    viewId: number;
+    bounds: [number, number, number, number];
+    hitSlop?: {
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+    };
+    ariaLabel?: string;
+    ariaRole?: string;
+    traits?: string[];
+    content?: string;
+    fg?: string;
+    bg?: string;
+    fontSize?: number;
+    isBold?: boolean;
+    isEnabled?: boolean;
+    returnType?: number;
+    hasOnSubmitEditing: boolean;
+    isAccessible?: boolean;
+};
+export type AmaNodes = Record<number, AmaNode>;
+export type AmaUiSnapshot = {
+    fgColor?: string;
+    bgColor?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    parentId: number;
+    isPressable: boolean;
+    isChecked: boolean;
+    isBusy: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isExpanded: boolean;
+};
+export type AmaUiSnapshotsData = {
+    rootTag: number;
+    before: Record<number, AmaUiSnapshot>;
+    after: Record<number, AmaUiSnapshot>;
+    afterSettled?: Record<number, AmaUiSnapshot>;
+    beforeModalVisible: boolean;
+    afterModalVisible: boolean;
+};
+export type AmaUiSnapshotKeys = keyof AmaUiSnapshot;
+export type ReactNativeAmaModuleEvents = {
+    onAmaNodes: (nodes: AmaNodes) => void;
+    onUIInteraction: (nodes: AmaUiSnapshotsData) => void;
+};
+export type ChangeEventPayload = {
+    value: string;
+};
+export type ReactNativeAmaViewProps = {
+    url: string;
+    onLoad: (event: {
+        nativeEvent: OnLoadEventPayload;
+    }) => void;
+    style?: StyleProp<ViewStyle>;
+};

package/dist/ReactNativeAma.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ReactNativeAmaModule.d.ts

@@ -0,0 +1,11 @@
+import { NativeModule } from 'expo';
+import { ReactNativeAmaModuleEvents } from './ReactNativeAma.types';
+import { Position } from './internals/types';
+declare class ReactNativeAmaModule extends NativeModule<ReactNativeAmaModuleEvents> {
+    start(config?: any): void;
+    stop(): void;
+    highlight(viewId: number, mode: 'background' | 'border' | 'both', color: string, issueCount: number): Promise<Position>;
+    clearHighlight(viewId: number): void;
+}
+declare const _default: ReactNativeAmaModule;
+export default _default;

package/dist/ReactNativeAmaModule.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const expo_1 = require("expo");
+// This call loads the native module object from the JSI.
+exports.default = (0, expo_1.requireNativeModule)('ReactNativeAma');

package/dist/ReactNativeAmaModule.web.d.ts

@@ -0,0 +1,9 @@
+import { NativeModule } from 'expo';
+import { AmaNodes, ReactNativeAmaModuleEvents } from './ReactNativeAma.types';
+declare class ReactNativeAmaModule extends NativeModule<ReactNativeAmaModuleEvents> {
+    PI: number;
+    setValueAsync(nodes: AmaNodes): Promise<void>;
+    hello(): string;
+}
+declare const _default: typeof ReactNativeAmaModule;
+export default _default;

package/dist/ReactNativeAmaModule.web.js

@@ -0,0 +1,27 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const expo_1 = require("expo");
+class ReactNativeAmaModule extends expo_1.NativeModule {
+    constructor() {
+        super(...arguments);
+        this.PI = Math.PI;
+    }
+    setValueAsync(nodes) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emit('onAmaNodes', nodes);
+        });
+    }
+    hello() {
+        return 'Hello world! 👋';
+    }
+}
+exports.default = (0, expo_1.registerWebModule)(ReactNativeAmaModule, 'ReactNativeAmaModule');

package/dist/ReactNativeAmaView.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ReactNativeAmaViewProps } from './ReactNativeAma.types';
+export default function ReactNativeAmaView(props: ReactNativeAmaViewProps): React.JSX.Element;

package/dist/ReactNativeAmaView.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const expo_1 = require("expo");
+const React = __importStar(require("react"));
+const NativeView = (0, expo_1.requireNativeView)('ReactNativeAma');
+function ReactNativeAmaView(props) {
+    return <NativeView {...props}/>;
+}
+exports.default = ReactNativeAmaView;

package/dist/ReactNativeAmaView.web.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ReactNativeAmaViewProps } from './ReactNativeAma.types';
+export default function ReactNativeAmaView(props: ReactNativeAmaViewProps): React.JSX.Element;

package/dist/ReactNativeAmaView.web.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+function ReactNativeAmaView(props) {
+    return (<div>
+      <iframe 
+    // eslint-disable-next-line react-native/no-inline-styles
+    style={{ flex: 1 }} src={props.url} onLoad={() => props.onLoad({ nativeEvent: { url: props.url } })}/>
+    </div>);
+}
+exports.default = ReactNativeAmaView;

package/dist/{src/components → components}/AMAProvider.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { AmaRule } from '../internals/types';
 type AMAProviderProps = {
     children: React.ReactNode;
 };
@@ -9,14 +10,15 @@ type SharedContextValue = {
     isInvertColorsEnabled: boolean;
     isReduceMotionEnabled: boolean;
     isReduceTransparencyEnabled: boolean;
+    isHighTextContrastEnabled: boolean;
+    isDarkerSystemColorsEnabled: boolean;
     reactNavigationScreenOptions: {
         animationEnabled: boolean;
         animation: 'default' | 'fade';
     };
 };
 export type AMADevContextValue = SharedContextValue & {
-    trackError: (id: string) => void;
-    removeError: (id: string) => void;
+    trackError: (rule: AmaRule, ref?: React.RefObject<any>) => void;
 };
 export type AMAProdContextValue = SharedContextValue & {};
 export type AMAContextValue = AMADevContextValue | AMAProdContextValue;

package/dist/{src/components → components}/AMAProvider.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable react-native/no-inline-styles */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -25,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAMAContext = exports.AMAProvider = exports.isDevContextValue = void 0;
-const internal_1 = require("@react-native-ama/internal");
+/* eslint-disable react-native/no-inline-styles */
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const eventsMapping = {
@@ -35,6 +34,8 @@ const eventsMapping = {
     boldTextChanged: 'isBoldTextEnabled',
     invertColorsChanged: 'isInvertColorsEnabled',
     screenReaderChanged: 'isScreenReaderEnabled',
+    highTextContrastChanged: 'isHighTextContrastEnabled',
+    darkerSystemColorsChanged: 'isDarkerSystemColorsEnabled',
 };
 const isDevContextValue = (value) => value.trackError !== undefined;
 exports.isDevContextValue = isDevContextValue;
@@ -45,17 +46,27 @@ const DEFAULT_VALUES = {
     isInvertColorsEnabled: false,
     isReduceMotionEnabled: false,
     isScreenReaderEnabled: false,
+    isHighTextContrastEnabled: false,
+    isDarkerSystemColorsEnabled: false,
     reactNavigationScreenOptions: {
         animationEnabled: true,
         animation: 'default',
     },
 };
 const AMAContext = React.createContext(null);
+const AMAErrorOverlay = __DEV__
+    ? require('../internals/components/AMAErrorOverlay')
+        .AMAErrorOverlay
+    : null;
+const useAMADev = __DEV__
+    ? require('../internals/useAMADev').useAMADev
+    : null;
 const AMAProvider = ({ children }) => {
     const [values, setValues] = React.useState(DEFAULT_VALUES);
+    const { issues, trackError } = (__DEV__ && (useAMADev === null || useAMADev === void 0 ? void 0 : useAMADev())) || {};
     const handleAccessibilityInfoChanged = (key) => {
         return (newValue) => {
-            setValues(oldValues => {
+            setValues((oldValues) => {
                 const newValues = Object.assign({}, oldValues);
                 newValues[key] = newValue;
                 if (key === 'isReduceMotionEnabled') {
@@ -74,44 +85,25 @@ const AMAProvider = ({ children }) => {
             allInitPromises.push(react_native_1.AccessibilityInfo[contextKey]());
             return react_native_1.AccessibilityInfo.addEventListener(eventName, handleAccessibilityInfoChanged(contextKey));
         });
-        Promise.all(allInitPromises).then(promisesValues => {
+        Promise.all(allInitPromises).then((promisesValues) => {
             const newValues = Object.values(eventsMapping).reduce((list, key, index) => {
                 list[key] = promisesValues[index];
                 return list;
             }, {});
-            setValues(oldValues => {
+            setValues((oldValues) => {
                 return Object.assign(Object.assign({}, oldValues), newValues);
             });
         });
         return () => {
-            subscriptions.forEach(subscription => subscription === null || subscription === void 0 ? void 0 : subscription.remove());
+            subscriptions.forEach((subscription) => subscription === null || subscription === void 0 ? void 0 : subscription.remove());
         };
     }, []);
-    const [failedItems, setFailedItems] = React.useState([]);
     if (__DEV__) {
-        const trackError = (id) => {
-            if (failedItems.includes(id)) {
-                return;
-            }
-            setFailedItems(items => [...items, id]);
-            react_native_1.AccessibilityInfo.announceForAccessibility("One or more component didn't pass the accessibility check, please check the console for more info");
-        };
-        const removeError = (id) => {
-            setFailedItems(items => {
-                const index = items.indexOf(id);
-                if (index >= 0) {
-                    items.splice(index);
-                    return [...items];
-                }
-                return items;
-            });
-        };
-        return (<AMAContext.Provider value={Object.assign(Object.assign({}, values), { trackError,
-                removeError })}>
+        return (<AMAContext.Provider value={Object.assign(Object.assign({}, values), { trackError: trackError || (() => { }) })}>
         <react_native_1.View style={{ flex: 1 }}>
           <>
             {children}
-            {failedItems.length > 0 ? (<AMAError count={failedItems.length}/>) : null}
+            {AMAErrorOverlay && <AMAErrorOverlay issues={issues}/>}
           </>
         </react_native_1.View>
       </AMAContext.Provider>);
@@ -119,24 +111,6 @@ const AMAProvider = ({ children }) => {
     return <AMAContext.Provider value={values}>{children}</AMAContext.Provider>;
 };
 exports.AMAProvider = AMAProvider;
-const AMAError = ({ count }) => {
-    const error = `${count} component(s) didn't pass the accessibility check(s)`;
-    return (<react_native_1.View accessibilityLabel={error} accessibilityHint="Please check the console for more info..." style={{
-            paddingHorizontal: 24,
-            paddingTop: 24,
-            paddingBottom: 48,
-            backgroundColor: internal_1.RED,
-        }} testID="amaError">
-      <react_native_1.View accessible={true}>
-        <react_native_1.Text style={{ color: 'white', fontSize: 16, lineHeight: 26 }} testID="amaError.message">
-          {error}
-        </react_native_1.Text>
-        <react_native_1.Text style={{ color: 'white', fontSize: 16, lineHeight: 24 }}>
-          Please check the console for more info...
-        </react_native_1.Text>
-      </react_native_1.View>
-    </react_native_1.View>);
-};
 const useAMAContext = () => {
     const context = React.useContext(AMAContext);
     if (!context) {

package/dist/{src/components → components}/AutofocusContainer.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { TouchableWithoutFeedbackProps, ViewProps } from 'react-native';
-import { PickAccessibleProps } from '@react-native-ama/internal';
+type AccessibilityPropKeys = 'accessibilityActions' | 'accessibilityElementsHidden' | 'accessibilityHint' | 'accessibilityLabel' | 'accessibilityLiveRegion' | 'accessibilityRole' | 'accessibilityState' | 'accessibilityViewIsModal' | 'onAccessibilityAction' | 'testID';
+type PickAccessibleProps<T> = Pick<T, Extract<keyof T, AccessibilityPropKeys>>;
 type TouchableAccessibleProps = PickAccessibleProps<TouchableWithoutFeedbackProps>;
 export type AutofocusContainerProps = React.PropsWithChildren<(({
     wrapChildrenInAccessibleView?: true;

package/dist/{src/components → components}/HideChildrenFromAccessibilityTree.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, type JSX } from 'react';
 type HideChildrenFromAccessibilityTreeProps = {
     testID?: string;
 };

package/dist/{src/components → components}/HideChildrenFromAccessibilityTree.js

@@ -28,13 +28,15 @@ const HideChildrenFromAccessibilityTreeIOS = ({ children, }) => {
 };
 const hideChildrenFromAccessibilityTree = (component) => {
     return (react_1.default.Children.map(component, child => {
-        return react_1.default.isValidElement(child)
-            ? react_1.default.cloneElement(child, {
+        if (react_1.default.isValidElement(child)) {
+            const element = child;
+            return react_1.default.cloneElement(element, {
                 // @ts-ignore
                 importantForAccessibility: 'no',
                 accessibilityElementsHidden: true,
-                children: hideChildrenFromAccessibilityTree(child.props.children),
-            })
-            : child;
+                children: hideChildrenFromAccessibilityTree(element.props.children),
+            });
+        }
+        return child;
     }) || null);
 };

package/dist/{src/hooks → hooks}/useFocus.js

@@ -24,9 +24,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocus = void 0;
-const internal_1 = require("@react-native-ama/internal");
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
+const SHELL_COLORS = __DEV__
+    ? {
+        BG_RED: '\x1b[41m',
+        RESET: '\x1b[0m',
+        BLUE: '\x1b[34m',
+        YELLOW: '\x1b[33m',
+    }
+    : null;
 const useFocus = (refComponent) => {
     const setFocus = React.useCallback((component) => {
         if (!component) {
@@ -44,14 +51,14 @@ const useFocus = (refComponent) => {
                 else if (__DEV__) {
                     console.warn(
                     // @ts-ignore
-                    `${internal_1.SHELL_COLORS.BG_RED}AMA.${internal_1.SHELL_COLORS.RESET} ${internal_1.SHELL_COLORS.BLUE}useFocus${internal_1.SHELL_COLORS.RESET}: ${internal_1.SHELL_COLORS.YELLOW}Ref element not found${internal_1.SHELL_COLORS.RESET}`);
+                    `${SHELL_COLORS.BG_RED}AMA.${SHELL_COLORS.RESET} ${SHELL_COLORS.BLUE}useFocus${SHELL_COLORS.RESET}: ${SHELL_COLORS.YELLOW}Ref element not found${SHELL_COLORS.RESET}`);
                 }
             }
             catch (error) {
                 if (__DEV__) {
                     console.warn(
                     // @ts-ignore
-                    `${internal_1.SHELL_COLORS.BG_RED}AMA.${internal_1.SHELL_COLORS.RESET} ${internal_1.SHELL_COLORS.BLUE}useFocus${internal_1.SHELL_COLORS.RESET}: ${internal_1.SHELL_COLORS.YELLOW}Error finding node handle${internal_1.SHELL_COLORS.RESET} \n`, error);
+                    `${SHELL_COLORS.BG_RED}AMA.${SHELL_COLORS.RESET} ${SHELL_COLORS.BLUE}useFocus${SHELL_COLORS.RESET}: ${SHELL_COLORS.YELLOW}Error finding node handle${SHELL_COLORS.RESET} \n`, error);
                 }
             }
         });

package/dist/{src/index.d.ts → index.d.ts}

@@ -1,7 +1,8 @@
 export { AutofocusContainer, type AutofocusContainerProps, } from './components/AutofocusContainer';
 export { AMAProvider, useAMAContext, type AMAContextValue, type AMADevContextValue, type AMAProdContextValue, } from './components/AMAProvider';
 export { HideChildrenFromAccessibilityTree } from './components/HideChildrenFromAccessibilityTree';
-export { useButtonChecks } from './hooks/useButtonChecks';
-export { useChecks } from './hooks/useChecks';
 export { useFocus } from './hooks/useFocus';
 export { useTimedAction } from './hooks/useTimedAction';
+export { default } from './ReactNativeAmaModule';
+export { default as ReactNativeAmaView } from './ReactNativeAmaView';
+export * from './ReactNativeAma.types';

package/dist/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactNativeAmaView = exports.default = exports.useTimedAction = exports.useFocus = exports.HideChildrenFromAccessibilityTree = exports.useAMAContext = exports.AMAProvider = exports.AutofocusContainer = void 0;
+// Components
+var AutofocusContainer_1 = require("./components/AutofocusContainer");
+Object.defineProperty(exports, "AutofocusContainer", { enumerable: true, get: function () { return AutofocusContainer_1.AutofocusContainer; } });
+var AMAProvider_1 = require("./components/AMAProvider");
+Object.defineProperty(exports, "AMAProvider", { enumerable: true, get: function () { return AMAProvider_1.AMAProvider; } });
+Object.defineProperty(exports, "useAMAContext", { enumerable: true, get: function () { return AMAProvider_1.useAMAContext; } });
+var HideChildrenFromAccessibilityTree_1 = require("./components/HideChildrenFromAccessibilityTree");
+Object.defineProperty(exports, "HideChildrenFromAccessibilityTree", { enumerable: true, get: function () { return HideChildrenFromAccessibilityTree_1.HideChildrenFromAccessibilityTree; } });
+// Hooks
+var useFocus_1 = require("./hooks/useFocus");
+Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return useFocus_1.useFocus; } });
+var useTimedAction_1 = require("./hooks/useTimedAction");
+Object.defineProperty(exports, "useTimedAction", { enumerable: true, get: function () { return useTimedAction_1.useTimedAction; } });
+var ReactNativeAmaModule_1 = require("./ReactNativeAmaModule");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ReactNativeAmaModule_1).default; } });
+var ReactNativeAmaView_1 = require("./ReactNativeAmaView");
+Object.defineProperty(exports, "ReactNativeAmaView", { enumerable: true, get: function () { return __importDefault(ReactNativeAmaView_1).default; } });
+__exportStar(require("./ReactNativeAma.types"), exports);

package/dist/internals/checks/checkAriaLabel.d.ts

@@ -0,0 +1,3 @@
+import { AmaNode } from '../../ReactNativeAma.types';
+import { AmaError } from '../types';
+export declare const checkAriaLabel: (node: AmaNode) => AmaError | null;

package/dist/internals/checks/checkAriaLabel.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkAriaLabel = void 0;
+const checkAriaLabel = (node) => {
+    const { ariaLabel } = node;
+    if (['Pressable', 'TextInput'].includes(node.type) && !ariaLabel) {
+        return {
+            rule: 'NO_ACCESSIBILITY_LABEL',
+            label: node.ariaLabel,
+            viewId: node.viewId,
+        };
+    }
+    return null;
+};
+exports.checkAriaLabel = checkAriaLabel;

package/dist/internals/checks/checkAriaRole.d.ts

@@ -0,0 +1,3 @@
+import { AmaNode } from '../../ReactNativeAma.types';
+import { AmaError } from '../types';
+export declare const checkAriaRole: (node: AmaNode) => AmaError | null;

package/dist/internals/checks/checkAriaRole.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkAriaRole = void 0;
+const react_native_1 = require("react-native");
+const checkAriaRole = (node) => {
+    var _a;
+    const { ariaRole, traits } = node;
+    const filteredTraits = traits === null || traits === void 0 ? void 0 : traits.filter((trait) => trait !== 'notEnabled' && trait !== 'selected');
+    const a11yRole = (_a = ariaRole !== null && ariaRole !== void 0 ? ariaRole : filteredTraits === null || filteredTraits === void 0 ? void 0 : filteredTraits.join('')) !== null && _a !== void 0 ? _a : '';
+    if (node.type !== 'Pressable') {
+        return null;
+    }
+    if (!a11yRole) {
+        return {
+            rule: 'NO_ACCESSIBILITY_ROLE',
+            label: node.ariaLabel,
+            viewId: node.viewId,
+        };
+    }
+    if (!checkPlatformSupportsRole(a11yRole, react_native_1.Platform.OS)) {
+        return {
+            label: node.ariaLabel,
+            viewId: node.viewId,
+            extra: `"${a11yRole}" is not a native role for "${react_native_1.Platform.OS}"`,
+            rule: 'INCOMPATIBLE_ACCESSIBILITY_ROLE',
+        };
+    }
+    return null;
+};
+exports.checkAriaRole = checkAriaRole;
+const checkPlatformSupportsRole = (role, platform) => {
+    const supportedPlatforms = MAPPED_ROLE_CHECKS[role.toLocaleLowerCase()] || [];
+    return supportedPlatforms.includes(platform);
+};
+const MAPPED_ROLE_CHECKS = {
+    none: ['ios', 'android'],
+    button: ['ios', 'android'],
+    switch: ['ios', 'android'],
+    checkbox: ['android'],
+    tab: ['android', 'ios'],
+    togglebutton: ['android'],
+    radio: ['android'],
+    adjustable: ['ios'],
+    link: ['ios', 'android'],
+    search: ['ios', 'android'],
+    header: ['ios', 'android'],
+    image: ['ios', 'android'],
+};

package/dist/internals/checks/checkContrast.d.ts

@@ -0,0 +1,3 @@
+import { AmaNode } from '../../ReactNativeAma.types';
+import { AmaError } from '../types';
+export declare const checkContrast: (node: AmaNode) => AmaError | null;

package/dist/internals/checks/checkContrast.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkContrast = void 0;
+const ignoreContrastCheck_1 = require("../utils/ignoreContrastCheck");
+const getRuleAction_1 = require("../utils/getRuleAction");
+function hexToRgb(hex) {
+    if (!hex || typeof hex !== 'string') {
+        return null;
+    }
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    hex = hex.replace(shorthandRegex, (_, r, g, b) => r + r + g + g + b + b);
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        }
+        : null;
+}
+function getLuminance(hex) {
+    const rgb = hexToRgb(hex);
+    if (!rgb) {
+        return 0;
+    }
+    const [r, g, b] = [rgb.r, rgb.g, rgb.b].map((v) => {
+        v /= 255; // Normalize to 0-1 range
+        return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function getContrastRatio(fgHex, bgHex) {
+    const lum1 = getLuminance(fgHex);
+    const lum2 = getLuminance(bgHex);
+    const lighter = Math.max(lum1, lum2);
+    const darker = Math.min(lum1, lum2);
+    return (lighter + 0.05) / (darker + 0.05);
+}
+const checkContrast = (node) => {
+    const { fg, bg, fontSize, isBold, isEnabled } = node;
+    if (!isEnabled && (ignoreContrastCheck_1.shouldIgnoreContrastCheckForDisabledElement === null || ignoreContrastCheck_1.shouldIgnoreContrastCheckForDisabledElement === void 0 ? void 0 : (0, ignoreContrastCheck_1.shouldIgnoreContrastCheckForDisabledElement)())) {
+        return null;
+    }
+    /**
+     * We need to skip node without content as it might be an icon only Button.
+     * In this case we can't perform a contrast check as is hard to perform
+     * a contrast check on SVGs
+     */
+    if (!fg ||
+        !bg ||
+        !node.content ||
+        node.type === 'TextInput' ||
+        !node.isAccessible) {
+        return null;
+    }
+    const contrastRatio = getContrastRatio(fg, bg);
+    // Determine if the text is "large" according to WCAG standards.
+    // 18pt is considered large, or 14pt if bold.
+    const isLargeText = fontSize && (fontSize >= 18 || (fontSize >= 14 && isBold));
+    const requiredRatioAA = isLargeText ? 3.0 : 4.5;
+    const requiredRatioAAA = isLargeText ? 4.5 : 7.0;
+    const passesAA = contrastRatio >= requiredRatioAA;
+    const passesAAA = contrastRatio >= requiredRatioAAA;
+    const aaaAction = getRuleAction_1.getRuleAction === null || getRuleAction_1.getRuleAction === void 0 ? void 0 : (0, getRuleAction_1.getRuleAction)('CONTRAST_FAILED_AAA');
+    const shouldCheckAAA = aaaAction && aaaAction !== 'PLEASE_FORGIVE_ME';
+    if (!passesAAA && shouldCheckAAA) {
+        return {
+            label: node.ariaLabel,
+            viewId: node.viewId,
+            rule: 'CONTRAST_FAILED_AAA',
+            extra: `The color contrast between the foreground (${fg}) and background (${bg}) is ${contrastRatio.toFixed(2)}, which is below the required minimum of ${requiredRatioAAA}.`,
+        };
+    }
+    if (!passesAA) {
+        return {
+            label: node.ariaLabel,
+            viewId: node.viewId,
+            rule: 'CONTRAST_FAILED',
+            extra: `The color contrast between the foreground (${fg}) and background (${bg}) is ${contrastRatio.toFixed(2)}, which is below the required minimum of ${requiredRatioAA}.`,
+        };
+    }
+    return null;
+};
+exports.checkContrast = checkContrast;

package/dist/internals/checks/checkImageAlt.d.ts

@@ -0,0 +1,3 @@
+import { AmaNode } from '../../ReactNativeAma.types';
+import { AmaError } from '../types';
+export declare const checkImageAlt: (node: AmaNode) => AmaError | null;