react-native-external-keyboard 0.1.0

package/lib/typescript/nativeSpec/ExternalKeyboardViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalKeyboardViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/nativeSpec/ExternalKeyboardViewNativeComponent.ts"],"names":[],"mappings":";;AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,oBAAoB,EACpB,KAAK,EACN,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,aAAa,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;AAED,wBAEE"}

package/lib/typescript/nativeSpec/NativeKeyboardModule.d.ts

@@ -0,0 +1,8 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    setKeyboardFocus: (nativeTag: number, nextTag: number) => void;
+    setPreferredKeyboardFocus: (nativeTag: number, nextTag: number) => void;
+}
+declare const _default: Spec | null;
+export default _default;
+//# sourceMappingURL=NativeKeyboardModule.d.ts.map

package/lib/typescript/nativeSpec/NativeKeyboardModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeKeyboardModule.d.ts","sourceRoot":"","sources":["../../../src/nativeSpec/NativeKeyboardModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,yBAAyB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzE;;AAED,wBAAmE"}

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

@@ -0,0 +1,5 @@
+import ExternalKeyboardView from './ExternalKeyboardViewNativeComponent';
+import NativeKeyboardModule from './NativeKeyboardModule';
+import type { KeyPress } from './ExternalKeyboardViewNativeComponent';
+export { ExternalKeyboardView, NativeKeyboardModule, KeyPress };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nativeSpec/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC"}

package/lib/typescript/services/A11yModule/A11yModule.android.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { IA11yModule } from './A11yModule.types';
+declare class A11yAndroidImpl implements IA11yModule {
+    setKeyboardFocus(ref: React.RefObject<React.Component>): void;
+    setPreferredKeyboardFocus: () => void;
+}
+export declare const A11yModule: A11yAndroidImpl;
+export {};
+//# sourceMappingURL=A11yModule.android.d.ts.map

package/lib/typescript/services/A11yModule/A11yModule.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yModule.android.d.ts","sourceRoot":"","sources":["../../../../src/services/A11yModule/A11yModule.android.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,cAAM,eAAgB,YAAW,WAAW;IAC1C,gBAAgB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;IAStD,yBAAyB,aAAY;CACtC;AAED,eAAO,MAAM,UAAU,iBAAwB,CAAC"}

package/lib/typescript/services/A11yModule/A11yModule.ios.d.ts

@@ -0,0 +1,10 @@
+import type { IA11yModule, RefObjType } from './A11yModule.types';
+declare class A11yModuleIOSImpl implements IA11yModule {
+    private _currentFocusedTag;
+    set currentFocusedTag(value: number);
+    setPreferredKeyboardFocus: (tag: number, targetTag: number) => void;
+    setKeyboardFocus: (ref: RefObjType) => void;
+}
+export declare const A11yModule: A11yModuleIOSImpl;
+export {};
+//# sourceMappingURL=A11yModule.ios.d.ts.map

package/lib/typescript/services/A11yModule/A11yModule.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yModule.ios.d.ts","sourceRoot":"","sources":["../../../../src/services/A11yModule/A11yModule.ios.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGlE,cAAM,iBAAkB,YAAW,WAAW;IAC5C,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAElC;IAED,yBAAyB,QAAS,MAAM,aAAa,MAAM,UAIzD;IAEF,gBAAgB,4BAWd;CACH;AAED,eAAO,MAAM,UAAU,mBAA0B,CAAC"}

package/lib/typescript/services/A11yModule/A11yModule.types.d.ts

@@ -0,0 +1,12 @@
+import type { RefObject } from 'react';
+export type A11yNativeModule = {
+    setKeyboardFocus: (nativeTag: number, nextTag?: number) => void;
+    setPreferredKeyboardFocus: (nativeTag: number, nextTag: number) => void;
+};
+export type RefObjType = RefObject<React.Component<{}, {}, unknown>>;
+export interface IA11yModule {
+    currentFocusedTag?: number;
+    setPreferredKeyboardFocus: (nativeTag: number, nextTag: number) => void;
+    setKeyboardFocus: (ref: RefObjType) => void;
+}
+//# sourceMappingURL=A11yModule.types.d.ts.map

package/lib/typescript/services/A11yModule/A11yModule.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yModule.types.d.ts","sourceRoot":"","sources":["../../../../src/services/A11yModule/A11yModule.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,yBAAyB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,yBAAyB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C"}

