react-native-external-keyboard 0.9.1 → 0.11.1
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.
- package/README.md +95 -600
- package/android/build.gradle +0 -18
- package/android/src/main/java/com/externalkeyboard/events/EventHelper.java +10 -13
- package/android/src/main/java/com/externalkeyboard/helper/FocusHelper.java +1 -2
- package/android/src/main/java/com/externalkeyboard/services/FocusMemoryService.java +64 -0
- package/android/src/main/java/com/externalkeyboard/services/KeyboardFocusService.java +41 -0
- package/android/src/main/java/com/externalkeyboard/views/ExternalKeyboardView/ExternalKeyboardView.java +2 -8
- package/android/src/main/java/com/externalkeyboard/views/ExternalKeyboardView/ExternalKeyboardViewManager.java +20 -13
- package/android/src/main/java/com/externalkeyboard/views/TextInputFocusWrapper/TextInputFocusWrapper.java +99 -21
- package/android/src/main/java/com/externalkeyboard/views/TextInputFocusWrapper/TextInputFocusWrapperManager.java +11 -0
- package/android/src/main/java/com/externalkeyboard/views/base/FocusHighlightBase.java +11 -5
- package/android/src/main/java/com/externalkeyboard/views/base/FocusableBase.java +54 -0
- package/android/src/main/java/com/externalkeyboard/views/base/keyboard/ViewFocusChangeBase.java +2 -3
- package/android/src/main/java/com/externalkeyboard/views/base/keyboard/ViewFocusRequestBase.java +10 -61
- package/android/src/newarch/ExternalKeyboardLockViewManagerInterface.java +11 -0
- package/android/src/newarch/ExternalKeyboardLockViewManagerSpec.java +0 -1
- package/android/src/newarch/ExternalKeyboardViewManagerInterface.java +42 -0
- package/android/src/newarch/ExternalKeyboardViewManagerSpec.java +0 -1
- package/android/src/newarch/KeyboardFocusGroupManagerInterface.java +12 -0
- package/android/src/newarch/KeyboardFocusGroupManagerSpec.java +0 -1
- package/android/src/newarch/TextInputFocusWrapperManagerInterface.java +34 -0
- package/android/src/newarch/TextInputFocusWrapperManagerSpec.java +0 -7
- package/android/src/newarch/helper/ReactNativeEventDispatcher.java +28 -0
- package/android/src/oldarch/ExternalKeyboardViewManagerSpec.java +6 -4
- package/android/src/oldarch/TextInputFocusWrapperManagerSpec.java +4 -0
- package/android/src/oldarch/helper/ReactNativeEventDispatcher.java +15 -0
- package/ios/Delegates/RNCEKVFocusDelegate/RNCEKVFocusDelegate.mm +1 -1
- package/ios/Delegates/RNCEKVFocusDelegate/RNCEKVFocusProtocol.h +1 -1
- package/ios/Delegates/RNCEKVHaloDelegate/RNCEKVHaloDelegate.h +2 -1
- package/ios/Delegates/RNCEKVHaloDelegate/RNCEKVHaloDelegate.mm +41 -5
- package/ios/Delegates/RNCEKVHaloDelegate/RNCEKVHaloProtocol.h +1 -0
- package/ios/Extensions/RCTCustomScrollView+RNCEKVExternalKeyboard.mm +5 -6
- package/ios/Extensions/RCTEnhancedScrollView+RNCEKVExternalKeyboard.mm +8 -9
- package/ios/Extensions/RCTTextInputComponentView+RNCEKVExternalKeyboard.mm +1 -1
- package/ios/Extensions/RCTViewComponentView+RNCEKVExternalKeyboard.h +0 -1
- package/ios/Extensions/RCTViewComponentView+RNCEKVExternalKeyboard.mm +16 -4
- package/ios/Extensions/UIViewController+RNCEKVExternalKeyboard.mm +7 -10
- package/ios/Helpers/RNCEKVNativeProps/RNCEKVNativeProps.h +4 -4
- package/ios/Helpers/RNCEKVSwizzleInstanceMethod/RNCEKVSwizzleInstanceMethod.h +19 -0
- package/ios/Protocols/RNCEKVCustomFocusEffectProtocol.h +1 -1
- package/ios/Services/RNCEKVFocusMemoryService.h +39 -0
- package/ios/Services/RNCEKVFocusMemoryService.mm +42 -0
- package/ios/Services/RNCEKVKeyboardFocusService.h +28 -0
- package/ios/Services/RNCEKVKeyboardFocusService.mm +54 -0
- package/ios/Views/Base/FocusChange/RNCEKVViewFocusChangeBase.h +2 -0
- package/ios/Views/Base/FocusChange/RNCEKVViewFocusChangeBase.mm +12 -10
- package/ios/Views/Base/FocusRequest/RNCEKVViewFocusRequestBase.h +1 -1
- package/ios/Views/Base/FocusRequest/RNCEKVViewFocusRequestBase.mm +6 -17
- package/ios/Views/Base/KeyboardHallo/RNCEKVExternalKeyboardHalloBase.h +1 -0
- package/ios/Views/Base/KeyboardHallo/RNCEKVExternalKeyboardHalloBase.mm +146 -6
- package/ios/Views/Base/ViewGroup/RNCEKVViewGroupBase.h +2 -0
- package/ios/Views/Base/ViewGroup/RNCEKVViewGroupBase.mm +4 -0
- package/ios/Views/RNCEKVExternalKeyboardView/RNCEKVExternalKeyboardView.h +1 -1
- package/ios/Views/RNCEKVExternalKeyboardView/RNCEKVExternalKeyboardView.mm +8 -4
- package/ios/Views/RNCEKVExternalKeyboardView/RNCEKVExternalKeyboardViewManager.mm +22 -11
- package/ios/Views/RNCEKVTextInputFocusWrapper/RNCEKVTextInputFocusWrapper.mm +17 -0
- package/ios/Views/RNCEKVTextInputFocusWrapper/RNCEKVTextInputFocusWrapperManager.mm +12 -0
- package/lib/commonjs/components/BaseKeyboardView/BaseKeyboardView.js +67 -65
- package/lib/commonjs/components/BaseKeyboardView/BaseKeyboardView.js.map +1 -1
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.js +49 -97
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusGroup/KeyboardFocusGroup.android.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusGroup/KeyboardFocusGroup.ios.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusGroup/KeyboardFocusGroup.js.map +1 -1
- package/lib/commonjs/components/{KeyboardExtendedInput/KeyboardExtendedInput.types.js → KeyboardFocusGroup/KeyboardFocusGroup.types.js} +1 -1
- package/lib/commonjs/components/KeyboardFocusGroup/KeyboardFocusGroup.types.js.map +1 -0
- package/lib/commonjs/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.js +2 -1
- package/lib/commonjs/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.js +2 -1
- package/lib/commonjs/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.js +2 -1
- package/lib/commonjs/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.js.map +1 -1
- package/lib/commonjs/components/KeyboardFocusView/KeyboardFocusView.js +14 -51
- package/lib/commonjs/components/KeyboardFocusView/KeyboardFocusView.js.map +1 -1
- package/lib/commonjs/components/index.js +47 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/index.js +37 -19
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/nativeSpec/ExternalKeyboardViewNativeComponent.ts +6 -4
- package/lib/commonjs/nativeSpec/TextInputFocusWrapperNativeComponent.ts +2 -0
- package/lib/commonjs/types/KeyboardFocusLock.types.js +13 -0
- package/lib/commonjs/types/KeyboardFocusLock.types.js.map +1 -1
- package/lib/commonjs/types/baseKeyboardView.types.js +6 -0
- package/lib/commonjs/types/baseKeyboardView.types.js.map +1 -0
- package/lib/commonjs/types/{FocusStyle.js → focus.types.js} +1 -1
- package/lib/commonjs/types/{FocusStyle.js.map → focus.types.js.map} +1 -1
- package/lib/commonjs/types/focusOrder.types.js +33 -0
- package/lib/commonjs/types/focusOrder.types.js.map +1 -0
- package/lib/commonjs/types/{WithKeyboardFocus.js → focusStyle.types.js} +1 -1
- package/lib/commonjs/types/{WithKeyboardFocus.js.map → focusStyle.types.js.map} +1 -1
- package/lib/commonjs/types/index.js +18 -0
- package/lib/commonjs/types/index.js.map +1 -1
- package/lib/commonjs/types/keyPress.types.js +6 -0
- package/lib/{module/types/WithKeyboardFocus.js.map → commonjs/types/keyPress.types.js.map} +1 -1
- package/lib/commonjs/types/keyboardInput.types.js +6 -0
- package/lib/commonjs/types/keyboardInput.types.js.map +1 -0
- package/lib/commonjs/types/withKeyboardFocus.types.js +6 -0
- package/lib/commonjs/types/withKeyboardFocus.types.js.map +1 -0
- package/lib/commonjs/utils/mapLockFocus.js +37 -0
- package/lib/commonjs/utils/mapLockFocus.js.map +1 -0
- package/lib/commonjs/utils/useFocusStyle.js +4 -21
- package/lib/commonjs/utils/useFocusStyle.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardFocusContainer.js +79 -0
- package/lib/commonjs/utils/useKeyboardFocusContainer.js.map +1 -0
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.android.js +4 -7
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.android.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.ios.js +3 -6
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.ios.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.js +9 -7
- package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardPressState.js +65 -0
- package/lib/commonjs/utils/useKeyboardPressState.js.map +1 -0
- package/lib/commonjs/utils/useOnFocusChange.js +1 -1
- package/lib/commonjs/utils/useOnFocusChange.js.map +1 -1
- package/lib/commonjs/utils/useOrderValidation.js +35 -0
- package/lib/commonjs/utils/useOrderValidation.js.map +1 -0
- package/lib/commonjs/utils/useRenderedChildren.js +34 -0
- package/lib/commonjs/utils/useRenderedChildren.js.map +1 -0
- package/lib/commonjs/utils/useWrappedOrderProps.js +35 -0
- package/lib/commonjs/utils/useWrappedOrderProps.js.map +1 -0
- package/lib/commonjs/utils/withKeyboardFocus.js +81 -96
- package/lib/commonjs/utils/withKeyboardFocus.js.map +1 -1
- package/lib/module/components/BaseKeyboardView/BaseKeyboardView.js +57 -55
- package/lib/module/components/BaseKeyboardView/BaseKeyboardView.js.map +1 -1
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.js +51 -99
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.js.map +1 -1
- package/lib/module/components/KeyboardFocusGroup/KeyboardFocusGroup.android.js.map +1 -1
- package/lib/module/components/KeyboardFocusGroup/KeyboardFocusGroup.ios.js.map +1 -1
- package/lib/module/components/KeyboardFocusGroup/KeyboardFocusGroup.js.map +1 -1
- package/lib/module/components/KeyboardFocusGroup/KeyboardFocusGroup.types.js +4 -0
- package/lib/module/components/KeyboardFocusGroup/KeyboardFocusGroup.types.js.map +1 -0
- package/lib/module/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.js +2 -1
- package/lib/module/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.js.map +1 -1
- package/lib/module/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.js +2 -1
- package/lib/module/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.js.map +1 -1
- package/lib/module/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.js +2 -1
- package/lib/module/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.js.map +1 -1
- package/lib/module/components/KeyboardFocusView/KeyboardFocusView.js +16 -53
- package/lib/module/components/KeyboardFocusView/KeyboardFocusView.js.map +1 -1
- package/lib/module/components/index.js +5 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/index.js +20 -7
- package/lib/module/index.js.map +1 -1
- package/lib/module/nativeSpec/ExternalKeyboardViewNativeComponent.ts +6 -4
- package/lib/module/nativeSpec/TextInputFocusWrapperNativeComponent.ts +2 -0
- package/lib/module/types/KeyboardFocusLock.types.js +12 -1
- package/lib/module/types/KeyboardFocusLock.types.js.map +1 -1
- package/lib/module/types/baseKeyboardView.types.js +4 -0
- package/lib/module/types/baseKeyboardView.types.js.map +1 -0
- package/lib/module/types/focus.types.js +4 -0
- package/lib/module/types/{FocusStyle.js.map → focus.types.js.map} +1 -1
- package/lib/module/types/focusOrder.types.js +31 -0
- package/lib/module/types/focusOrder.types.js.map +1 -0
- package/lib/module/types/focusStyle.types.js +4 -0
- package/lib/module/types/focusStyle.types.js.map +1 -0
- package/lib/module/types/index.js +3 -0
- package/lib/module/types/index.js.map +1 -1
- package/lib/module/types/keyPress.types.js +4 -0
- package/lib/module/types/keyPress.types.js.map +1 -0
- package/lib/module/types/keyboardInput.types.js +4 -0
- package/lib/module/types/keyboardInput.types.js.map +1 -0
- package/lib/module/types/withKeyboardFocus.types.js +4 -0
- package/lib/module/types/withKeyboardFocus.types.js.map +1 -0
- package/lib/module/utils/mapLockFocus.js +32 -0
- package/lib/module/utils/mapLockFocus.js.map +1 -0
- package/lib/module/utils/useFocusStyle.js +4 -21
- package/lib/module/utils/useFocusStyle.js.map +1 -1
- package/lib/module/utils/useKeyboardFocusContainer.js +74 -0
- package/lib/module/utils/useKeyboardFocusContainer.js.map +1 -0
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.android.js +4 -7
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.android.js.map +1 -1
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.ios.js +3 -6
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.ios.js.map +1 -1
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.js +9 -7
- package/lib/module/utils/useKeyboardPress/useKeyboardPress.js.map +1 -1
- package/lib/module/utils/useKeyboardPressState.js +60 -0
- package/lib/module/utils/useKeyboardPressState.js.map +1 -0
- package/lib/module/utils/useOnFocusChange.js +1 -1
- package/lib/module/utils/useOnFocusChange.js.map +1 -1
- package/lib/module/utils/useOrderValidation.js +30 -0
- package/lib/module/utils/useOrderValidation.js.map +1 -0
- package/lib/module/utils/useRenderedChildren.js +29 -0
- package/lib/module/utils/useRenderedChildren.js.map +1 -0
- package/lib/module/utils/useWrappedOrderProps.js +30 -0
- package/lib/module/utils/useWrappedOrderProps.js.map +1 -0
- package/lib/module/utils/withKeyboardFocus.js +84 -99
- package/lib/module/utils/withKeyboardFocus.js.map +1 -1
- package/lib/typescript/src/components/BaseKeyboardView/BaseKeyboardView.d.ts +19 -125
- package/lib/typescript/src/components/BaseKeyboardView/BaseKeyboardView.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.d.ts +13 -204
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.android.d.ts +4 -146
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.android.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.d.ts +2 -12
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.ios.d.ts +4 -146
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.ios.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.types.d.ts +13 -0
- package/lib/typescript/src/components/KeyboardFocusGroup/KeyboardFocusGroup.types.d.ts.map +1 -0
- package/lib/typescript/src/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.d.ts +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusFrame/FocusFrame.d.ts +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusFrame/FocusFrame.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.d.ts +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.d.ts +2 -2
- package/lib/typescript/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.d.ts +1 -1
- package/lib/typescript/src/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardFocusView/KeyboardFocusView.d.ts +20 -133
- package/lib/typescript/src/components/KeyboardFocusView/KeyboardFocusView.d.ts.map +1 -1
- package/lib/typescript/src/components/Touchable/Pressable.d.ts +3 -160
- package/lib/typescript/src/components/Touchable/Pressable.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +5 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/context/OrderFocusContext.d.ts +1 -1
- package/lib/typescript/src/context/OrderFocusContext.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +48 -10
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/ExternalKeyboardLockViewNativeComponent.d.ts +1 -3
- package/lib/typescript/src/nativeSpec/ExternalKeyboardLockViewNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/ExternalKeyboardViewNativeComponent.d.ts +5 -6
- package/lib/typescript/src/nativeSpec/ExternalKeyboardViewNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/KeyboardFocusGroupNativeComponent.d.ts +1 -3
- package/lib/typescript/src/nativeSpec/KeyboardFocusGroupNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/NativeExternalKeyboardModule.d.ts +1 -1
- package/lib/typescript/src/nativeSpec/TextInputFocusWrapperNativeComponent.d.ts +3 -3
- package/lib/typescript/src/nativeSpec/TextInputFocusWrapperNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/types/KeyboardFocusLock.types.d.ts +15 -1
- package/lib/typescript/src/types/KeyboardFocusLock.types.d.ts.map +1 -1
- package/lib/typescript/src/types/KeyboardFocusView.types.d.ts +16 -14
- package/lib/typescript/src/types/KeyboardFocusView.types.d.ts.map +1 -1
- package/lib/typescript/src/types/baseKeyboardView.types.d.ts +119 -0
- package/lib/typescript/src/types/baseKeyboardView.types.d.ts.map +1 -0
- package/lib/typescript/src/types/focus.types.d.ts +44 -0
- package/lib/typescript/src/types/focus.types.d.ts.map +1 -0
- package/lib/typescript/src/types/focusOrder.types.d.ts +57 -0
- package/lib/typescript/src/types/focusOrder.types.d.ts.map +1 -0
- package/lib/typescript/src/types/focusStyle.types.d.ts +11 -0
- package/lib/typescript/src/types/focusStyle.types.d.ts.map +1 -0
- package/lib/typescript/src/types/index.d.ts +11 -2
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/lib/typescript/src/types/keyPress.types.d.ts +7 -0
- package/lib/typescript/src/types/keyPress.types.d.ts.map +1 -0
- package/lib/typescript/src/types/keyboardInput.types.d.ts +53 -0
- package/lib/typescript/src/types/keyboardInput.types.d.ts.map +1 -0
- package/lib/typescript/src/types/withKeyboardFocus.types.d.ts +109 -0
- package/lib/typescript/src/types/withKeyboardFocus.types.d.ts.map +1 -0
- package/lib/typescript/src/utils/mapLockFocus.d.ts +3 -0
- package/lib/typescript/src/utils/mapLockFocus.d.ts.map +1 -0
- package/lib/typescript/src/utils/useFocusStyle.d.ts +7 -1017
- package/lib/typescript/src/utils/useFocusStyle.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardFocusContainer.d.ts +34 -0
- package/lib/typescript/src/utils/useKeyboardFocusContainer.d.ts.map +1 -0
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.android.d.ts +2 -2
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.android.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.d.ts +4 -3
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.ios.d.ts +3 -3
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.ios.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.types.d.ts +1 -2
- package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.types.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardPressState.d.ts +29 -0
- package/lib/typescript/src/utils/useKeyboardPressState.d.ts.map +1 -0
- package/lib/typescript/src/utils/useOnFocusChange.d.ts +3 -3
- package/lib/typescript/src/utils/useOnFocusChange.d.ts.map +1 -1
- package/lib/typescript/src/utils/useOrderValidation.d.ts +8 -0
- package/lib/typescript/src/utils/useOrderValidation.d.ts.map +1 -0
- package/lib/typescript/src/utils/useRenderedChildren.d.ts +18 -0
- package/lib/typescript/src/utils/useRenderedChildren.d.ts.map +1 -0
- package/lib/typescript/src/utils/useWrappedOrderProps.d.ts +13 -0
- package/lib/typescript/src/utils/useWrappedOrderProps.d.ts.map +1 -0
- package/lib/typescript/src/utils/withKeyboardFocus.d.ts +3 -8
- package/lib/typescript/src/utils/withKeyboardFocus.d.ts.map +1 -1
- package/package.json +10 -5
- package/src/components/BaseKeyboardView/BaseKeyboardView.tsx +74 -94
- package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.tsx +49 -149
- package/src/components/KeyboardFocusGroup/KeyboardFocusGroup.android.tsx +23 -32
- package/src/components/KeyboardFocusGroup/KeyboardFocusGroup.ios.tsx +32 -41
- package/src/components/KeyboardFocusGroup/KeyboardFocusGroup.tsx +3 -14
- package/src/components/KeyboardFocusGroup/KeyboardFocusGroup.types.ts +15 -0
- package/src/components/KeyboardFocusLock/FocusFrame/FocusFrame.android.tsx +2 -2
- package/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.android.tsx +2 -2
- package/src/components/KeyboardFocusLock/FocusTrap/FocusTrap.tsx +1 -1
- package/src/components/KeyboardFocusLock/KeyboardFocusLockBase/KeyboardFocusLockBase.tsx +2 -2
- package/src/components/KeyboardFocusView/KeyboardFocusView.tsx +29 -68
- package/src/components/Touchable/Pressable.tsx +2 -2
- package/src/components/index.ts +12 -0
- package/src/index.tsx +44 -32
- package/src/nativeSpec/ExternalKeyboardViewNativeComponent.ts +6 -4
- package/src/nativeSpec/TextInputFocusWrapperNativeComponent.ts +2 -0
- package/src/types/KeyboardFocusLock.types.ts +16 -1
- package/src/types/KeyboardFocusView.types.ts +17 -18
- package/src/types/baseKeyboardView.types.ts +122 -0
- package/src/types/focus.types.ts +49 -0
- package/src/types/focusOrder.types.ts +59 -0
- package/src/types/{FocusStyle.ts → focusStyle.types.ts} +5 -0
- package/src/types/index.ts +32 -2
- package/src/types/keyPress.types.ts +8 -0
- package/src/types/keyboardInput.types.ts +81 -0
- package/src/types/withKeyboardFocus.types.ts +178 -0
- package/src/utils/mapLockFocus.ts +31 -0
- package/src/utils/useFocusStyle.tsx +13 -41
- package/src/utils/useKeyboardFocusContainer.ts +102 -0
- package/src/utils/useKeyboardPress/useKeyboardPress.android.ts +4 -7
- package/src/utils/useKeyboardPress/useKeyboardPress.ios.ts +3 -6
- package/src/utils/useKeyboardPress/useKeyboardPress.ts +9 -7
- package/src/utils/useKeyboardPress/useKeyboardPress.types.ts +1 -2
- package/src/utils/useKeyboardPressState.ts +81 -0
- package/src/utils/useOnFocusChange.ts +4 -7
- package/src/utils/useOrderValidation.ts +74 -0
- package/src/utils/useRenderedChildren.ts +42 -0
- package/src/utils/useWrappedOrderProps.ts +48 -0
- package/src/utils/withKeyboardFocus.tsx +105 -125
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js.map +0 -1
- package/lib/commonjs/components/KeyboardFocusView/hooks/index.js +0 -13
- package/lib/commonjs/components/KeyboardFocusView/hooks/index.js.map +0 -1
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/index.js +0 -13
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/index.js.map +0 -1
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js +0 -33
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js.map +0 -1
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js +0 -39
- package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js.map +0 -1
- package/lib/commonjs/components/RenderPropComponent/RenderPropComponent.js +0 -23
- package/lib/commonjs/components/RenderPropComponent/RenderPropComponent.js.map +0 -1
- package/lib/commonjs/types/BaseKeyboardView.js +0 -18
- package/lib/commonjs/types/BaseKeyboardView.js.map +0 -1
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js +0 -4
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js.map +0 -1
- package/lib/module/components/KeyboardFocusView/hooks/index.js +0 -4
- package/lib/module/components/KeyboardFocusView/hooks/index.js.map +0 -1
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/index.js +0 -4
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/index.js.map +0 -1
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js +0 -28
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js.map +0 -1
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js +0 -34
- package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js.map +0 -1
- package/lib/module/components/RenderPropComponent/RenderPropComponent.js +0 -17
- package/lib/module/components/RenderPropComponent/RenderPropComponent.js.map +0 -1
- package/lib/module/types/BaseKeyboardView.js +0 -14
- package/lib/module/types/BaseKeyboardView.js.map +0 -1
- package/lib/module/types/FocusStyle.js +0 -4
- package/lib/module/types/WithKeyboardFocus.js +0 -4
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.d.ts +0 -45
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.d.ts.map +0 -1
- package/lib/typescript/src/components/KeyboardFocusView/hooks/index.d.ts +0 -2
- package/lib/typescript/src/components/KeyboardFocusView/hooks/index.d.ts.map +0 -1
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/index.d.ts +0 -2
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/index.d.ts.map +0 -1
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.d.ts +0 -175
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.d.ts.map +0 -1
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.d.ts +0 -181
- package/lib/typescript/src/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.d.ts.map +0 -1
- package/lib/typescript/src/components/RenderPropComponent/RenderPropComponent.d.ts +0 -6
- package/lib/typescript/src/components/RenderPropComponent/RenderPropComponent.d.ts.map +0 -1
- package/lib/typescript/src/types/BaseKeyboardView.d.ts +0 -70
- package/lib/typescript/src/types/BaseKeyboardView.d.ts.map +0 -1
- package/lib/typescript/src/types/FocusStyle.d.ts +0 -6
- package/lib/typescript/src/types/FocusStyle.d.ts.map +0 -1
- package/lib/typescript/src/types/WithKeyboardFocus.d.ts +0 -47
- package/lib/typescript/src/types/WithKeyboardFocus.d.ts.map +0 -1
- package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts +0 -73
- package/src/components/KeyboardFocusView/hooks/index.ts +0 -1
- package/src/components/KeyboardFocusView/hooks/useFocusStyle/index.ts +0 -1
- package/src/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.ts +0 -34
- package/src/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.ts +0 -41
- package/src/components/RenderPropComponent/RenderPropComponent.tsx +0 -18
- package/src/types/BaseKeyboardView.ts +0 -74
- package/src/types/WithKeyboardFocus.ts +0 -115
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/focus.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LockFocusEnum = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* Directions in which keyboard focus movement can be locked via {@link CommonFocusProps.lockFocus}.
|
|
9
|
+
*
|
|
10
|
+
* - `Up` / `Down` / `Left` / `Right` — block directional (arrow / DPad) movement.
|
|
11
|
+
* - `Forward` / `Backward` — block `Tab` and `Shift + Tab` movement.
|
|
12
|
+
* - `First` / `Last` — block jumping to the first / last focusable element.
|
|
13
|
+
*/
|
|
14
|
+
let LockFocusEnum = exports.LockFocusEnum = /*#__PURE__*/function (LockFocusEnum) {
|
|
15
|
+
LockFocusEnum["Up"] = "up";
|
|
16
|
+
LockFocusEnum["Down"] = "down";
|
|
17
|
+
LockFocusEnum["Right"] = "right";
|
|
18
|
+
LockFocusEnum["Left"] = "left";
|
|
19
|
+
LockFocusEnum["Forward"] = "forward";
|
|
20
|
+
LockFocusEnum["Backward"] = "backward";
|
|
21
|
+
LockFocusEnum["First"] = "first";
|
|
22
|
+
LockFocusEnum["Last"] = "last";
|
|
23
|
+
return LockFocusEnum;
|
|
24
|
+
}({});
|
|
25
|
+
/** String-literal form of {@link LockFocusEnum} — `'up' | 'down' | 'left' | …`. */
|
|
26
|
+
/**
|
|
27
|
+
* Link-based focus ordering props. Each `order*` target names the {@link FocusOrderProps.orderId orderId}
|
|
28
|
+
* of the element that should receive focus when moving in that direction.
|
|
29
|
+
*
|
|
30
|
+
* > `orderId` values are global. In repeated content (lists, cards) duplicate IDs cause
|
|
31
|
+
* > incorrect focus jumps — namespace them with `orderPrefix` or a `KeyboardOrderFocusGroup`.
|
|
32
|
+
*/
|
|
33
|
+
//# sourceMappingURL=focusOrder.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["LockFocusEnum","exports"],"sourceRoot":"../../../src","sources":["types/focusOrder.types.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOYA,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAWzB;AAGA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/focusStyle.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,2 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "LockComponentType", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _KeyboardFocusLock.LockComponentType;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "LockFocusEnum", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _focusOrder.LockFocusEnum;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _KeyboardFocusLock = require("./KeyboardFocusLock.types");
|
|
19
|
+
var _focusOrder = require("./focusOrder.types");
|
|
2
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_KeyboardFocusLock","require","_focusOrder"],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAAA,kBAAA,GAAAC,OAAA;AAUA,IAAAC,WAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/keyPress.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/keyboardInput.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/withKeyboardFocus.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.mapLockFocus = void 0;
|
|
7
|
+
var _types = require("../types");
|
|
8
|
+
var BITS = /*#__PURE__*/function (BITS) {
|
|
9
|
+
BITS[BITS["BIT_01"] = 1] = "BIT_01";
|
|
10
|
+
BITS[BITS["BIT_02"] = 2] = "BIT_02";
|
|
11
|
+
BITS[BITS["BIT_03"] = 4] = "BIT_03";
|
|
12
|
+
BITS[BITS["BIT_04"] = 8] = "BIT_04";
|
|
13
|
+
BITS[BITS["BIT_05"] = 16] = "BIT_05";
|
|
14
|
+
BITS[BITS["BIT_06"] = 32] = "BIT_06";
|
|
15
|
+
BITS[BITS["BIT_07"] = 64] = "BIT_07";
|
|
16
|
+
BITS[BITS["BIT_08"] = 128] = "BIT_08";
|
|
17
|
+
BITS[BITS["BIT_09"] = 256] = "BIT_09";
|
|
18
|
+
BITS[BITS["BIT_10"] = 512] = "BIT_10";
|
|
19
|
+
return BITS;
|
|
20
|
+
}(BITS || {});
|
|
21
|
+
const focusBinaryValue = {
|
|
22
|
+
[_types.LockFocusEnum.Up]: BITS.BIT_01,
|
|
23
|
+
[_types.LockFocusEnum.Down]: BITS.BIT_02,
|
|
24
|
+
[_types.LockFocusEnum.Left]: BITS.BIT_03,
|
|
25
|
+
[_types.LockFocusEnum.Right]: BITS.BIT_04,
|
|
26
|
+
[_types.LockFocusEnum.Forward]: BITS.BIT_05,
|
|
27
|
+
[_types.LockFocusEnum.Backward]: BITS.BIT_06,
|
|
28
|
+
[_types.LockFocusEnum.First]: BITS.BIT_09,
|
|
29
|
+
[_types.LockFocusEnum.Last]: BITS.BIT_10
|
|
30
|
+
};
|
|
31
|
+
const mapLockFocus = values => {
|
|
32
|
+
if (!values || !values.length) return 0;
|
|
33
|
+
// eslint-disable-next-line no-bitwise
|
|
34
|
+
return values.reduce((acc, item) => acc | focusBinaryValue[item], 0);
|
|
35
|
+
};
|
|
36
|
+
exports.mapLockFocus = mapLockFocus;
|
|
37
|
+
//# sourceMappingURL=mapLockFocus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_types","require","BITS","focusBinaryValue","LockFocusEnum","Up","BIT_01","Down","BIT_02","Left","BIT_03","Right","BIT_04","Forward","BIT_05","Backward","BIT_06","First","BIT_09","Last","BIT_10","mapLockFocus","values","length","reduce","acc","item","exports"],"sourceRoot":"../../../src","sources":["utils/mapLockFocus.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA6D,IAExDC,IAAI,0BAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAJA,IAAI,CAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA,EAAJA,IAAI;AAaT,MAAMC,gBAA+C,GAAG;EACtD,CAACC,oBAAa,CAACC,EAAE,GAAGH,IAAI,CAACI,MAAM;EAC/B,CAACF,oBAAa,CAACG,IAAI,GAAGL,IAAI,CAACM,MAAM;EACjC,CAACJ,oBAAa,CAACK,IAAI,GAAGP,IAAI,CAACQ,MAAM;EACjC,CAACN,oBAAa,CAACO,KAAK,GAAGT,IAAI,CAACU,MAAM;EAClC,CAACR,oBAAa,CAACS,OAAO,GAAGX,IAAI,CAACY,MAAM;EACpC,CAACV,oBAAa,CAACW,QAAQ,GAAGb,IAAI,CAACc,MAAM;EACrC,CAACZ,oBAAa,CAACa,KAAK,GAAGf,IAAI,CAACgB,MAAM;EAClC,CAACd,oBAAa,CAACe,IAAI,GAAGjB,IAAI,CAACkB;AAC7B,CAAC;AAEM,MAAMC,YAAY,GAAIC,MAAmC,IAAa;EAC3E,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,MAAM,EAAE,OAAO,CAAC;EACvC;EACA,OAAOD,MAAM,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAKD,GAAG,GAAGtB,gBAAgB,CAACuB,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,CAAC;AAACC,OAAA,CAAAN,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -5,20 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useFocusStyle = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
const backgroundTintMap = {
|
|
10
|
-
background: true
|
|
11
|
-
};
|
|
12
|
-
const DEFAULT_BACKGROUND_TINT = '#dce3f9';
|
|
13
8
|
const useFocusStyle = ({
|
|
14
9
|
focusStyle,
|
|
15
10
|
onFocusChange,
|
|
16
11
|
containerFocusStyle,
|
|
17
|
-
tintColor,
|
|
18
|
-
tintType = 'default',
|
|
19
12
|
style,
|
|
20
|
-
|
|
21
|
-
withPressedStyle = false
|
|
13
|
+
pressedStyleSignature = false
|
|
22
14
|
}) => {
|
|
23
15
|
const [focused, setFocusStatus] = (0, _react.useState)(false);
|
|
24
16
|
const onFocusChangeHandler = (0, _react.useCallback)(isFocused => {
|
|
@@ -31,22 +23,14 @@ const useFocusStyle = ({
|
|
|
31
23
|
}) : focusStyle;
|
|
32
24
|
return focused ? specificStyle : undefined;
|
|
33
25
|
}, [focusStyle, focused]);
|
|
34
|
-
const hoverColor = (0, _react.useMemo)(() => ({
|
|
35
|
-
backgroundColor: tintColor
|
|
36
|
-
}), [tintColor]);
|
|
37
26
|
const containerFocusedStyle = (0, _react.useMemo)(() => {
|
|
38
|
-
if (backgroundTintMap[tintType] && !containerFocusStyle) {
|
|
39
|
-
return focused ? {
|
|
40
|
-
backgroundColor: tintColor ?? DEFAULT_BACKGROUND_TINT
|
|
41
|
-
} : undefined;
|
|
42
|
-
}
|
|
43
27
|
if (!containerFocusStyle) return undefined;
|
|
44
28
|
const specificStyle = typeof containerFocusStyle === 'function' ? containerFocusStyle({
|
|
45
29
|
focused
|
|
46
30
|
}) : containerFocusStyle;
|
|
47
31
|
return focused ? specificStyle : undefined;
|
|
48
|
-
}, [containerFocusStyle, focused
|
|
49
|
-
const
|
|
32
|
+
}, [containerFocusStyle, focused]);
|
|
33
|
+
const defaultComponentStyle = (0, _react.useMemo)(() => pressedStyleSignature ? undefined : [style, componentFocusedStyle], [pressedStyleSignature, style, componentFocusedStyle]);
|
|
50
34
|
const styleHandlerPressable = (0, _react.useCallback)(({
|
|
51
35
|
pressed
|
|
52
36
|
}) => {
|
|
@@ -58,13 +42,12 @@ const useFocusStyle = ({
|
|
|
58
42
|
return [style, componentFocusedStyle];
|
|
59
43
|
}
|
|
60
44
|
}, [componentFocusedStyle, style]);
|
|
61
|
-
const componentStyleViewStyle =
|
|
45
|
+
const componentStyleViewStyle = pressedStyleSignature ? styleHandlerPressable : defaultComponentStyle;
|
|
62
46
|
return {
|
|
63
47
|
componentStyleViewStyle,
|
|
64
48
|
componentFocusedStyle,
|
|
65
49
|
containerFocusedStyle,
|
|
66
50
|
onFocusChangeHandler,
|
|
67
|
-
hoverColor,
|
|
68
51
|
focused
|
|
69
52
|
};
|
|
70
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","
|
|
1
|
+
{"version":3,"names":["_react","require","useFocusStyle","focusStyle","onFocusChange","containerFocusStyle","style","pressedStyleSignature","focused","setFocusStatus","useState","onFocusChangeHandler","useCallback","isFocused","componentFocusedStyle","useMemo","specificStyle","undefined","containerFocusedStyle","defaultComponentStyle","styleHandlerPressable","pressed","componentStyleViewStyle","exports"],"sourceRoot":"../../../src","sources":["utils/useFocusStyle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,UAAU;EACVC,aAAa;EACbC,mBAAmB;EACnBC,KAAK;EACLC,qBAAqB,GAAG;AACN,CAAC,KAAK;EACxB,MAAM,CAACC,OAAO,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,oBAAoB,GAAG,IAAAC,kBAAW,EACrCC,SAAkB,IAAK;IACtBJ,cAAc,CAACI,SAAS,CAAC;IACzBT,aAAa,GAAGS,SAAS,CAAC;EAC5B,CAAC,EACD,CAACT,aAAa,CAChB,CAAC;EAED,MAAMU,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,MAAMC,aAAa,GACjB,OAAOb,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC;MAAEK;IAAQ,CAAC,CAAC,GAAGL,UAAU;IACzE,OAAOK,OAAO,GAAGQ,aAAa,GAAGC,SAAS;EAC5C,CAAC,EAAE,CAACd,UAAU,EAAEK,OAAO,CAAC,CAAC;EAEzB,MAAMU,qBAAqB,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC1C,IAAI,CAACV,mBAAmB,EAAE,OAAOY,SAAS;IAE1C,MAAMD,aAAa,GACjB,OAAOX,mBAAmB,KAAK,UAAU,GACrCA,mBAAmB,CAAC;MAAEG;IAAQ,CAAC,CAAC,GAChCH,mBAAmB;IAEzB,OAAOG,OAAO,GAAGQ,aAAa,GAAGC,SAAS;EAC5C,CAAC,EAAE,CAACZ,mBAAmB,EAAEG,OAAO,CAAC,CAAC;EAElC,MAAMW,qBAAqB,GAAG,IAAAJ,cAAO,EACnC,MAAOR,qBAAqB,GAAGU,SAAS,GAAG,CAACX,KAAK,EAAEQ,qBAAqB,CAAE,EAC1E,CAACP,qBAAqB,EAAED,KAAK,EAAEQ,qBAAqB,CACtD,CAAC;EACD,MAAMM,qBAAqB,GAAG,IAAAR,kBAAW,EACvC,CAAC;IAAES;EAA8B,CAAC,KAAK;IACrC,IAAI,OAAOf,KAAK,KAAK,UAAU,EAAE;MAC/B,OAAO,CAACA,KAAK,CAAC;QAAEe;MAAQ,CAAC,CAAC,EAAEP,qBAAqB,CAAC;IACpD,CAAC,MAAM;MACL,OAAO,CAACR,KAAK,EAAEQ,qBAAqB,CAAC;IACvC;EACF,CAAC,EACD,CAACA,qBAAqB,EAAER,KAAK,CAC/B,CAAC;EAED,MAAMgB,uBAAuB,GAAGf,qBAAqB,GACjDa,qBAAqB,GACrBD,qBAAqB;EAEzB,OAAO;IACLG,uBAAuB;IACvBR,qBAAqB;IACrBI,qBAAqB;IACrBP,oBAAoB;IACpBH;EACF,CAAC;AACH,CAAC;AAACe,OAAA,CAAArB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useKeyboardFocusContainer = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _useFocusStyle = require("./useFocusStyle");
|
|
9
|
+
var _useKeyboardPress = require("./useKeyboardPress/useKeyboardPress");
|
|
10
|
+
var _useKeyboardPressState = require("./useKeyboardPressState");
|
|
11
|
+
const useKeyboardFocusContainer = ({
|
|
12
|
+
focusStyle,
|
|
13
|
+
containerFocusStyle,
|
|
14
|
+
onFocusChange,
|
|
15
|
+
style,
|
|
16
|
+
pressedStyleSignature,
|
|
17
|
+
onKeyUpPress,
|
|
18
|
+
onKeyDownPress,
|
|
19
|
+
onPress,
|
|
20
|
+
onLongPress,
|
|
21
|
+
onPressIn,
|
|
22
|
+
onPressOut,
|
|
23
|
+
triggerCodes,
|
|
24
|
+
androidKeyboardPressState = false
|
|
25
|
+
}) => {
|
|
26
|
+
const keyboardPress = (0, _useKeyboardPressState.useKeyboardPressState)({
|
|
27
|
+
enabled: androidKeyboardPressState,
|
|
28
|
+
onPressIn,
|
|
29
|
+
onPressOut,
|
|
30
|
+
onFocusChange
|
|
31
|
+
});
|
|
32
|
+
const {
|
|
33
|
+
focused,
|
|
34
|
+
containerFocusedStyle,
|
|
35
|
+
componentStyleViewStyle,
|
|
36
|
+
onFocusChangeHandler
|
|
37
|
+
} = (0, _useFocusStyle.useFocusStyle)({
|
|
38
|
+
onFocusChange: keyboardPress.onFocusChange,
|
|
39
|
+
focusStyle,
|
|
40
|
+
containerFocusStyle,
|
|
41
|
+
style,
|
|
42
|
+
pressedStyleSignature
|
|
43
|
+
});
|
|
44
|
+
const {
|
|
45
|
+
onKeyUpPressHandler,
|
|
46
|
+
onKeyDownPressHandler,
|
|
47
|
+
onPressHandler
|
|
48
|
+
} = (0, _useKeyboardPress.useKeyboardPress)({
|
|
49
|
+
onKeyUpPress,
|
|
50
|
+
onKeyDownPress,
|
|
51
|
+
onPress,
|
|
52
|
+
onLongPress,
|
|
53
|
+
onPressIn: keyboardPress.onPressIn,
|
|
54
|
+
onPressOut: keyboardPress.onPressOut,
|
|
55
|
+
triggerCodes
|
|
56
|
+
});
|
|
57
|
+
const {
|
|
58
|
+
applyPressedStyle
|
|
59
|
+
} = keyboardPress;
|
|
60
|
+
const componentStyle = (0, _react.useMemo)(() => applyPressedStyle(componentStyleViewStyle), [applyPressedStyle, componentStyleViewStyle]);
|
|
61
|
+
const onContextMenuHandler = (0, _react.useCallback)(() => {
|
|
62
|
+
onLongPress?.();
|
|
63
|
+
}, [onLongPress]);
|
|
64
|
+
const enableContextMenu = Boolean(onLongPress);
|
|
65
|
+
return {
|
|
66
|
+
focused,
|
|
67
|
+
keyboardPressed: keyboardPress.pressed,
|
|
68
|
+
containerFocusedStyle,
|
|
69
|
+
componentStyleViewStyle: componentStyle,
|
|
70
|
+
onFocusChangeHandler,
|
|
71
|
+
onKeyUpPressHandler,
|
|
72
|
+
onKeyDownPressHandler,
|
|
73
|
+
onPressHandler,
|
|
74
|
+
onContextMenuHandler,
|
|
75
|
+
enableContextMenu
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
exports.useKeyboardFocusContainer = useKeyboardFocusContainer;
|
|
79
|
+
//# sourceMappingURL=useKeyboardFocusContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_useFocusStyle","_useKeyboardPress","_useKeyboardPressState","useKeyboardFocusContainer","focusStyle","containerFocusStyle","onFocusChange","style","pressedStyleSignature","onKeyUpPress","onKeyDownPress","onPress","onLongPress","onPressIn","onPressOut","triggerCodes","androidKeyboardPressState","keyboardPress","useKeyboardPressState","enabled","focused","containerFocusedStyle","componentStyleViewStyle","onFocusChangeHandler","useFocusStyle","onKeyUpPressHandler","onKeyDownPressHandler","onPressHandler","useKeyboardPress","applyPressedStyle","componentStyle","useMemo","onContextMenuHandler","useCallback","enableContextMenu","Boolean","keyboardPressed","pressed","exports"],"sourceRoot":"../../../src","sources":["utils/useKeyboardFocusContainer.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAwBO,MAAMI,yBAAyB,GAAGA,CAGvC;EACAC,UAAU;EACVC,mBAAmB;EACnBC,aAAa;EACbC,KAAK;EACLC,qBAAqB;EACrBC,YAAY;EACZC,cAAc;EACdC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC,yBAAyB,GAAG;AACyB,CAAC,KAAK;EAC3D,MAAMC,aAAa,GAAG,IAAAC,4CAAqB,EAAC;IAC1CC,OAAO,EAAEH,yBAAyB;IAClCH,SAAS;IACTC,UAAU;IACVR;EACF,CAAC,CAAC;EAEF,MAAM;IACJc,OAAO;IACPC,qBAAqB;IACrBC,uBAAuB;IACvBC;EACF,CAAC,GAAG,IAAAC,4BAAa,EAAC;IAChBlB,aAAa,EAAEW,aAAa,CAACX,aAAa;IAC1CF,UAAU;IACVC,mBAAmB;IACnBE,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEiB,mBAAmB;IAAEC,qBAAqB;IAAEC;EAAe,CAAC,GAClE,IAAAC,kCAAgB,EAAC;IACfnB,YAAY;IACZC,cAAc;IACdC,OAAO;IACPC,WAAW;IACXC,SAAS,EAAEI,aAAa,CAACJ,SAA6B;IACtDC,UAAU,EAAEG,aAAa,CAACH,UAA+B;IACzDC;EACF,CAAC,CAAC;EAEJ,MAAM;IAAEc;EAAkB,CAAC,GAAGZ,aAAa;EAC3C,MAAMa,cAAc,GAAG,IAAAC,cAAO,EAC5B,MAAMF,iBAAiB,CAACP,uBAAuB,CAAC,EAChD,CAACO,iBAAiB,EAAEP,uBAAuB,CAC7C,CAAC;EAED,MAAMU,oBAAoB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC7CrB,WAAW,GAAG,CAAC;EACjB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMsB,iBAAiB,GAAGC,OAAO,CAACvB,WAAW,CAAC;EAE9C,OAAO;IACLQ,OAAO;IACPgB,eAAe,EAAEnB,aAAa,CAACoB,OAAO;IACtChB,qBAAqB;IACrBC,uBAAuB,EAAEQ,cAAc;IACvCP,oBAAoB;IACpBE,mBAAmB;IACnBC,qBAAqB;IACrBC,cAAc;IACdK,oBAAoB;IACpBE;EACF,CAAC;AACH,CAAC;AAACI,OAAA,CAAAnC,yBAAA,GAAAA,yBAAA","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ const ANDROID_DPAD_CENTER_CODE = exports.ANDROID_DPAD_CENTER_CODE = 23;
|
|
|
10
10
|
const ANDROID_ENTER_CODE = exports.ANDROID_ENTER_CODE = 66;
|
|
11
11
|
const ANDROID_TRIGGER_CODES = exports.ANDROID_TRIGGER_CODES = [ANDROID_SPACE_KEY_CODE, ANDROID_DPAD_CENTER_CODE, ANDROID_ENTER_CODE];
|
|
12
12
|
const useDebouncedCallback = (callback, delay) => {
|
|
13
|
-
const timeoutRef = (0, _react.useRef)(
|
|
13
|
+
const timeoutRef = (0, _react.useRef)(null);
|
|
14
14
|
return (0, _react.useCallback)((...args) => {
|
|
15
15
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
16
16
|
timeoutRef.current = setTimeout(() => {
|
|
@@ -25,8 +25,7 @@ const useKeyboardPress = ({
|
|
|
25
25
|
onPressOut,
|
|
26
26
|
onPress,
|
|
27
27
|
onLongPress,
|
|
28
|
-
triggerCodes = ANDROID_TRIGGER_CODES
|
|
29
|
-
disabled = false
|
|
28
|
+
triggerCodes = ANDROID_TRIGGER_CODES
|
|
30
29
|
}) => {
|
|
31
30
|
const isLongPressRef = (0, _react.useRef)(false);
|
|
32
31
|
const debouncedOnPress = useDebouncedCallback(event => {
|
|
@@ -46,24 +45,22 @@ const useKeyboardPress = ({
|
|
|
46
45
|
} = e;
|
|
47
46
|
onPressOut?.(e);
|
|
48
47
|
onKeyUpPress?.(e);
|
|
49
|
-
if (disabled) return;
|
|
50
48
|
if (triggerCodes.includes(keyCode)) {
|
|
51
49
|
if (isLongPress) {
|
|
52
50
|
isLongPressRef.current = true;
|
|
53
51
|
debouncedOnPress();
|
|
54
52
|
}
|
|
55
53
|
}
|
|
56
|
-
}, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress
|
|
54
|
+
}, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress]);
|
|
57
55
|
const onKeyDownPressHandler = (0, _react.useMemo)(() => {
|
|
58
56
|
if (!onPressIn) return onKeyDownPress;
|
|
59
57
|
return e => {
|
|
60
58
|
onKeyDownPress?.(e);
|
|
61
|
-
if (disabled) return;
|
|
62
59
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
63
60
|
onPressIn?.(e);
|
|
64
61
|
}
|
|
65
62
|
};
|
|
66
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
63
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
67
64
|
const onPressHandler = (0, _react.useCallback)(event => {
|
|
68
65
|
debouncedOnPress(event);
|
|
69
66
|
}, [debouncedOnPress]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","ANDROID_SPACE_KEY_CODE","exports","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","require","ANDROID_SPACE_KEY_CODE","exports","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","useRef","useCallback","args","current","clearTimeout","setTimeout","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","isLongPressRef","debouncedOnPress","event","onKeyUpPressHandler","e","nativeEvent","keyCode","isLongPress","includes","onKeyDownPressHandler","useMemo","onPressHandler","hasHandler","undefined"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,EAAE;AACjC,MAAME,wBAAwB,GAAAD,OAAA,CAAAC,wBAAA,GAAG,EAAE;AACnC,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,EAAE;AAE7B,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,CACnCJ,sBAAsB,EACtBE,wBAAwB,EACxBC,kBAAkB,CACnB;AAED,MAAME,oBAAoB,GAAGA,CAC3BC,QAAW,EACXC,KAAa,KACV;EACH,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAuC,IAAI,CAAC;EACrE,OAAO,IAAAC,kBAAW,EAChB,CAAC,GAAGC,IAAmB,KAAK;IAC1B,IAAIH,UAAU,CAACI,OAAO,EAAEC,YAAY,CAACL,UAAU,CAACI,OAAO,CAAC;IACxDJ,UAAU,CAACI,OAAO,GAAGE,UAAU,CAAC,MAAM;MACpCR,QAAQ,CAAC,GAAGK,IAAI,CAAC;IACnB,CAAC,EAAEJ,KAAK,CAAC;EACX,CAAC,EACD,CAACD,QAAQ,EAAEC,KAAK,CAClB,CAAC;AACH,CAAC;AAEM,MAAMQ,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,YAAY,GAAGlB;AACY,CAAC,KAAK;EACjC,MAAMmB,cAAc,GAAG,IAAAd,aAAM,EAAC,KAAK,CAAC;EAEpC,MAAMe,gBAAgB,GAAGnB,oBAAoB,CAC1CoB,KAA6B,IAAK;IACjC,IAAIF,cAAc,CAACX,OAAO,EAAE;MAC1BS,WAAW,GAAG,CAAC;IACjB,CAAC,MAAM;MACLD,OAAO,GAAGK,KAAK,CAAC;IAClB;IACAF,cAAc,CAACX,OAAO,GAAG,KAAK;EAChC,CAAC,EACD,EACF,CAAC;EAED,MAAMc,mBAAmB,GAAG,IAAAhB,kBAAW,EACpCiB,CAAC,IAAK;IACL,MAAM;MACJC,WAAW,EAAE;QAAEC,OAAO;QAAEC;MAAY;IACtC,CAAC,GAAGH,CAAC;IAELR,UAAU,GAAGQ,CAAqC,CAAC;IACnDX,YAAY,GAAGW,CAAC,CAAC;IAEjB,IAAIL,YAAY,CAACS,QAAQ,CAACF,OAAO,CAAC,EAAE;MAClC,IAAIC,WAAW,EAAE;QACfP,cAAc,CAACX,OAAO,GAAG,IAAI;QAC7BY,gBAAgB,CAAC,CAAC;MACpB;IACF;EACF,CAAC,EACD,CAACL,UAAU,EAAEH,YAAY,EAAEM,YAAY,EAAEE,gBAAgB,CAC3D,CAAC;EAED,MAAMQ,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,IAAI,CAACf,SAAS,EAAE,OAAOD,cAAc;IACrC,OAAQU,CAAa,IAAK;MACxBV,cAAc,GAAGU,CAAC,CAAC;MACnB,IAAIL,YAAY,CAACS,QAAQ,CAACJ,CAAC,CAACC,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDX,SAAS,GAAGS,CAAqC,CAAC;MACpD;IACF,CAAC;EACH,CAAC,EAAE,CAACV,cAAc,EAAEC,SAAS,EAAEI,YAAY,CAAC,CAAC;EAE7C,MAAMY,cAAc,GAAG,IAAAxB,kBAAW,EAC/Be,KAA4B,IAAK;IAChCD,gBAAgB,CAACC,KAAK,CAAC;EACzB,CAAC,EACD,CAACD,gBAAgB,CACnB,CAAC;EAED,MAAMW,UAAU,GAAGhB,UAAU,IAAIH,YAAY,IAAIK,WAAW,IAAID,OAAO;EACvE,OAAO;IACLM,mBAAmB,EAAES,UAAU,GAAGT,mBAAmB,GAAGU,SAAS;IACjEJ,qBAAqB;IACrBE,cAAc,EAAEd,OAAO,GAAGc,cAAc,GAAGE;EAC7C,CAAC;AACH,CAAC;AAACnC,OAAA,CAAAc,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -15,13 +15,11 @@ const useKeyboardPress = ({
|
|
|
15
15
|
onPressIn,
|
|
16
16
|
onPressOut,
|
|
17
17
|
onLongPress,
|
|
18
|
-
triggerCodes = IOS_TRIGGER_CODES
|
|
19
|
-
disabled = false
|
|
18
|
+
triggerCodes = IOS_TRIGGER_CODES
|
|
20
19
|
}) => {
|
|
21
20
|
const onKeyUpPressHandler = (0, _react.useMemo)(() => {
|
|
22
21
|
return e => {
|
|
23
22
|
onKeyUpPress?.(e);
|
|
24
|
-
if (disabled) return;
|
|
25
23
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
26
24
|
onPressOut?.(e);
|
|
27
25
|
if (e.nativeEvent.isLongPress) {
|
|
@@ -31,17 +29,16 @@ const useKeyboardPress = ({
|
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
31
|
};
|
|
34
|
-
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes
|
|
32
|
+
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes]);
|
|
35
33
|
const onKeyDownPressHandler = (0, _react.useMemo)(() => {
|
|
36
34
|
if (!onPressIn) return onKeyDownPress;
|
|
37
35
|
return e => {
|
|
38
36
|
onKeyDownPress?.(e);
|
|
39
|
-
if (disabled) return;
|
|
40
37
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
41
38
|
onPressIn?.(e);
|
|
42
39
|
}
|
|
43
40
|
};
|
|
44
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
41
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
45
42
|
return {
|
|
46
43
|
onKeyUpPressHandler,
|
|
47
44
|
onKeyDownPressHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","onLongPress","triggerCodes","
|
|
1
|
+
{"version":3,"names":["_react","require","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","onLongPress","triggerCodes","onKeyUpPressHandler","useMemo","e","includes","nativeEvent","keyCode","isLongPress","onKeyDownPressHandler","onPressHandler","exports"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.ios.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,iBAAiB,GAAG,CAACF,aAAa,EAAEC,mBAAmB,CAAC;AAEvD,MAAME,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,YAAY,GAAGR;AACY,CAAC,KAAK;EACjC,MAAMS,mBAAmB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxC,OAAQC,CAAa,IAAK;MACxBT,YAAY,GAAGS,CAAC,CAAC;MAEjB,IAAIH,YAAY,CAACI,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDR,UAAU,GAAGK,CAAC,CAAC;QACf,IAAIA,CAAC,CAACE,WAAW,CAACE,WAAW,EAAE;UAC7BR,WAAW,GAAG,CAAC,CAA0B,CAAC;QAC5C,CAAC,MAAM;UACLH,OAAO,GAAG,CAAC,CAA0B,CAAC;QACxC;MACF;IACF,CAAC;EACH,CAAC,EAAE,CAACF,YAAY,EAAEK,WAAW,EAAEH,OAAO,EAAEE,UAAU,EAAEE,YAAY,CAAC,CAAC;EAElE,MAAMQ,qBAAqB,GAAG,IAAAN,cAAO,EAAC,MAAM;IAC1C,IAAI,CAACL,SAAS,EAAE,OAAOF,cAAc;IACrC,OAAQQ,CAAa,IAAK;MACxBR,cAAc,GAAGQ,CAAC,CAAC;MACnB,IAAIH,YAAY,CAACI,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDT,SAAS,GAAGM,CAAC,CAAC;MAChB;IACF,CAAC;EACH,CAAC,EAAE,CAACR,cAAc,EAAEE,SAAS,EAAEG,YAAY,CAAC,CAAC;EAE7C,OAAO;IACLC,mBAAmB;IACnBO,qBAAqB;IACrBC,cAAc,EAAEb;EAClB,CAAC;AACH,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -12,31 +12,33 @@ const useKeyboardPress = ({
|
|
|
12
12
|
onKeyUpPress,
|
|
13
13
|
onKeyDownPress,
|
|
14
14
|
onPress,
|
|
15
|
+
onLongPress,
|
|
15
16
|
onPressIn,
|
|
16
17
|
onPressOut,
|
|
17
|
-
triggerCodes = IOS_TRIGGER_CODES
|
|
18
|
-
disabled = false
|
|
18
|
+
triggerCodes = IOS_TRIGGER_CODES
|
|
19
19
|
}) => {
|
|
20
20
|
const onKeyUpPressHandler = (0, _react.useMemo)(() => {
|
|
21
|
-
if (!onPressOut) return onKeyUpPress;
|
|
22
21
|
return e => {
|
|
23
22
|
onKeyUpPress?.(e);
|
|
24
|
-
if (disabled) return;
|
|
25
23
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
26
24
|
onPressOut?.(e);
|
|
25
|
+
if (e.nativeEvent.isLongPress) {
|
|
26
|
+
onLongPress?.({});
|
|
27
|
+
} else {
|
|
28
|
+
onPress?.({});
|
|
29
|
+
}
|
|
27
30
|
}
|
|
28
31
|
};
|
|
29
|
-
}, [onKeyUpPress, onPressOut, triggerCodes
|
|
32
|
+
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes]);
|
|
30
33
|
const onKeyDownPressHandler = (0, _react.useMemo)(() => {
|
|
31
34
|
if (!onPressIn) return onKeyDownPress;
|
|
32
35
|
return e => {
|
|
33
36
|
onKeyDownPress?.(e);
|
|
34
|
-
if (disabled) return;
|
|
35
37
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
36
38
|
onPressIn?.(e);
|
|
37
39
|
}
|
|
38
40
|
};
|
|
39
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
41
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
40
42
|
return {
|
|
41
43
|
onKeyUpPressHandler,
|
|
42
44
|
onKeyDownPressHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","triggerCodes","
|
|
1
|
+
{"version":3,"names":["_react","require","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onLongPress","onPressIn","onPressOut","triggerCodes","onKeyUpPressHandler","useMemo","e","includes","nativeEvent","keyCode","isLongPress","onKeyDownPressHandler","onPressHandler","exports"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,iBAAiB,GAAG,CAACF,aAAa,EAAEC,mBAAmB,CAAC;AAEvD,MAAME,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,YAAY,GAAGR;AACY,CAAC,KAAK;EACjC,MAAMS,mBAAmB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxC,OAAQC,CAAa,IAAK;MACxBT,YAAY,GAAGS,CAAC,CAAC;MACjB,IAAIH,YAAY,CAACI,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDP,UAAU,GAAGI,CAAC,CAAC;QACf,IAAIA,CAAC,CAACE,WAAW,CAACE,WAAW,EAAE;UAC7BV,WAAW,GAAG,CAAC,CAAQ,CAAC;QAC1B,CAAC,MAAM;UACLD,OAAO,GAAG,CAAC,CAAQ,CAAC;QACtB;MACF;IACF,CAAC;EACH,CAAC,EAAE,CAACF,YAAY,EAAEG,WAAW,EAAED,OAAO,EAAEG,UAAU,EAAEC,YAAY,CAAC,CAAC;EAElE,MAAMQ,qBAAqB,GAAG,IAAAN,cAAO,EAAC,MAAM;IAC1C,IAAI,CAACJ,SAAS,EAAE,OAAOH,cAAc;IACrC,OAAQQ,CAAa,IAAK;MACxBR,cAAc,GAAGQ,CAAC,CAAC;MACnB,IAAIH,YAAY,CAACI,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDR,SAAS,GAAGK,CAAC,CAAC;MAChB;IACF,CAAC;EACH,CAAC,EAAE,CAACR,cAAc,EAAEG,SAAS,EAAEE,YAAY,CAAC,CAAC;EAE7C,OAAO;IACLC,mBAAmB;IACnBO,qBAAqB;IACrBC,cAAc,EAAEb;EAClB,CAAC;AACH,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useKeyboardPressState = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
/**
|
|
10
|
+
* Android only. Physical-keyboard activation (Enter / Space / DPad-center) never
|
|
11
|
+
* reaches the touch responder, so a wrapped component's `pressed` stays false.
|
|
12
|
+
* This derives a press state from the key down/up events and returns composable
|
|
13
|
+
* pieces to thread it through focus, press handlers, and function styles.
|
|
14
|
+
*
|
|
15
|
+
* Everything is a no-op unless `enabled` and running on Android, so callers can
|
|
16
|
+
* always wire the returned values unconditionally.
|
|
17
|
+
*/
|
|
18
|
+
const useKeyboardPressState = ({
|
|
19
|
+
enabled = false,
|
|
20
|
+
onPressIn,
|
|
21
|
+
onPressOut,
|
|
22
|
+
onFocusChange
|
|
23
|
+
}) => {
|
|
24
|
+
const active = enabled && _reactNative.Platform.OS === 'android';
|
|
25
|
+
const [pressed, setPressed] = (0, _react.useState)(false);
|
|
26
|
+
const handlePressIn = (0, _react.useCallback)(e => {
|
|
27
|
+
setPressed(true);
|
|
28
|
+
onPressIn?.(e);
|
|
29
|
+
}, [onPressIn]);
|
|
30
|
+
const handlePressOut = (0, _react.useCallback)(e => {
|
|
31
|
+
setPressed(false);
|
|
32
|
+
onPressOut?.(e);
|
|
33
|
+
}, [onPressOut]);
|
|
34
|
+
const handleFocusChange = (0, _react.useCallback)(isFocused => {
|
|
35
|
+
// Drop a stuck press if focus leaves before the key-up arrives.
|
|
36
|
+
if (!isFocused && active) setPressed(false);
|
|
37
|
+
onFocusChange?.(isFocused);
|
|
38
|
+
}, [onFocusChange, active]);
|
|
39
|
+
|
|
40
|
+
// Fold the keyboard press into a `style({ pressed })` function so visual
|
|
41
|
+
// press feedback (`withPressedStyle`, function styles) reacts to the keyboard.
|
|
42
|
+
// Non-function styles and the inactive case are returned untouched.
|
|
43
|
+
const applyPressedStyle = (0, _react.useCallback)(style => {
|
|
44
|
+
if (!active || typeof style !== 'function') return style;
|
|
45
|
+
const styleFn = style;
|
|
46
|
+
return ({
|
|
47
|
+
pressed: touchPressed
|
|
48
|
+
}) => styleFn({
|
|
49
|
+
pressed: touchPressed || pressed
|
|
50
|
+
});
|
|
51
|
+
}, [active, pressed]);
|
|
52
|
+
return {
|
|
53
|
+
/** A keyboard-driven press is currently held. */
|
|
54
|
+
pressed: active && pressed,
|
|
55
|
+
/** Pass to the keyboard press hook; the original handlers when inactive. */
|
|
56
|
+
onPressIn: active ? handlePressIn : onPressIn,
|
|
57
|
+
onPressOut: active ? handlePressOut : onPressOut,
|
|
58
|
+
/** Wrap `onFocusChange` to clear a stuck press on blur. */
|
|
59
|
+
onFocusChange: handleFocusChange,
|
|
60
|
+
/** Fold the keyboard press into a function style. */
|
|
61
|
+
applyPressedStyle
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
exports.useKeyboardPressState = useKeyboardPressState;
|
|
65
|
+
//# sourceMappingURL=useKeyboardPressState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","useKeyboardPressState","enabled","onPressIn","onPressOut","onFocusChange","active","Platform","OS","pressed","setPressed","useState","handlePressIn","useCallback","e","handlePressOut","handleFocusChange","isFocused","applyPressedStyle","style","styleFn","touchPressed","exports"],"sourceRoot":"../../../src","sources":["utils/useKeyboardPressState.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,qBAAqB,GAAGA,CAAC;EACpCC,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,UAAU;EACVC;AAC2B,CAAC,KAAK;EACjC,MAAMC,MAAM,GAAGJ,OAAO,IAAIK,qBAAQ,CAACC,EAAE,KAAK,SAAS;EACnD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,CAAO,IAAK;IACXJ,UAAU,CAAC,IAAI,CAAC;IAChBP,SAAS,GAAGW,CAAC,CAAC;EAChB,CAAC,EACD,CAACX,SAAS,CACZ,CAAC;EAED,MAAMY,cAAc,GAAG,IAAAF,kBAAW,EAC/BC,CAAO,IAAK;IACXJ,UAAU,CAAC,KAAK,CAAC;IACjBN,UAAU,GAAGU,CAAC,CAAC;EACjB,CAAC,EACD,CAACV,UAAU,CACb,CAAC;EAED,MAAMY,iBAAiB,GAAG,IAAAH,kBAAW,EAClCI,SAAkB,IAAK;IACtB;IACA,IAAI,CAACA,SAAS,IAAIX,MAAM,EAAEI,UAAU,CAAC,KAAK,CAAC;IAC3CL,aAAa,GAAGY,SAAS,CAAC;EAC5B,CAAC,EACD,CAACZ,aAAa,EAAEC,MAAM,CACxB,CAAC;;EAED;EACA;EACA;EACA,MAAMY,iBAAiB,GAAG,IAAAL,kBAAW,EAC/BM,KAAQ,IAAQ;IAClB,IAAI,CAACb,MAAM,IAAI,OAAOa,KAAK,KAAK,UAAU,EAAE,OAAOA,KAAK;IACxD,MAAMC,OAAO,GAAGD,KAAyB;IACzC,OAAQ,CAAC;MAAEV,OAAO,EAAEY;IAAmC,CAAC,KACtDD,OAAO,CAAC;MAAEX,OAAO,EAAEY,YAAY,IAAIZ;IAAQ,CAAC,CAAC;EACjD,CAAC,EACD,CAACH,MAAM,EAAEG,OAAO,CAClB,CAAC;EAED,OAAO;IACL;IACAA,OAAO,EAAEH,MAAM,IAAIG,OAAO;IAC1B;IACAN,SAAS,EAAEG,MAAM,GAAGM,aAAa,GAAGT,SAAS;IAC7CC,UAAU,EAAEE,MAAM,GAAGS,cAAc,GAAGX,UAAU;IAChD;IACAC,aAAa,EAAEW,iBAAiB;IAChC;IACAE;EACF,CAAC;AACH,CAAC;AAACI,OAAA,CAAArB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ const useOnFocusChange = ({
|
|
|
10
10
|
onFocus,
|
|
11
11
|
onBlur
|
|
12
12
|
}) => (0, _react.useCallback)(e => {
|
|
13
|
-
onFocusChange?.(e.nativeEvent.isFocused, e
|
|
13
|
+
onFocusChange?.(e.nativeEvent.isFocused, e.nativeEvent.target);
|
|
14
14
|
if (e.nativeEvent.isFocused) {
|
|
15
15
|
onFocus?.();
|
|
16
16
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useOnFocusChange","onFocusChange","onFocus","onBlur","useCallback","e","nativeEvent","isFocused","target","exports"],"sourceRoot":"../../../src","sources":["utils/useOnFocusChange.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,aAAa;EACbC,OAAO;EACPC;AACc,CAAC,KACf,IAAAC,kBAAW,EACRC,CAAC,IAAK;EACLJ,aAAa,
|
|
1
|
+
{"version":3,"names":["_react","require","useOnFocusChange","onFocusChange","onFocus","onBlur","useCallback","e","nativeEvent","isFocused","target","exports"],"sourceRoot":"../../../src","sources":["utils/useOnFocusChange.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,aAAa;EACbC,OAAO;EACPC;AACc,CAAC,KACf,IAAAC,kBAAW,EACRC,CAAC,IAAK;EACLJ,aAAa,GAAGI,CAAC,CAACC,WAAW,CAACC,SAAS,EAAEF,CAAC,CAACC,WAAW,CAACE,MAAM,CAAC;EAC9D,IAAIH,CAAC,CAACC,WAAW,CAACC,SAAS,EAAE;IAC3BL,OAAO,GAAG,CAAC;EACb,CAAC,MAAM;IACLC,MAAM,GAAG,CAAC;EACZ;AACF,CAAC,EACD,CAACA,MAAM,EAAED,OAAO,EAAED,aAAa,CACjC,CAAC;AAACQ,OAAA,CAAAT,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useOrderValidation = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const useOrderValidation = ({
|
|
9
|
+
groupId,
|
|
10
|
+
orderIndex,
|
|
11
|
+
orderPrefix,
|
|
12
|
+
orderId,
|
|
13
|
+
orderForward,
|
|
14
|
+
orderBackward,
|
|
15
|
+
orderFirst,
|
|
16
|
+
orderLast,
|
|
17
|
+
orderLeft,
|
|
18
|
+
orderRight,
|
|
19
|
+
orderUp,
|
|
20
|
+
orderDown
|
|
21
|
+
}) => {
|
|
22
|
+
(0, _react.useEffect)(() => {
|
|
23
|
+
if (!__DEV__) return;
|
|
24
|
+
if (orderIndex !== undefined && !groupId) console.warn('`orderIndex` must be declared alongside `orderGroup` for proper functionality. Ensure components are wrapped with `KeyboardOrderFocusGroup` or provide `orderGroup` directly.');
|
|
25
|
+
}, [groupId, orderIndex]);
|
|
26
|
+
(0, _react.useEffect)(() => {
|
|
27
|
+
if (!__DEV__) return;
|
|
28
|
+
const hasOrderLinkProp = orderId !== undefined || orderForward !== undefined || orderBackward !== undefined || orderFirst !== undefined || orderLast !== undefined || orderLeft !== undefined || orderRight !== undefined || orderUp !== undefined || orderDown !== undefined;
|
|
29
|
+
if (hasOrderLinkProp && orderPrefix === '') {
|
|
30
|
+
console.warn('[react-native-external-keyboard] orderId, orderForward, orderBackward, orderFirst, orderLast, ' + 'orderLeft, orderRight, orderUp, and orderDown are global IDs. ' + 'Wrap the component in <KeyboardOrderFocusGroup> or pass orderPrefix to avoid ID collisions across screens.');
|
|
31
|
+
}
|
|
32
|
+
}, [orderId, orderForward, orderBackward, orderFirst, orderLast, orderLeft, orderRight, orderUp, orderDown, orderPrefix]);
|
|
33
|
+
};
|
|
34
|
+
exports.useOrderValidation = useOrderValidation;
|
|
35
|
+
//# sourceMappingURL=useOrderValidation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useOrderValidation","groupId","orderIndex","orderPrefix","orderId","orderForward","orderBackward","orderFirst","orderLast","orderLeft","orderRight","orderUp","orderDown","useEffect","__DEV__","undefined","console","warn","hasOrderLinkProp","exports"],"sourceRoot":"../../../src","sources":["utils/useOrderValidation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAoBO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,OAAO;EACPC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC;AACuB,CAAC,KAAK;EAC7B,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACC,OAAO,EAAE;IACd,IAAIZ,UAAU,KAAKa,SAAS,IAAI,CAACd,OAAO,EACtCe,OAAO,CAACC,IAAI,CACV,+KACF,CAAC;EACL,CAAC,EAAE,CAAChB,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEzB,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAI,CAACC,OAAO,EAAE;IACd,MAAMI,gBAAgB,GACpBd,OAAO,KAAKW,SAAS,IACrBV,YAAY,KAAKU,SAAS,IAC1BT,aAAa,KAAKS,SAAS,IAC3BR,UAAU,KAAKQ,SAAS,IACxBP,SAAS,KAAKO,SAAS,IACvBN,SAAS,KAAKM,SAAS,IACvBL,UAAU,KAAKK,SAAS,IACxBJ,OAAO,KAAKI,SAAS,IACrBH,SAAS,KAAKG,SAAS;IACzB,IAAIG,gBAAgB,IAAIf,WAAW,KAAK,EAAE,EAAE;MAC1Ca,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,gEAAgE,GAChE,4GACJ,CAAC;IACH;EACF,CAAC,EAAE,CACDb,OAAO,EACPC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTT,WAAW,CACZ,CAAC;AACJ,CAAC;AAACgB,OAAA,CAAAnB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|