@react-native-ama/core 1.0.0 → 1.0.1-alpha.1

package/dist/hooks/useButtonChecks.d.ts

@@ -2,7 +2,5 @@ import type React from 'react';
 import type { PressableStateCallbackType } from 'react-native';
 export declare const useButtonChecks: ((props: Record<string, any>, children?: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode), shouldPerformContrastCheck?: boolean) => {
     onLayout: (event: import("react-native").LayoutChangeEvent) => void;
-    debugStyle: any[] | ((...params: any) => any) | {
-        [x: string]: any;
-    } | undefined;
+    debugStyle: any;
 } | null) | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-ama/core",
-  "version": "1.0.0",
+  "version": "1.0.1-alpha.1",
   "description": "Accessible Mobile App Library for React Native",
   "private": false,
   "react-native": "src/index",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/FormidableLabs/react-native-ama#readme",
   "publishConfig": {
-    "provenance": true
+    "provenance": false
   },
   "author": "",
   "license": "MIT",

package/src/components/AMAProvider.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-type AMAProviderProps = {
-    children: React.ReactNode;
-};
-type SharedContextValue = {
-    isBoldTextEnabled: boolean;
-    isScreenReaderEnabled: boolean;
-    isGrayscaleEnabled: boolean;
-    isInvertColorsEnabled: boolean;
-    isReduceMotionEnabled: boolean;
-    isReduceTransparencyEnabled: boolean;
-    reactNavigationScreenOptions: {
-        animationEnabled: boolean;
-        animation: 'default' | 'fade';
-    };
-};
-export type AMADevContextValue = SharedContextValue & {
-    trackError: (id: string) => void;
-    removeError: (id: string) => void;
-};
-export type AMAProdContextValue = SharedContextValue & {};
-export type AMAContextValue = AMADevContextValue | AMAProdContextValue;
-export declare const isDevContextValue: (value: AMAContextValue) => value is AMADevContextValue;
-export declare const AMAProvider: React.FC<AMAProviderProps>;
-export declare const useAMAContext: () => AMAContextValue;
-export {};

package/src/components/AMAProvider.js

@@ -1,147 +0,0 @@
-"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);
-    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 });
-exports.useAMAContext = exports.AMAProvider = exports.isDevContextValue = void 0;
-const internal_1 = require("@react-native-ama/internal");
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const eventsMapping = {
-    reduceTransparencyChanged: 'isReduceTransparencyEnabled',
-    reduceMotionChanged: 'isReduceMotionEnabled',
-    grayscaleChanged: 'isGrayscaleEnabled',
-    boldTextChanged: 'isBoldTextEnabled',
-    invertColorsChanged: 'isInvertColorsEnabled',
-    screenReaderChanged: 'isScreenReaderEnabled',
-};
-const isDevContextValue = (value) => value.trackError !== undefined;
-exports.isDevContextValue = isDevContextValue;
-const DEFAULT_VALUES = {
-    isReduceTransparencyEnabled: false,
-    isBoldTextEnabled: false,
-    isGrayscaleEnabled: false,
-    isInvertColorsEnabled: false,
-    isReduceMotionEnabled: false,
-    isScreenReaderEnabled: false,
-    reactNavigationScreenOptions: {
-        animationEnabled: true,
-        animation: 'default',
-    },
-};
-const AMAContext = React.createContext(null);
-const AMAProvider = ({ children }) => {
-    const [values, setValues] = React.useState(DEFAULT_VALUES);
-    const handleAccessibilityInfoChanged = (key) => {
-        return (newValue) => {
-            setValues(oldValues => {
-                const newValues = Object.assign({}, oldValues);
-                newValues[key] = newValue;
-                if (key === 'isReduceMotionEnabled') {
-                    newValues.reactNavigationScreenOptions.animationEnabled = !newValue;
-                    newValues.reactNavigationScreenOptions.animation = newValue
-                        ? 'fade'
-                        : 'default';
-                }
-                return Object.assign(Object.assign({}, oldValues), newValues);
-            });
-        };
-    };
-    React.useEffect(() => {
-        const allInitPromises = [];
-        const subscriptions = Object.entries(eventsMapping).map(([eventName, contextKey]) => {
-            allInitPromises.push(react_native_1.AccessibilityInfo[contextKey]());
-            return react_native_1.AccessibilityInfo.addEventListener(eventName, handleAccessibilityInfoChanged(contextKey));
-        });
-        Promise.all(allInitPromises).then(promisesValues => {
-            const newValues = Object.values(eventsMapping).reduce((list, key, index) => {
-                list[key] = promisesValues[index];
-                return list;
-            }, {});
-            setValues(oldValues => {
-                return Object.assign(Object.assign({}, oldValues), newValues);
-            });
-        });
-        return () => {
-            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 })}>
-        <react_native_1.View style={{ flex: 1 }}>
-          <>
-            {children}
-            {failedItems.length > 0 ? (<AMAError count={failedItems.length}/>) : null}
-          </>
-        </react_native_1.View>
-      </AMAContext.Provider>);
-    }
-    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) {
-        throw new Error('Please wrap your app with <AMAProvider />');
-    }
-    return context;
-};
-exports.useAMAContext = useAMAContext;

