react-native-external-keyboard 0.9.1 → 1.0.0
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/ExternalKeyboardViewPackage.java +24 -22
- 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/services/KeyboardService.java +4 -13
- 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 +36 -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 -10
- 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/ExternalKeyboardLockViewNativeComponent.ts +1 -3
- package/lib/commonjs/nativeSpec/ExternalKeyboardViewNativeComponent.ts +12 -9
- package/lib/commonjs/nativeSpec/KeyboardFocusGroupNativeComponent.ts +5 -3
- package/lib/commonjs/nativeSpec/TextInputFocusWrapperNativeComponent.ts +7 -3
- 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/ExternalKeyboardLockViewNativeComponent.ts +1 -3
- package/lib/module/nativeSpec/ExternalKeyboardViewNativeComponent.ts +12 -9
- package/lib/module/nativeSpec/KeyboardFocusGroupNativeComponent.ts +5 -3
- package/lib/module/nativeSpec/TextInputFocusWrapperNativeComponent.ts +7 -3
- 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 +30 -10
- package/lib/typescript/src/components/BaseKeyboardView/BaseKeyboardView.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.d.ts +187 -12
- 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/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 +1 -1
- 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 +28 -18
- package/lib/typescript/src/components/KeyboardFocusView/KeyboardFocusView.d.ts.map +1 -1
- package/lib/typescript/src/components/Touchable/Pressable.d.ts +14 -14
- 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/index.d.ts +694 -9
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/ExternalKeyboardLockViewNativeComponent.d.ts +2 -4
- package/lib/typescript/src/nativeSpec/ExternalKeyboardLockViewNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/ExternalKeyboardViewNativeComponent.d.ts +6 -7
- package/lib/typescript/src/nativeSpec/ExternalKeyboardViewNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/KeyboardFocusGroupNativeComponent.d.ts +2 -4
- package/lib/typescript/src/nativeSpec/KeyboardFocusGroupNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/nativeSpec/TextInputFocusWrapperNativeComponent.d.ts +4 -4
- 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 +35 -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 +26 -34
- package/lib/typescript/src/utils/useFocusStyle.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardFocusContainer.d.ts +898 -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 -4
- package/lib/typescript/src/utils/withKeyboardFocus.d.ts.map +1 -1
- package/package.json +4 -2
- 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/ExternalKeyboardLockViewNativeComponent.ts +1 -3
- package/src/nativeSpec/ExternalKeyboardViewNativeComponent.ts +12 -9
- package/src/nativeSpec/KeyboardFocusGroupNativeComponent.ts +5 -3
- package/src/nativeSpec/TextInputFocusWrapperNativeComponent.ts +7 -3
- 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 +40 -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
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useMemo } from 'react';
|
|
4
|
+
import { useFocusStyle } from './useFocusStyle';
|
|
5
|
+
import { useKeyboardPress } from './useKeyboardPress/useKeyboardPress';
|
|
6
|
+
import { useKeyboardPressState } from './useKeyboardPressState';
|
|
7
|
+
export const useKeyboardFocusContainer = ({
|
|
8
|
+
focusStyle,
|
|
9
|
+
containerFocusStyle,
|
|
10
|
+
onFocusChange,
|
|
11
|
+
style,
|
|
12
|
+
pressedStyleSignature,
|
|
13
|
+
onKeyUpPress,
|
|
14
|
+
onKeyDownPress,
|
|
15
|
+
onPress,
|
|
16
|
+
onLongPress,
|
|
17
|
+
onPressIn,
|
|
18
|
+
onPressOut,
|
|
19
|
+
triggerCodes,
|
|
20
|
+
androidKeyboardPressState = false
|
|
21
|
+
}) => {
|
|
22
|
+
const keyboardPress = useKeyboardPressState({
|
|
23
|
+
enabled: androidKeyboardPressState,
|
|
24
|
+
onPressIn,
|
|
25
|
+
onPressOut,
|
|
26
|
+
onFocusChange
|
|
27
|
+
});
|
|
28
|
+
const {
|
|
29
|
+
focused,
|
|
30
|
+
containerFocusedStyle,
|
|
31
|
+
componentStyleViewStyle,
|
|
32
|
+
onFocusChangeHandler
|
|
33
|
+
} = useFocusStyle({
|
|
34
|
+
onFocusChange: keyboardPress.onFocusChange,
|
|
35
|
+
focusStyle,
|
|
36
|
+
containerFocusStyle,
|
|
37
|
+
style,
|
|
38
|
+
pressedStyleSignature
|
|
39
|
+
});
|
|
40
|
+
const {
|
|
41
|
+
onKeyUpPressHandler,
|
|
42
|
+
onKeyDownPressHandler,
|
|
43
|
+
onPressHandler
|
|
44
|
+
} = useKeyboardPress({
|
|
45
|
+
onKeyUpPress,
|
|
46
|
+
onKeyDownPress,
|
|
47
|
+
onPress,
|
|
48
|
+
onLongPress,
|
|
49
|
+
onPressIn: keyboardPress.onPressIn,
|
|
50
|
+
onPressOut: keyboardPress.onPressOut,
|
|
51
|
+
triggerCodes
|
|
52
|
+
});
|
|
53
|
+
const {
|
|
54
|
+
applyPressedStyle
|
|
55
|
+
} = keyboardPress;
|
|
56
|
+
const componentStyle = useMemo(() => applyPressedStyle(componentStyleViewStyle), [applyPressedStyle, componentStyleViewStyle]);
|
|
57
|
+
const onContextMenuHandler = useCallback(() => {
|
|
58
|
+
onLongPress?.();
|
|
59
|
+
}, [onLongPress]);
|
|
60
|
+
const enableContextMenu = Boolean(onLongPress);
|
|
61
|
+
return {
|
|
62
|
+
focused,
|
|
63
|
+
keyboardPressed: keyboardPress.pressed,
|
|
64
|
+
containerFocusedStyle,
|
|
65
|
+
componentStyleViewStyle: componentStyle,
|
|
66
|
+
onFocusChangeHandler,
|
|
67
|
+
onKeyUpPressHandler,
|
|
68
|
+
onKeyDownPressHandler,
|
|
69
|
+
onPressHandler,
|
|
70
|
+
onContextMenuHandler,
|
|
71
|
+
enableContextMenu
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=useKeyboardFocusContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useMemo","useFocusStyle","useKeyboardPress","useKeyboardPressState","useKeyboardFocusContainer","focusStyle","containerFocusStyle","onFocusChange","style","pressedStyleSignature","onKeyUpPress","onKeyDownPress","onPress","onLongPress","onPressIn","onPressOut","triggerCodes","androidKeyboardPressState","keyboardPress","enabled","focused","containerFocusedStyle","componentStyleViewStyle","onFocusChangeHandler","onKeyUpPressHandler","onKeyDownPressHandler","onPressHandler","applyPressedStyle","componentStyle","onContextMenuHandler","enableContextMenu","Boolean","keyboardPressed","pressed"],"sourceRoot":"../../../src","sources":["utils/useKeyboardFocusContainer.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,qBAAqB,QAAQ,yBAAyB;AAwB/D,OAAO,MAAMC,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,GAAGf,qBAAqB,CAAC;IAC1CgB,OAAO,EAAEF,yBAAyB;IAClCH,SAAS;IACTC,UAAU;IACVR;EACF,CAAC,CAAC;EAEF,MAAM;IACJa,OAAO;IACPC,qBAAqB;IACrBC,uBAAuB;IACvBC;EACF,CAAC,GAAGtB,aAAa,CAAC;IAChBM,aAAa,EAAEW,aAAa,CAACX,aAAa;IAC1CF,UAAU;IACVC,mBAAmB;IACnBE,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEe,mBAAmB;IAAEC,qBAAqB;IAAEC;EAAe,CAAC,GAClExB,gBAAgB,CAAC;IACfQ,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;IAAEW;EAAkB,CAAC,GAAGT,aAAa;EAC3C,MAAMU,cAAc,GAAG5B,OAAO,CAC5B,MAAM2B,iBAAiB,CAACL,uBAAuB,CAAC,EAChD,CAACK,iBAAiB,EAAEL,uBAAuB,CAC7C,CAAC;EAED,MAAMO,oBAAoB,GAAG9B,WAAW,CAAC,MAAM;IAC7Cc,WAAW,GAAG,CAAC;EACjB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMiB,iBAAiB,GAAGC,OAAO,CAAClB,WAAW,CAAC;EAE9C,OAAO;IACLO,OAAO;IACPY,eAAe,EAAEd,aAAa,CAACe,OAAO;IACtCZ,qBAAqB;IACrBC,uBAAuB,EAAEM,cAAc;IACvCL,oBAAoB;IACpBC,mBAAmB;IACnBC,qBAAqB;IACrBC,cAAc;IACdG,oBAAoB;IACpBC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ export const ANDROID_DPAD_CENTER_CODE = 23;
|
|
|
6
6
|
export const ANDROID_ENTER_CODE = 66;
|
|
7
7
|
export const ANDROID_TRIGGER_CODES = [ANDROID_SPACE_KEY_CODE, ANDROID_DPAD_CENTER_CODE, ANDROID_ENTER_CODE];
|
|
8
8
|
const useDebouncedCallback = (callback, delay) => {
|
|
9
|
-
const timeoutRef = useRef(
|
|
9
|
+
const timeoutRef = useRef(null);
|
|
10
10
|
return useCallback((...args) => {
|
|
11
11
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
12
12
|
timeoutRef.current = setTimeout(() => {
|
|
@@ -21,8 +21,7 @@ export const useKeyboardPress = ({
|
|
|
21
21
|
onPressOut,
|
|
22
22
|
onPress,
|
|
23
23
|
onLongPress,
|
|
24
|
-
triggerCodes = ANDROID_TRIGGER_CODES
|
|
25
|
-
disabled = false
|
|
24
|
+
triggerCodes = ANDROID_TRIGGER_CODES
|
|
26
25
|
}) => {
|
|
27
26
|
const isLongPressRef = useRef(false);
|
|
28
27
|
const debouncedOnPress = useDebouncedCallback(event => {
|
|
@@ -42,24 +41,22 @@ export const useKeyboardPress = ({
|
|
|
42
41
|
} = e;
|
|
43
42
|
onPressOut?.(e);
|
|
44
43
|
onKeyUpPress?.(e);
|
|
45
|
-
if (disabled) return;
|
|
46
44
|
if (triggerCodes.includes(keyCode)) {
|
|
47
45
|
if (isLongPress) {
|
|
48
46
|
isLongPressRef.current = true;
|
|
49
47
|
debouncedOnPress();
|
|
50
48
|
}
|
|
51
49
|
}
|
|
52
|
-
}, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress
|
|
50
|
+
}, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress]);
|
|
53
51
|
const onKeyDownPressHandler = useMemo(() => {
|
|
54
52
|
if (!onPressIn) return onKeyDownPress;
|
|
55
53
|
return e => {
|
|
56
54
|
onKeyDownPress?.(e);
|
|
57
|
-
if (disabled) return;
|
|
58
55
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
59
56
|
onPressIn?.(e);
|
|
60
57
|
}
|
|
61
58
|
};
|
|
62
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
59
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
63
60
|
const onPressHandler = useCallback(event => {
|
|
64
61
|
debouncedOnPress(event);
|
|
65
62
|
}, [debouncedOnPress]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useMemo","useRef","ANDROID_SPACE_KEY_CODE","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","
|
|
1
|
+
{"version":3,"names":["useCallback","useMemo","useRef","ANDROID_SPACE_KEY_CODE","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","args","current","clearTimeout","setTimeout","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","isLongPressRef","debouncedOnPress","event","onKeyUpPressHandler","e","nativeEvent","keyCode","isLongPress","includes","onKeyDownPressHandler","onPressHandler","hasHandler","undefined"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAKpD,OAAO,MAAMC,sBAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,MAAMC,qBAAqB,GAAG,CACnCH,sBAAsB,EACtBC,wBAAwB,EACxBC,kBAAkB,CACnB;AAED,MAAME,oBAAoB,GAAGA,CAC3BC,QAAW,EACXC,KAAa,KACV;EACH,MAAMC,UAAU,GAAGR,MAAM,CAAuC,IAAI,CAAC;EACrE,OAAOF,WAAW,CAChB,CAAC,GAAGW,IAAmB,KAAK;IAC1B,IAAID,UAAU,CAACE,OAAO,EAAEC,YAAY,CAACH,UAAU,CAACE,OAAO,CAAC;IACxDF,UAAU,CAACE,OAAO,GAAGE,UAAU,CAAC,MAAM;MACpCN,QAAQ,CAAC,GAAGG,IAAI,CAAC;IACnB,CAAC,EAAEF,KAAK,CAAC;EACX,CAAC,EACD,CAACD,QAAQ,EAAEC,KAAK,CAClB,CAAC;AACH,CAAC;AAED,OAAO,MAAMM,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,YAAY,GAAGhB;AACY,CAAC,KAAK;EACjC,MAAMiB,cAAc,GAAGrB,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMsB,gBAAgB,GAAGjB,oBAAoB,CAC1CkB,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,GAAG1B,WAAW,CACpC2B,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/B,OAAO,CAAC,MAAM;IAC1C,IAAI,CAACiB,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,MAAMW,cAAc,GAAGjC,WAAW,CAC/ByB,KAA4B,IAAK;IAChCD,gBAAgB,CAACC,KAAK,CAAC;EACzB,CAAC,EACD,CAACD,gBAAgB,CACnB,CAAC;EAED,MAAMU,UAAU,GAAGf,UAAU,IAAIH,YAAY,IAAIK,WAAW,IAAID,OAAO;EACvE,OAAO;IACLM,mBAAmB,EAAEQ,UAAU,GAAGR,mBAAmB,GAAGS,SAAS;IACjEH,qBAAqB;IACrBC,cAAc,EAAEb,OAAO,GAAGa,cAAc,GAAGE;EAC7C,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -11,13 +11,11 @@ export const useKeyboardPress = ({
|
|
|
11
11
|
onPressIn,
|
|
12
12
|
onPressOut,
|
|
13
13
|
onLongPress,
|
|
14
|
-
triggerCodes = IOS_TRIGGER_CODES
|
|
15
|
-
disabled = false
|
|
14
|
+
triggerCodes = IOS_TRIGGER_CODES
|
|
16
15
|
}) => {
|
|
17
16
|
const onKeyUpPressHandler = useMemo(() => {
|
|
18
17
|
return e => {
|
|
19
18
|
onKeyUpPress?.(e);
|
|
20
|
-
if (disabled) return;
|
|
21
19
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
22
20
|
onPressOut?.(e);
|
|
23
21
|
if (e.nativeEvent.isLongPress) {
|
|
@@ -27,17 +25,16 @@ export const useKeyboardPress = ({
|
|
|
27
25
|
}
|
|
28
26
|
}
|
|
29
27
|
};
|
|
30
|
-
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes
|
|
28
|
+
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes]);
|
|
31
29
|
const onKeyDownPressHandler = useMemo(() => {
|
|
32
30
|
if (!onPressIn) return onKeyDownPress;
|
|
33
31
|
return e => {
|
|
34
32
|
onKeyDownPress?.(e);
|
|
35
|
-
if (disabled) return;
|
|
36
33
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
37
34
|
onPressIn?.(e);
|
|
38
35
|
}
|
|
39
36
|
};
|
|
40
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
37
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
41
38
|
return {
|
|
42
39
|
onKeyUpPressHandler,
|
|
43
40
|
onKeyDownPressHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","onLongPress","triggerCodes","
|
|
1
|
+
{"version":3,"names":["useMemo","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","onLongPress","triggerCodes","onKeyUpPressHandler","e","includes","nativeEvent","keyCode","isLongPress","onKeyDownPressHandler","onPressHandler"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.ios.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAK/B,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,iBAAiB,GAAG,CAACF,aAAa,EAAEC,mBAAmB,CAAC;AAE9D,OAAO,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,GAAGZ,OAAO,CAAC,MAAM;IACxC,OAAQa,CAAa,IAAK;MACxBR,YAAY,GAAGQ,CAAC,CAAC;MAEjB,IAAIF,YAAY,CAACG,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDP,UAAU,GAAGI,CAAC,CAAC;QACf,IAAIA,CAAC,CAACE,WAAW,CAACE,WAAW,EAAE;UAC7BP,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,MAAMO,qBAAqB,GAAGlB,OAAO,CAAC,MAAM;IAC1C,IAAI,CAACQ,SAAS,EAAE,OAAOF,cAAc;IACrC,OAAQO,CAAa,IAAK;MACxBP,cAAc,GAAGO,CAAC,CAAC;MACnB,IAAIF,YAAY,CAACG,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDR,SAAS,GAAGK,CAAC,CAAC;MAChB;IACF,CAAC;EACH,CAAC,EAAE,CAACP,cAAc,EAAEE,SAAS,EAAEG,YAAY,CAAC,CAAC;EAE7C,OAAO;IACLC,mBAAmB;IACnBM,qBAAqB;IACrBC,cAAc,EAAEZ;EAClB,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -8,31 +8,33 @@ export const useKeyboardPress = ({
|
|
|
8
8
|
onKeyUpPress,
|
|
9
9
|
onKeyDownPress,
|
|
10
10
|
onPress,
|
|
11
|
+
onLongPress,
|
|
11
12
|
onPressIn,
|
|
12
13
|
onPressOut,
|
|
13
|
-
triggerCodes = IOS_TRIGGER_CODES
|
|
14
|
-
disabled = false
|
|
14
|
+
triggerCodes = IOS_TRIGGER_CODES
|
|
15
15
|
}) => {
|
|
16
16
|
const onKeyUpPressHandler = useMemo(() => {
|
|
17
|
-
if (!onPressOut) return onKeyUpPress;
|
|
18
17
|
return e => {
|
|
19
18
|
onKeyUpPress?.(e);
|
|
20
|
-
if (disabled) return;
|
|
21
19
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
22
20
|
onPressOut?.(e);
|
|
21
|
+
if (e.nativeEvent.isLongPress) {
|
|
22
|
+
onLongPress?.({});
|
|
23
|
+
} else {
|
|
24
|
+
onPress?.({});
|
|
25
|
+
}
|
|
23
26
|
}
|
|
24
27
|
};
|
|
25
|
-
}, [onKeyUpPress, onPressOut, triggerCodes
|
|
28
|
+
}, [onKeyUpPress, onLongPress, onPress, onPressOut, triggerCodes]);
|
|
26
29
|
const onKeyDownPressHandler = useMemo(() => {
|
|
27
30
|
if (!onPressIn) return onKeyDownPress;
|
|
28
31
|
return e => {
|
|
29
32
|
onKeyDownPress?.(e);
|
|
30
|
-
if (disabled) return;
|
|
31
33
|
if (triggerCodes.includes(e.nativeEvent.keyCode)) {
|
|
32
34
|
onPressIn?.(e);
|
|
33
35
|
}
|
|
34
36
|
};
|
|
35
|
-
}, [onKeyDownPress, onPressIn, triggerCodes
|
|
37
|
+
}, [onKeyDownPress, onPressIn, triggerCodes]);
|
|
36
38
|
return {
|
|
37
39
|
onKeyUpPressHandler,
|
|
38
40
|
onKeyDownPressHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onPressIn","onPressOut","triggerCodes","
|
|
1
|
+
{"version":3,"names":["useMemo","IOS_SPACE_KEY","IOS_RETURN_OR_ENTER","IOS_TRIGGER_CODES","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPress","onLongPress","onPressIn","onPressOut","triggerCodes","onKeyUpPressHandler","e","includes","nativeEvent","keyCode","isLongPress","onKeyDownPressHandler","onPressHandler"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAI/B,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,iBAAiB,GAAG,CAACF,aAAa,EAAEC,mBAAmB,CAAC;AAE9D,OAAO,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,GAAGZ,OAAO,CAAC,MAAM;IACxC,OAAQa,CAAa,IAAK;MACxBR,YAAY,GAAGQ,CAAC,CAAC;MACjB,IAAIF,YAAY,CAACG,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDN,UAAU,GAAGG,CAAC,CAAC;QACf,IAAIA,CAAC,CAACE,WAAW,CAACE,WAAW,EAAE;UAC7BT,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,MAAMO,qBAAqB,GAAGlB,OAAO,CAAC,MAAM;IAC1C,IAAI,CAACS,SAAS,EAAE,OAAOH,cAAc;IACrC,OAAQO,CAAa,IAAK;MACxBP,cAAc,GAAGO,CAAC,CAAC;MACnB,IAAIF,YAAY,CAACG,QAAQ,CAACD,CAAC,CAACE,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDP,SAAS,GAAGI,CAAC,CAAC;MAChB;IACF,CAAC;EACH,CAAC,EAAE,CAACP,cAAc,EAAEG,SAAS,EAAEE,YAAY,CAAC,CAAC;EAE7C,OAAO;IACLC,mBAAmB;IACnBM,qBAAqB;IACrBC,cAAc,EAAEZ;EAClB,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useState } from 'react';
|
|
4
|
+
import { Platform } from 'react-native';
|
|
5
|
+
/**
|
|
6
|
+
* Android only. Physical-keyboard activation (Enter / Space / DPad-center) never
|
|
7
|
+
* reaches the touch responder, so a wrapped component's `pressed` stays false.
|
|
8
|
+
* This derives a press state from the key down/up events and returns composable
|
|
9
|
+
* pieces to thread it through focus, press handlers, and function styles.
|
|
10
|
+
*
|
|
11
|
+
* Everything is a no-op unless `enabled` and running on Android, so callers can
|
|
12
|
+
* always wire the returned values unconditionally.
|
|
13
|
+
*/
|
|
14
|
+
export const useKeyboardPressState = ({
|
|
15
|
+
enabled = false,
|
|
16
|
+
onPressIn,
|
|
17
|
+
onPressOut,
|
|
18
|
+
onFocusChange
|
|
19
|
+
}) => {
|
|
20
|
+
const active = enabled && Platform.OS === 'android';
|
|
21
|
+
const [pressed, setPressed] = useState(false);
|
|
22
|
+
const handlePressIn = useCallback(e => {
|
|
23
|
+
setPressed(true);
|
|
24
|
+
onPressIn?.(e);
|
|
25
|
+
}, [onPressIn]);
|
|
26
|
+
const handlePressOut = useCallback(e => {
|
|
27
|
+
setPressed(false);
|
|
28
|
+
onPressOut?.(e);
|
|
29
|
+
}, [onPressOut]);
|
|
30
|
+
const handleFocusChange = useCallback(isFocused => {
|
|
31
|
+
// Drop a stuck press if focus leaves before the key-up arrives.
|
|
32
|
+
if (!isFocused && active) setPressed(false);
|
|
33
|
+
onFocusChange?.(isFocused);
|
|
34
|
+
}, [onFocusChange, active]);
|
|
35
|
+
|
|
36
|
+
// Fold the keyboard press into a `style({ pressed })` function so visual
|
|
37
|
+
// press feedback (`withPressedStyle`, function styles) reacts to the keyboard.
|
|
38
|
+
// Non-function styles and the inactive case are returned untouched.
|
|
39
|
+
const applyPressedStyle = useCallback(style => {
|
|
40
|
+
if (!active || typeof style !== 'function') return style;
|
|
41
|
+
const styleFn = style;
|
|
42
|
+
return ({
|
|
43
|
+
pressed: touchPressed
|
|
44
|
+
}) => styleFn({
|
|
45
|
+
pressed: touchPressed || pressed
|
|
46
|
+
});
|
|
47
|
+
}, [active, pressed]);
|
|
48
|
+
return {
|
|
49
|
+
/** A keyboard-driven press is currently held. */
|
|
50
|
+
pressed: active && pressed,
|
|
51
|
+
/** Pass to the keyboard press hook; the original handlers when inactive. */
|
|
52
|
+
onPressIn: active ? handlePressIn : onPressIn,
|
|
53
|
+
onPressOut: active ? handlePressOut : onPressOut,
|
|
54
|
+
/** Wrap `onFocusChange` to clear a stuck press on blur. */
|
|
55
|
+
onFocusChange: handleFocusChange,
|
|
56
|
+
/** Fold the keyboard press into a function style. */
|
|
57
|
+
applyPressedStyle
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=useKeyboardPressState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useState","Platform","useKeyboardPressState","enabled","onPressIn","onPressOut","onFocusChange","active","OS","pressed","setPressed","handlePressIn","e","handlePressOut","handleFocusChange","isFocused","applyPressedStyle","style","styleFn","touchPressed"],"sourceRoot":"../../../src","sources":["utils/useKeyboardPressState.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,QAAQ,QAAQ,cAAc;AAYvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,UAAU;EACVC;AAC2B,CAAC,KAAK;EACjC,MAAMC,MAAM,GAAGJ,OAAO,IAAIF,QAAQ,CAACO,EAAE,KAAK,SAAS;EACnD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMW,aAAa,GAAGZ,WAAW,CAC9Ba,CAAO,IAAK;IACXF,UAAU,CAAC,IAAI,CAAC;IAChBN,SAAS,GAAGQ,CAAC,CAAC;EAChB,CAAC,EACD,CAACR,SAAS,CACZ,CAAC;EAED,MAAMS,cAAc,GAAGd,WAAW,CAC/Ba,CAAO,IAAK;IACXF,UAAU,CAAC,KAAK,CAAC;IACjBL,UAAU,GAAGO,CAAC,CAAC;EACjB,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,MAAMS,iBAAiB,GAAGf,WAAW,CAClCgB,SAAkB,IAAK;IACtB;IACA,IAAI,CAACA,SAAS,IAAIR,MAAM,EAAEG,UAAU,CAAC,KAAK,CAAC;IAC3CJ,aAAa,GAAGS,SAAS,CAAC;EAC5B,CAAC,EACD,CAACT,aAAa,EAAEC,MAAM,CACxB,CAAC;;EAED;EACA;EACA;EACA,MAAMS,iBAAiB,GAAGjB,WAAW,CAC/BkB,KAAQ,IAAQ;IAClB,IAAI,CAACV,MAAM,IAAI,OAAOU,KAAK,KAAK,UAAU,EAAE,OAAOA,KAAK;IACxD,MAAMC,OAAO,GAAGD,KAAyB;IACzC,OAAQ,CAAC;MAAER,OAAO,EAAEU;IAAmC,CAAC,KACtDD,OAAO,CAAC;MAAET,OAAO,EAAEU,YAAY,IAAIV;IAAQ,CAAC,CAAC;EACjD,CAAC,EACD,CAACF,MAAM,EAAEE,OAAO,CAClB,CAAC;EAED,OAAO;IACL;IACAA,OAAO,EAAEF,MAAM,IAAIE,OAAO;IAC1B;IACAL,SAAS,EAAEG,MAAM,GAAGI,aAAa,GAAGP,SAAS;IAC7CC,UAAU,EAAEE,MAAM,GAAGM,cAAc,GAAGR,UAAU;IAChD;IACAC,aAAa,EAAEQ,iBAAiB;IAChC;IACAE;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ export const useOnFocusChange = ({
|
|
|
6
6
|
onFocus,
|
|
7
7
|
onBlur
|
|
8
8
|
}) => useCallback(e => {
|
|
9
|
-
onFocusChange?.(e.nativeEvent.isFocused, e
|
|
9
|
+
onFocusChange?.(e.nativeEvent.isFocused, e.nativeEvent.target);
|
|
10
10
|
if (e.nativeEvent.isFocused) {
|
|
11
11
|
onFocus?.();
|
|
12
12
|
} else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useOnFocusChange","onFocusChange","onFocus","onBlur","e","nativeEvent","isFocused","target"],"sourceRoot":"../../../src","sources":["utils/useOnFocusChange.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AASnC,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,aAAa;EACbC,OAAO;EACPC;AACc,CAAC,KACfJ,WAAW,CACRK,CAAC,IAAK;EACLH,aAAa,
|
|
1
|
+
{"version":3,"names":["useCallback","useOnFocusChange","onFocusChange","onFocus","onBlur","e","nativeEvent","isFocused","target"],"sourceRoot":"../../../src","sources":["utils/useOnFocusChange.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AASnC,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,aAAa;EACbC,OAAO;EACPC;AACc,CAAC,KACfJ,WAAW,CACRK,CAAC,IAAK;EACLH,aAAa,GAAGG,CAAC,CAACC,WAAW,CAACC,SAAS,EAAEF,CAAC,CAACC,WAAW,CAACE,MAAM,CAAC;EAC9D,IAAIH,CAAC,CAACC,WAAW,CAACC,SAAS,EAAE;IAC3BJ,OAAO,GAAG,CAAC;EACb,CAAC,MAAM;IACLC,MAAM,GAAG,CAAC;EACZ;AACF,CAAC,EACD,CAACA,MAAM,EAAED,OAAO,EAAED,aAAa,CACjC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
export const useOrderValidation = ({
|
|
5
|
+
groupId,
|
|
6
|
+
orderIndex,
|
|
7
|
+
orderPrefix,
|
|
8
|
+
orderId,
|
|
9
|
+
orderForward,
|
|
10
|
+
orderBackward,
|
|
11
|
+
orderFirst,
|
|
12
|
+
orderLast,
|
|
13
|
+
orderLeft,
|
|
14
|
+
orderRight,
|
|
15
|
+
orderUp,
|
|
16
|
+
orderDown
|
|
17
|
+
}) => {
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
if (!__DEV__) return;
|
|
20
|
+
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.');
|
|
21
|
+
}, [groupId, orderIndex]);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (!__DEV__) return;
|
|
24
|
+
const hasOrderLinkProp = orderId !== undefined || orderForward !== undefined || orderBackward !== undefined || orderFirst !== undefined || orderLast !== undefined || orderLeft !== undefined || orderRight !== undefined || orderUp !== undefined || orderDown !== undefined;
|
|
25
|
+
if (hasOrderLinkProp && orderPrefix === '') {
|
|
26
|
+
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.');
|
|
27
|
+
}
|
|
28
|
+
}, [orderId, orderForward, orderBackward, orderFirst, orderLast, orderLeft, orderRight, orderUp, orderDown, orderPrefix]);
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=useOrderValidation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useOrderValidation","groupId","orderIndex","orderPrefix","orderId","orderForward","orderBackward","orderFirst","orderLast","orderLeft","orderRight","orderUp","orderDown","__DEV__","undefined","console","warn","hasOrderLinkProp"],"sourceRoot":"../../../src","sources":["utils/useOrderValidation.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AAoBjC,OAAO,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;EAC7Bb,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,OAAO,EAAE;IACd,IAAIX,UAAU,KAAKY,SAAS,IAAI,CAACb,OAAO,EACtCc,OAAO,CAACC,IAAI,CACV,+KACF,CAAC;EACL,CAAC,EAAE,CAACf,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEzBH,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,OAAO,EAAE;IACd,MAAMI,gBAAgB,GACpBb,OAAO,KAAKU,SAAS,IACrBT,YAAY,KAAKS,SAAS,IAC1BR,aAAa,KAAKQ,SAAS,IAC3BP,UAAU,KAAKO,SAAS,IACxBN,SAAS,KAAKM,SAAS,IACvBL,SAAS,KAAKK,SAAS,IACvBJ,UAAU,KAAKI,SAAS,IACxBH,OAAO,KAAKG,SAAS,IACrBF,SAAS,KAAKE,SAAS;IACzB,IAAIG,gBAAgB,IAAId,WAAW,KAAK,EAAE,EAAE;MAC1CY,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,gEAAgE,GAChE,4GACJ,CAAC;IACH;EACF,CAAC,EAAE,CACDZ,OAAO,EACPC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTT,WAAW,CACZ,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Resolves the `children` override for the wrapped component.
|
|
6
|
+
* - `renderContent` stays a function so the component can call it with its own state + `focused`
|
|
7
|
+
* (keyboard activation forces `pressed` when `keyboardPressed` is set)
|
|
8
|
+
* - `renderFocusable` is evaluated immediately and returned as a static node
|
|
9
|
+
* Returns `undefined` when neither prop is provided.
|
|
10
|
+
*/
|
|
11
|
+
export const useRenderedChildren = ({
|
|
12
|
+
focused,
|
|
13
|
+
keyboardPressed = false,
|
|
14
|
+
renderContent,
|
|
15
|
+
renderFocusable
|
|
16
|
+
}) => {
|
|
17
|
+
const contentChildren = useMemo(() => renderContent ? state => renderContent({
|
|
18
|
+
...state,
|
|
19
|
+
...(keyboardPressed ? {
|
|
20
|
+
pressed: true
|
|
21
|
+
} : null),
|
|
22
|
+
focused
|
|
23
|
+
}) : undefined, [renderContent, focused, keyboardPressed]);
|
|
24
|
+
const focusableChildren = useMemo(() => renderFocusable?.({
|
|
25
|
+
focused
|
|
26
|
+
}), [renderFocusable, focused]);
|
|
27
|
+
return contentChildren ?? focusableChildren;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=useRenderedChildren.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","useRenderedChildren","focused","keyboardPressed","renderContent","renderFocusable","contentChildren","state","pressed","undefined","focusableChildren"],"sourceRoot":"../../../src","sources":["utils/useRenderedChildren.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAS/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,eAAe,GAAG,KAAK;EACvBC,aAAa;EACbC;AACwB,CAAC,KAAK;EAC9B,MAAMC,eAAe,GAAGN,OAAO,CAC7B,MACEI,aAAa,GACRG,KAA8B,IAC7BH,aAAa,CAAC;IACZ,GAAGG,KAAK;IACR,IAAIJ,eAAe,GAAG;MAAEK,OAAO,EAAE;IAAK,CAAC,GAAG,IAAI,CAAC;IAC/CN;EACF,CAAC,CAAC,GACJO,SAAS,EACf,CAACL,aAAa,EAAEF,OAAO,EAAEC,eAAe,CAC1C,CAAC;EAED,MAAMO,iBAAiB,GAAGV,OAAO,CAC/B,MAAMK,eAAe,GAAG;IAAEH;EAAQ,CAAC,CAAC,EACpC,CAACG,eAAe,EAAEH,OAAO,CAC3B,CAAC;EAED,OAAOI,eAAe,IAAII,iBAAiB;AAC7C,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { wrapOrderPrefix } from './wrapOrderPrefix';
|
|
5
|
+
export const useWrappedOrderProps = ({
|
|
6
|
+
orderPrefix = '',
|
|
7
|
+
orderId,
|
|
8
|
+
orderForward,
|
|
9
|
+
orderBackward,
|
|
10
|
+
orderFirst,
|
|
11
|
+
orderLast,
|
|
12
|
+
orderLeft,
|
|
13
|
+
orderRight,
|
|
14
|
+
orderUp,
|
|
15
|
+
orderDown
|
|
16
|
+
}) => {
|
|
17
|
+
const wrapPrefix = useMemo(() => wrapOrderPrefix(orderPrefix), [orderPrefix]);
|
|
18
|
+
return useMemo(() => ({
|
|
19
|
+
orderId: wrapPrefix(orderId),
|
|
20
|
+
orderForward: wrapPrefix(orderForward),
|
|
21
|
+
orderBackward: wrapPrefix(orderBackward),
|
|
22
|
+
orderLeft: wrapPrefix(orderLeft),
|
|
23
|
+
orderRight: wrapPrefix(orderRight),
|
|
24
|
+
orderUp: wrapPrefix(orderUp),
|
|
25
|
+
orderDown: wrapPrefix(orderDown),
|
|
26
|
+
orderFirst: wrapPrefix(orderFirst === null ? undefined : orderFirst ?? orderForward),
|
|
27
|
+
orderLast: wrapPrefix(orderLast === null ? undefined : orderLast ?? orderBackward)
|
|
28
|
+
}), [wrapPrefix, orderId, orderForward, orderBackward, orderFirst, orderLast, orderLeft, orderRight, orderUp, orderDown]);
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=useWrappedOrderProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","wrapOrderPrefix","useWrappedOrderProps","orderPrefix","orderId","orderForward","orderBackward","orderFirst","orderLast","orderLeft","orderRight","orderUp","orderDown","wrapPrefix","undefined"],"sourceRoot":"../../../src","sources":["utils/useWrappedOrderProps.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,WAAW,GAAG,EAAE;EAChBC,OAAO;EACPC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC;AACe,CAAC,KAAK;EACrB,MAAMC,UAAU,GAAGb,OAAO,CAAC,MAAMC,eAAe,CAACE,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAE7E,OAAOH,OAAO,CACZ,OAAO;IACLI,OAAO,EAAES,UAAU,CAACT,OAAO,CAAC;IAC5BC,YAAY,EAAEQ,UAAU,CAACR,YAAY,CAAC;IACtCC,aAAa,EAAEO,UAAU,CAACP,aAAa,CAAC;IACxCG,SAAS,EAAEI,UAAU,CAACJ,SAAS,CAAC;IAChCC,UAAU,EAAEG,UAAU,CAACH,UAAU,CAAC;IAClCC,OAAO,EAAEE,UAAU,CAACF,OAAO,CAAC;IAC5BC,SAAS,EAAEC,UAAU,CAACD,SAAS,CAAC;IAChCL,UAAU,EAAEM,UAAU,CACpBN,UAAU,KAAK,IAAI,GAAGO,SAAS,GAAGP,UAAU,IAAIF,YAClD,CAAC;IACDG,SAAS,EAAEK,UAAU,CACnBL,SAAS,KAAK,IAAI,GAAGM,SAAS,GAAGN,SAAS,IAAIF,aAChD;EACF,CAAC,CAAC,EACF,CACEO,UAAU,EACVT,OAAO,EACPC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,SAAS,CAEb,CAAC;AACH,CAAC","ignoreList":[]}
|