package/lib/typescript/services/A11yModule/index.d.ts

@@ -0,0 +1,2 @@
+export { A11yModule } from './A11yModule';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/services/A11yModule/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+export { A11yModule } from './A11yModule';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export type FocusStateCallbackType = {
+    readonly focused: boolean;
+};
+export type FocusStyle = StyleProp<ViewStyle> | ((state: FocusStateCallbackType) => StyleProp<ViewStyle>) | undefined;
+//# sourceMappingURL=FocusStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusStyle.d.ts","sourceRoot":"","sources":["../../../src/types/FocusStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAClB,SAAS,CAAC,SAAS,CAAC,GACpB,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC,GACzD,SAAS,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { GestureResponderEvent } from 'react-native';
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import type { FocusStyle } from './FocusStyle';
+export type KeyboardFocusEvent = NativeSyntheticEvent<{
+    isFocused: boolean;
+}>;
+export type OnKeyPress = NativeSyntheticEvent<{
+    keyCode: number;
+    isLongPress: boolean;
+    isAltPressed: boolean;
+    isShiftPressed: boolean;
+    isCtrlPressed: boolean;
+    isCapsLockOn: boolean;
+    hasNoModifiers: boolean;
+}>;
+export type OnKeyPressFn = (e: OnKeyPress) => void;
+export type OnFocusChangeFn = (e: KeyboardFocusEvent) => void;
+export type FocusWrapperProps = ViewProps & {
+    onFocusChange?: OnFocusChangeFn;
+    onKeyUpPress?: OnKeyPressFn;
+    onKeyDownPress?: OnKeyPressFn;
+    canBeFocused?: boolean;
+};
+export type FocusStateCallbackType = {
+    readonly focused: boolean;
+};
+export type KeyboardFocusViewProps = FocusWrapperProps & {
+    focusStyle?: FocusStyle;
+    onPress?: (e: GestureResponderEvent | OnKeyPress) => void;
+    onLongPress?: (e: GestureResponderEvent | OnKeyPress) => void;
+    /**
+     * @platform android
+     */
+    withView?: boolean;
+};
+//# sourceMappingURL=KeyboardFocusView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardFocusView.types.d.ts","sourceRoot":"","sources":["../../../src/types/KeyboardFocusView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;IACpD,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,oBAAoB,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IAC1C,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,GAAG,UAAU,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,GAAG,UAAU,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { KeyboardFocusViewProps, OnFocusChangeFn, OnKeyPressFn, } from './KeyboardFocusView.types';
+export { FocusStateCallbackType, FocusStyle } from './FocusStyle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "react-native-external-keyboard",
+  "version": "0.1.0",
+  "description": "test",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepack": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install && yarn example pods",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/ArturKalach/react-native-external-keyboard",
+  "author": "Artur Kalach <artur.kalach.andreevich@gmail.com> (https://github.com/ArturKalach)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ArturKalach/react-native-external-keyboard/issues"
+  },
+  "homepage": "https://github.com/ArturKalach/react-native-external-keyboard#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@evilmartians/lefthook": "^1.2.2",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.2.0",
+    "react-native": "0.71.11",
+    "react-native-builder-bob": "^0.20.4",
+    "release-it": "^15.0.0",
+    "typescript": "^4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "packageManager": "^yarn@1.22.15",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RNExternalKeyboardViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src/nativeSpec"
+  }
+}

package/react-native-external-keyboard.podspec