package/src/components/AutofocusContainer.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ViewProps } from 'react-native';
-type AutofocusContainerProps = React.PropsWithChildren<({
-    wrapChildrenInAccessibleView?: true;
-} & ViewProps) | {
-    wrapChildrenInAccessibleView: false;
-}>;
-export declare const AutofocusContainer: ({ children, wrapChildrenInAccessibleView, ...viewProps }: AutofocusContainerProps) => React.JSX.Element;
-export {};

package/src/components/AutofocusContainer.js

@@ -1,58 +0,0 @@
-"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;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutofocusContainer = void 0;
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const useFocus_1 = require("../hooks/useFocus");
-const AutofocusContainer = (_a) => {
-    var { children, wrapChildrenInAccessibleView = true } = _a, viewProps = __rest(_a, ["children", "wrapChildrenInAccessibleView"]);
-    const containerRef = React.useRef(null);
-    const { setFocus } = (0, useFocus_1.useFocus)();
-    React.useEffect(() => {
-        setTimeout(() => {
-            setFocus(containerRef.current);
-        }, 0);
-    }, [setFocus]);
-    return wrapChildrenInAccessibleView ? (<react_native_1.TouchableWithoutFeedback ref={containerRef}>
-      <react_native_1.View accessible={true} testID="autofocusContainer.accessibleView" {...viewProps}>
-        {children}
-      </react_native_1.View>
-    </react_native_1.TouchableWithoutFeedback>) : (<react_native_1.TouchableWithoutFeedback ref={containerRef}>
-      {children}
-    </react_native_1.TouchableWithoutFeedback>);
-};
-exports.AutofocusContainer = AutofocusContainer;

package/src/components/HideChildrenFromAccessibilityTree.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-type HideChildrenFromAccessibilityTreeProps = {
-    testID?: string;
-};
-export declare const HideChildrenFromAccessibilityTree: (props: PropsWithChildren<HideChildrenFromAccessibilityTreeProps>) => JSX.Element;
-export {};

package/src/components/HideChildrenFromAccessibilityTree.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HideChildrenFromAccessibilityTree = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const AMAProvider_1 = require("./AMAProvider");
-const HideChildrenFromAccessibilityTree = (props) => {
-    const { isScreenReaderEnabled } = (0, AMAProvider_1.useAMAContext)();
-    if (!isScreenReaderEnabled) {
-        return <>{props.children}</>;
-    }
-    return react_native_1.Platform.select({
-        default: <HideChildrenFromAccessibilityAndroid {...props}/>,
-        ios: <HideChildrenFromAccessibilityTreeIOS {...props}/>,
-    });
-};
-exports.HideChildrenFromAccessibilityTree = HideChildrenFromAccessibilityTree;
-const HideChildrenFromAccessibilityAndroid = ({ children, testID, }) => {
-    return (<react_native_1.View importantForAccessibility="no-hide-descendants" testID={testID}>
-      {children}
-    </react_native_1.View>);
-};
-const HideChildrenFromAccessibilityTreeIOS = ({ children, }) => {
-    return hideChildrenFromAccessibilityTree(children);
-};
-const hideChildrenFromAccessibilityTree = (component) => {
-    return (react_1.default.Children.map(component, child => {
-        return react_1.default.isValidElement(child)
-            ? react_1.default.cloneElement(child, {
-                // @ts-ignore
-                importantForAccessibility: 'no',
-                accessibilityElementsHidden: true,
-                children: hideChildrenFromAccessibilityTree(child.props.children),
-            })
-            : child;
-    }) || null);
-};

package/src/hooks/useButtonChecks.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-import type { PressableStateCallbackType } from 'react-native';
-export declare const useButtonChecks: ((props: Record<string, any>, children?: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode), shouldPerformContrastCheck?: boolean) => {
-    onLayout: (event: import("react-native").LayoutChangeEvent) => void;
-    debugStyle: any[] | ((...params: any) => any) | {
-        [x: string]: any;
-    } | undefined;
-} | null) | null;

package/src/hooks/useButtonChecks.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useButtonChecks = void 0;
-const internal_1 = require("@react-native-ama/internal");
-const useChecks_1 = require("./useChecks");
-exports.useButtonChecks = __DEV__
-    ? (props, children, shouldPerformContrastCheck = true) => {
-        const checks = (0, useChecks_1.useChecks)();
-        if (checks === null) {
-            return null;
-        }
-        const { noUndefinedProperty, contrastChecker, onLayout, noUppercaseStringChecker, checkCompatibleAccessibilityState, checkAccessibilityRole, debugStyle, } = checks;
-        let style = props.style || {};
-        const isAccessible = props.accessible !== false;
-        isAccessible &&
-            noUndefinedProperty({
-                properties: props,
-                property: 'accessibilityRole',
-                rule: 'NO_ACCESSIBILITY_ROLE',
-            });
-        isAccessible &&
-            noUndefinedProperty({
-                properties: props,
-                property: 'accessibilityLabel',
-                rule: 'NO_ACCESSIBILITY_LABEL',
-            });
-        isAccessible &&
-            noUppercaseStringChecker({
-                text: props.accessibilityLabel,
-            });
-        checkCompatibleAccessibilityState({
-            accessibilityStates: props === null || props === void 0 ? void 0 : props.accessibilityState,
-            accessibilityRole: props === null || props === void 0 ? void 0 : props.accessiblityRole,
-        });
-        checkAccessibilityRole(props.accessibilityRole);
-        const contrastCheckerCallback = shouldPerformContrastCheck
-            ? contrastChecker
-            : undefined;
-        const theStyle = internal_1.applyStyle === null || internal_1.applyStyle === void 0 ? void 0 : (0, internal_1.applyStyle)({
-            style,
-            debugStyle,
-            // @ts-ignore
-            children,
-            contrastCheckerCallback,
-        });
-        return {
-            onLayout,
-            debugStyle: theStyle,
-        };
-    }
-    : null;

package/src/hooks/useChecks.d.ts

@@ -1,15 +0,0 @@
-import { LogParams, type CheckFocusTrap, type ContrastChecker, type NoUndefinedProperty, type UppercaseChecker, type UppercaseStringChecker } from '@react-native-ama/internal';
-import { AccessibilityRole, LayoutChangeEvent } from 'react-native';
-export declare const useChecks: () => {
-    logResult: (name: string, result: LogParams | LogParams[] | null) => Record<string, any>;
-    noUndefinedProperty: <T>(params: NoUndefinedProperty<T>) => Record<string, any>;
-    contrastChecker: (params: ContrastChecker) => Record<string, any>;
-    onLayout: (event: LayoutChangeEvent) => void;
-    noUppercaseStringChecker: (params: UppercaseStringChecker) => Record<string, any>;
-    uppercaseChecker: (params: UppercaseChecker) => Record<string, any>;
-    checkFocusTrap: (params: CheckFocusTrap) => void;
-    minimumSizeFailed: boolean;
-    checkCompatibleAccessibilityState: (props: Record<string, any>) => void;
-    checkAccessibilityRole: (param: AccessibilityRole) => void;
-    debugStyle: any;
-} | null;

package/src/hooks/useChecks.js