@@ -0,0 +1,36 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-external-keyboard"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "11.0" }
+  s.source       = { :git => "https://github.com/ArturKalach/react-native-external-keyboard.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm}"
+
+  s.dependency "React-Core"
+
+  # Don't install the dependencies when we run `pod install` in the old architecture.
+  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    s.pod_target_xcconfig    = {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    }
+    s.dependency "React-RCTFabric"
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+  end
+end

package/src/NativeModules/A11yKeyboardModule/A11yKeyboardModule.ts

@@ -0,0 +1,37 @@
+import { NativeModules, Platform } from 'react-native';
+const LINKING_ERROR =
+  `The package 'react-native-external-keyboard' doesn't seem to be linked. Make sure: \n\n${Platform.select(
+    { ios: "- You have run 'pod install'\n", default: '' }
+  )}- You rebuilt the app after installing the package\n` +
+  `- You are not using Expo Go\n`;
+
+// @ts-expect-error
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const A11yModule = isTurboModuleEnabled
+  ? require('../../nativeSpec/NativeKeyboardModule').default
+  : NativeModules.A11yKeyboardModule;
+
+const RCA11y =
+  A11yModule ||
+  new Proxy(
+    {},
+    {
+      get() {
+        throw new Error(LINKING_ERROR);
+      },
+    }
+  );
+
+const setKeyboardFocus = (nativeTag: number, _nextTag = 0) => {
+  RCA11y.setKeyboardFocus(nativeTag, _nextTag);
+};
+
+const setPreferredKeyboardFocus = (nativeTag: number, nextTag: number) => {
+  RCA11y.setAccessibilityFocus(nativeTag, nextTag);
+};
+
+export const A11yKeyboardModule = {
+  setKeyboardFocus,
+  setPreferredKeyboardFocus,
+};

package/src/NativeModules/A11yKeyboardModule/index.ts

@@ -0,0 +1 @@
+export { A11yKeyboardModule } from './A11yKeyboardModule';

package/src/NativeModules/index.ts

@@ -0,0 +1 @@
+export { A11yKeyboardModule } from './A11yKeyboardModule';

package/src/components/KeyboardFocusView/KeyboardFocusView.android.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { View } from 'react-native';
+import { useFocusStyle } from './hooks/useFocusStyle';
+import { ExternalKeyboardView } from '../../nativeSpec';
+import type { KeyboardFocusViewProps } from '../../types';
+
+export const KeyboardFocusView = React.forwardRef<View, KeyboardFocusViewProps>(
+  (
+    {
+      canBeFocused = true,
+      onFocusChange,
+      focusStyle,
+      children,
+      style,
+      withView = true,
+      onKeyUpPress,
+      onKeyDownPress,
+      ...props
+    },
+    ref
+  ) => {
+    const { fStyle, onFocusChangeHandler } = useFocusStyle(
+      focusStyle,
+      onFocusChange
+    );
+
+    return (
+      <ExternalKeyboardView
+        onFocusChange={onFocusChangeHandler}
+        style={[style, fStyle]}
+        canBeFocused={canBeFocused}
+        ref={ref}
+        onKeyUpPress={onKeyUpPress}
+        onKeyDownPress={onKeyDownPress}
+        {...props}
+      >
+        {withView ? <View accessible>{children}</View> : children}
+      </ExternalKeyboardView>
+    );
+  }
+);

package/src/components/KeyboardFocusView/KeyboardFocusView.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+
+import { KeyboardFocusViewProps } from '../../types';
+
+declare const KeyboardFocusView: React.ForwardRefExoticComponent<
+  KeyboardFocusViewProps & React.RefAttributes<View>
+>;

package/src/components/KeyboardFocusView/KeyboardFocusView.ios.tsx

@@ -0,0 +1,51 @@
+import React, { useCallback } from 'react';
+import type { View } from 'react-native';
+import { ExternalKeyboardView } from '../../nativeSpec';
+import type { KeyboardFocusViewProps } from '../../types';
+import { A11yModule } from '../../services';
+
+import { useFocusStyle } from './hooks';
+
+export const KeyboardFocusView = React.forwardRef<View, KeyboardFocusViewProps>(
+  (
+    {
+      onFocusChange,
+      style,
+      focusStyle,
+      canBeFocused = true,
+      onKeyUpPress,
+      onKeyDownPress,
+      ...props
+    },
+    ref
+  ) => {
+    const setCurrentFocusTag = useCallback(
+      (e: { nativeEvent: { target: number } }) => {
+        A11yModule.currentFocusedTag = e?.nativeEvent?.target || undefined;
+      },
+      []
+    );
+
+    const onFocus = useCallback(
+      (e) => {
+        setCurrentFocusTag(e);
+        onFocusChange?.(e);
+      },
+      [onFocusChange, setCurrentFocusTag]
+    );
+
+    const { fStyle, onFocusChangeHandler } = useFocusStyle(focusStyle, onFocus);
+
+    return (
+      <ExternalKeyboardView
+        ref={ref}
+        style={[style, fStyle]}
+        canBeFocused={canBeFocused}
+        onKeyUpPress={onKeyUpPress}
+        onKeyDownPress={onKeyDownPress}
+        onFocusChange={onFocusChangeHandler}
+        {...props}
+      />
+    );
+  }
+);

package/src/components/KeyboardFocusView/hooks/index.ts

@@ -0,0 +1 @@
+export { useFocusStyle } from './useFocusStyle';

package/src/components/KeyboardFocusView/hooks/useFocusStyle/index.ts

@@ -0,0 +1 @@
+export { useFocusStyle } from './useFocusStyle';

package/src/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.ts

@@ -0,0 +1,31 @@
+import { useState, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import type { FocusStyle, OnFocusChangeFn } from 'src/types';
+
+export const useFocusStyle = (
+  focusStyle?: FocusStyle,
+  onFocusChange?: OnFocusChangeFn
+) => {
+  const [focused, setFocusStatus] = useState(false);
+
+  const onFocusChangeHandler: OnFocusChangeFn = (event) => {
+    setFocusStatus(event.nativeEvent.isFocused);
+    onFocusChange?.(event);
+  };
+
+  const fStyle = useMemo(() => {
+    if (!focusStyle) return focused ? styles.defaultHighlight : undefined;
+    const specificStyle =
+      typeof focusStyle === 'function' ? focusStyle({ focused }) : focusStyle;
+    return focused ? specificStyle : undefined;
+  }, [focused, focusStyle]);
+
+  return {
+    onFocusChangeHandler,
+    fStyle,
+  };
+};
+
+const styles = StyleSheet.create({
+  defaultHighlight: { backgroundColor: '#d8e2d9' },
+});

package/src/components/KeyboardFocusView/index.ts

@@ -0,0 +1 @@
+export { KeyboardFocusView } from './KeyboardFocusView';

package/src/components/Pressable/Pressable.android.tsx

@@ -0,0 +1,95 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import React from 'react';
+import {
+  GestureResponderEvent,
+  Pressable as RNPressable,
+  View,
+  PressableProps,
+} from 'react-native';
+import type { KeyboardFocusViewProps, OnKeyPressFn } from '../../types';
+import { KeyboardFocusView } from '../KeyboardFocusView';
+
+const ANDROID_SPACE_KEY_CODE = 62;
+
+export const Pressable = React.forwardRef<
+  View,
+  PressableProps & KeyboardFocusViewProps
+>(
+  (
+    {
+      canBeFocused,
+      focusStyle,
+      style,
+      onFocusChange,
+      onPress,
+      onLongPress,
+      onKeyDownPress,
+      onPressOut,
+      onPressIn,
+      ...props
+    },
+    ref
+  ) => {
+    const onKeyUpPressHandler = React.useCallback<OnKeyPressFn>(
+      (e) => {
+        const {
+          nativeEvent: { keyCode, isLongPress },
+        } = e;
+
+        if (keyCode === ANDROID_SPACE_KEY_CODE) {
+          onPressOut?.(e as unknown as GestureResponderEvent);
+          if (isLongPress) {
+            onLongPress?.(e);
+          } else {
+            onPress?.(e);
+          }
+        }
+      },
+      [onLongPress, onPress, onPressOut]
+    );
+
+    const onPressablePressHandler = (event: GestureResponderEvent) => {
+      if (event.nativeEvent.identifier !== undefined) {
+        onPress?.(event);
+      }
+    };
+
+    const onKeyDownHandler = React.useCallback<OnKeyPressFn>(
+      (e) => {
+        onKeyDownPress?.(e);
+        onPressIn?.(e as unknown as GestureResponderEvent);
+      },
+      [onKeyDownPress, onPressIn]
+    );
+
+    return (
+      <KeyboardFocusView
+        style={style}
+        focusStyle={focusStyle}
+        ref={ref}
+        withView={false}
+        onKeyUpPress={onKeyUpPressHandler}
+        onKeyDownPress={onKeyDownHandler}
+        canBeFocused={canBeFocused}
+        onFocusChange={onFocusChange}
+      >
+        <RNPressable
+          onPressOut={onPressOut}
+          onPressIn={onPressIn}
+          onPress={onPressablePressHandler}
+          onLongPress={onLongPress}
+          {...props}
+        />
+      </KeyboardFocusView>
+    );
+  }
+);

package/src/components/Pressable/Pressable.d.ts

@@ -0,0 +1,7 @@
+import { View, PressableProps } from 'react-native';
+
+import { KeyboardFocusViewProps } from '../KeyboardFocusView';
+
+declare const Pressable: React.ForwardRefExoticComponent<
+  PressableProps & KeyboardFocusViewProps & React.RefAttributes<View>
+>;