@@ -1,152 +0,0 @@
-"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 });
-exports.useChecks = void 0;
-const internal_1 = require("@react-native-ama/internal");
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AMAProvider_1 = require("../components/AMAProvider");
-const useChecks = () => {
-    const context = (0, AMAProvider_1.useAMAContext)();
-    if (!(0, AMAProvider_1.isDevContextValue)(context)) {
-        return null;
-    }
-    /**
-     * Because the AMA Error view cannot be removed by default, this hacky solution
-     * allows the dev to hide it if all the issues have been solved.
-     */
-    const fakeRandom = React.useRef('' + Date.now() + Math.random() * 42);
-    const hasErrors = React.useRef(false);
-    const failedTests = React.useRef([]);
-    const shouldCheckLayout = React.useRef(true);
-    const layoutCheckTimeout = React.useRef();
-    const [minimumSizeFailed, setMinimumSizeFailed] = React.useState(false);
-    const [debugStyle, setDebugStyle] = React.useState({});
-    const { trackError, removeError } = context;
-    const logResult = (name, result) => {
-        const index = failedTests.current.indexOf(name);
-        if (result === null) {
-            if (index >= 0 && hasErrors.current) {
-                failedTests.current.splice(index);
-                hasErrors.current = false;
-                react_native_1.InteractionManager.runAfterInteractions(() => {
-                    removeError(fakeRandom.current);
-                    setTimeout(() => {
-                        setDebugStyle({});
-                    }, 100);
-                });
-            }
-        }
-        const results = Array.isArray(result) ? result : [result];
-        results.forEach(logParam => {
-            if (logParam === null) {
-                return;
-            }
-            const action = internal_1.getRuleAction === null || internal_1.getRuleAction === void 0 ? void 0 : (0, internal_1.getRuleAction)(logParam.rule);
-            const hasFailed = action === 'MUST_NOT' || action === 'MUST';
-            if (index < 0) {
-                // @ts-ignore
-                internal_1.logFailure === null || internal_1.logFailure === void 0 ? void 0 : (0, internal_1.logFailure)(Object.assign({ action }, logParam));
-            }
-            if (!hasFailed) {
-                return;
-            }
-            else if (index >= 0) {
-                return;
-            }
-            failedTests.current.push(name);
-            react_native_1.InteractionManager.runAfterInteractions(() => {
-                trackError(fakeRandom.current);
-                setDebugStyle(internal_1.ERROR_STYLE);
-            });
-            hasErrors.current = true;
-        });
-        // @ts-ignore
-        return hasErrors.current ? internal_1.ERROR_STYLE : {};
-    };
-    const noUndefinedProperty = (params) => logResult(`noUndefinedProperty ${params.property}`, (0, internal_1.noUndefinedProperty)(params));
-    const contrastChecker = (params) => logResult('contrastChecker', (0, internal_1.contrastChecker)(params));
-    const checkMinimumSize = (params) => {
-        return logResult('checkMinimumSize', (0, internal_1.checkMinimumSize)(params));
-    };
-    const noUppercaseStringChecker = (params) => logResult('accessibilityLabelChecker', (0, internal_1.uppercaseStringChecker)(params));
-    const uppercaseChecker = (params) => logResult('uppercaseChecker', (0, internal_1.uppercaseChecker)(params));
-    const checkFocusTrap = (params) => {
-        (0, internal_1.checkFocusTrap)(params).then(result => {
-            logResult('checkFocusTrap', result);
-        });
-    };
-    const checkAccessibilityRole = (param) => {
-        logResult('checkAccessibilityRole', (0, internal_1.checkAccessibilityRole)(param));
-    };
-    const checkCompatibleAccessibilityState = (props) => {
-        const amaStates = ['checked', 'selected'];
-        const params = {
-            accessibilityRole: props.accessibilityRole,
-            accessibilityState: props === null || props === void 0 ? void 0 : props.accessibilityState,
-        };
-        amaStates.forEach(amaState => {
-            if (amaState in props) {
-                // @ts-ignore
-                params[amaState] = props[amaState];
-            }
-        });
-        logResult('checkCompatibleAccessibilityState', (0, internal_1.checkForAccessibilityState)(params));
-    };
-    const onLayout = (event) => {
-        /**
-         * When the check fails there are situation when adding a border makes the
-         * component meet the minimum size requirement, and this causes a loop as the
-         * state is update continuously between true and false.
-         * To "avoid" that we wait at least 100ms before checking the size again, as
-         * this gives the dev time to hot-reload the changes.
-         */
-        if (!shouldCheckLayout.current) {
-            return;
-        }
-        shouldCheckLayout.current = false;
-        // @ts-ignore
-        clearTimeout(layoutCheckTimeout.current);
-        layoutCheckTimeout.current = setTimeout(() => {
-            shouldCheckLayout.current = true;
-        }, 1000);
-        const result = checkMinimumSize(event);
-        setMinimumSizeFailed(Object.keys(result).length > 0);
-    };
-    return {
-        logResult,
-        noUndefinedProperty,
-        contrastChecker,
-        onLayout,
-        noUppercaseStringChecker,
-        uppercaseChecker,
-        checkFocusTrap,
-        minimumSizeFailed,
-        checkCompatibleAccessibilityState,
-        checkAccessibilityRole,
-        debugStyle,
-    };
-};
-exports.useChecks = useChecks;

package/src/hooks/useFocus.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export declare const useFocus: (refComponent?: React.RefObject<any>) => {
-    setFocus: (component: null | number | React.Component<any, any> | React.ComponentClass<any>) => void;
-};

package/src/hooks/useFocus.js

@@ -1,55 +0,0 @@
-"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 });
-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 useFocus = (refComponent) => {
-    const setFocus = React.useCallback((component) => {
-        // @ts-ignore
-        const elementId = (0, react_native_1.findNodeHandle)(component);
-        if (elementId) {
-            react_native_1.AccessibilityInfo.setAccessibilityFocus(elementId);
-            react_native_1.AccessibilityInfo.setAccessibilityFocus(elementId);
-        }
-        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}`);
-        }
-    }, []);
-    React.useEffect(() => {
-        if (!refComponent) {
-            return;
-        }
-        setFocus(refComponent.current);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [refComponent]);
-    return {
-        setFocus,
-    };
-};
-exports.useFocus = useFocus;

package/src/hooks/useTimedAction.d.ts

@@ -1,3 +0,0 @@
-export declare const useTimedAction: () => {
-    onTimeout: (callback: () => void, milliseconds: number) => Promise<null | ReturnType<typeof setTimeout>>;
-};

package/src/hooks/useTimedAction.js

@@ -1,63 +0,0 @@
-"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;
-};
-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 });
-exports.useTimedAction = void 0;
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AMAProvider_1 = require("../components/AMAProvider");
-const useTimedAction = () => {
-    const { isScreenReaderEnabled } = (0, AMAProvider_1.useAMAContext)();
-    const onTimeout = React.useCallback((callback, milliseconds) => __awaiter(void 0, void 0, void 0, function* () {
-        if (isScreenReaderEnabled && react_native_1.Platform.OS === 'ios') {
-            return new Promise(resolve => {
-                resolve(null);
-            });
-        }
-        const timeout = yield getRecommendedTimeoutMillis(milliseconds);
-        return setTimeout(callback, timeout);
-    }), [isScreenReaderEnabled]);
-    return {
-        onTimeout,
-    };
-};
-exports.useTimedAction = useTimedAction;
-function getRecommendedTimeoutMillis(milliseconds) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return react_native_1.Platform.OS === 'android'
-            ? yield react_native_1.AccessibilityInfo.getRecommendedTimeoutMillis(milliseconds)
-            : new Promise(resolve => {
-                resolve(milliseconds);
-            });
-    });
-}

package/src/index.d.ts

@@ -1,7 +0,0 @@
-export { AutofocusContainer } 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';

package/src/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTimedAction = exports.useFocus = exports.useChecks = exports.useButtonChecks = 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 useButtonChecks_1 = require("./hooks/useButtonChecks");
-Object.defineProperty(exports, "useButtonChecks", { enumerable: true, get: function () { return useButtonChecks_1.useButtonChecks; } });
-var useChecks_1 = require("./hooks/useChecks");
-Object.defineProperty(exports, "useChecks", { enumerable: true, get: function () { return useChecks_1.useChecks; } });
-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; } });