@amazon-devices/react-native-gesture-handler 2.0.1758683737

package/DrawerLayout/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/components/DrawerLayout",
+  "module": "../lib/module/components/DrawerLayout",
+  "react-native": "../src/components/DrawerLayout",
+  "types": "../lib/typescript/components/DrawerLayout.d.ts"
+}

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2025 Amazon.com, Inc. or its affiliates.  All rights reserved.
+
+These materials are licensed as "Program Materials" under the Program Materials License Agreement (the "Agreement").  The Agreement is available at https://developer.amazon.com/support/legal/pml.  See the Agreement for the specific terms and conditions of the Agreement.  Capitalized terms not defined in this file have the meanings given to them in the Agreement.  
+
+If you do not agree to the above terms and conditions, you may not use any file in this package. 
+
+YOUR USE OF THE PROGRAM MATERIALS IN OR ASSOCIATED WITH THIS PACKAGE IS AT YOUR SOLE RISK.  IN NO EVENT WILL AMAZON BE LIABLE FOR ANY DAMAGES, INCLUDING WITHOUT LIMITATION ANY DIRECT, INDIRECT, CONSEQUENTIAL, SPECIAL, INCIDENTAL, OR PUNITIVE DAMAGES (INCLUDING FOR ANY LOSS OF GOODWILL, BUSINESS INTERRUPTION, LOST PROFITS OR DATA, OR COMPUTER FAILURE OR MALFUNCTION) ARISING FROM OR RELATING TO SUCH PROGRAM MATERIALS, HOWEVER CAUSED AND REGARDLESS OF THE THEORY OF LIABILITY, EVEN IF AMAZON HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.  THESE LIMITATIONS AND DISCLAIMERS APPLY EXCEPT TO THE EXTENT PROHIBITED BY APPLICABLE LAW.

package/README.kepler.md

@@ -0,0 +1,167 @@
+# @amazon-devices/react-native-gesture-handler
+
+Declarative API exposing platform native touch and gesture system to React Native.
+
+React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native.
+
+With this library gestures are no longer controlled by the JS responder system, but instead are recognized and tracked in the UI thread.
+It makes touch interactions and gesture tracking not only smooth, but also dependable and deterministic.
+
+This is a system-deployed library and is available to KeplerScript apps without a separate installation process. It is deployed as an autolinking library which your app links to at runtime. Compatibility is guaranteed only between the library and the version of KeplerScript for which it is built.
+
+When you upgrade the version of KeplerScript upon which your app is built, it is best practice to also upgrade the versions of the libraries that depend on KeplerScript.
+
+## Documentation
+
+Check out our dedicated documentation page for info about this library, API reference and more: [https://docs.swmansion.com/react-native-gesture-handler/docs/](https://docs.swmansion.com/react-native-gesture-handler/docs/).
+
+## Installation
+
+1. Add the dependency in package.json file:
+```json
+"dependencies": {
+      ...
+      "@amazon-devices/react-native-gesture-handler": "^2.0.0"
+}
+```
+
+2. Reinstall `package-lock.json` file using `npm install` command.
+
+## Examples
+
+Detecting single and double tapping.
+
+```js
+import { Gesture, GestureDetector, GestureHandlerRootView } from '@amazon-devices/react-native-gesture-handler';
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+
+const App: React.FC = () => {
+  const [message, setMessage] = useState("");
+  const ref = useRef<View>(null);
+
+  useEffect(() => {
+    ref.current?.focus();
+  }, [])
+
+  const singleTap = Gesture.Tap().onStart(() => {
+    setMessage("Single tap");
+  });
+
+  const doubleTap = Gesture.Tap().numberOfTaps(2).onStart(() => {
+    setMessage("Double tap")
+  });
+
+  return (
+    <GestureHandlerRootView style={{flex: 1}}>
+      <View style={styles.container}>
+        <Text>Tap the box once or twice</Text>
+        <GestureDetector gesture={Gesture.Exclusive(doubleTap, singleTap)}>
+          <View style={styles.box} focusable ref={ref} />
+        </GestureDetector>
+        <Text>{message}</Text>
+      </View>
+    </GestureHandlerRootView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  box: {
+    width: 200,
+    height: 200,
+    backgroundColor: 'plum',
+    margin: 20,
+  }
+});
+
+export default App;
+```
+
+Moving the box with Pan gesture handler.
+
+```js
+import { Gesture, GestureDetector, GestureHandlerRootView } from '@amazon-devices/react-native-gesture-handler';
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+
+const App: React.FC = () => {
+  const [posX, setPosX] = useState(0);
+  const [posY, setPosY] = useState(0);
+  const ref = useRef<View>(null);
+
+  useEffect(() => {
+    ref.current?.focus();
+  }, [])
+
+  const pan = Gesture.Pan().onChange((e) => {
+    setPosX((x) => x + e.changeX);
+    setPosY((y) => y + e.changeY);
+  })
+
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <View style={styles.container}>
+        <Text>Drag the box across the screen</Text>
+        <GestureDetector gesture={pan}>
+          <View style={[styles.box, { top: posY, left: posX }]} focusable ref={ref} />
+        </GestureDetector>
+      </View>
+    </GestureHandlerRootView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  box: {
+    width: 200,
+    height: 200,
+    backgroundColor: 'plum',
+    margin: 20,
+  }
+});
+
+export default App;
+```
+
+## API supported on Kepler
+
+Gesture-Handler library on Kepler adds a support for all [gesture types](https://docs.swmansion.com/react-native-gesture-handler/docs/category/gestures) and [native components](https://docs.swmansion.com/react-native-gesture-handler/docs/category/components) listed in the [official documentation](https://docs.swmansion.com/react-native-gesture-handler/).
+
+### Gesture types
+
+| gesture type | description | platform |
+| ------- | -------------------- | -------------------- |
+| Pan | A continuous gesture handler that can recognize a panning (dragging) gesture and track its movement. | All |
+| Tap | A discrete gesture handler that recognizes one or many taps. | All |
+| Long press | A discrete gesture handler that activates when the corresponding view is pressed for a sufficiently long time. | All |
+| Rotation | A continuous gesture handler that can recognize a rotation gesture and track its movement. | All |
+| Pinch | A continuous gesture handler that recognizes pinch gesture. It allows for tracking the distance between two fingers and use that information to scale or zoom your content. | All |
+| Fling | A discrete gesture handler that activates when the movement is sufficiently long and fast. | All |
+| Manual | A plain gesture that has no specific activation criteria nor event data set. The app developers must handle the state programmatically in their application logic using a [gesture state manager](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/state-manager). | All |
+
+### Native components
+
+| native component | description | platform |
+| ------- | -------------------- | -------------------- |
+| RNGestureHandlerButton | Gesture handler library provides native components that can act as buttons. These can be treated as a replacement to `TouchableHighlight` or `TouchableOpacity` from RN core.  | All |
+
+## Supported react-native-kepler versions
+
+| @amazon-devices/react-native-gesture-handler version | @amazon-devices/react-native-kepler version |
+| ------------------------------------------ | --------------------------------- |
+| 2.13.0                                     | 2.0.0+rn0.72.0                    |
+
+## Credits
+
+This project has been build and is maintained thanks to the support from [Shopify](https://shopify.com), [Expo.io](https://expo.io) and [Software Mansion](https://swmansion.com)

package/RNGestureHandler.podspec

@@ -0,0 +1,41 @@
+require "json"
+
+fabric_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1'
+
+Pod::Spec.new do |s|
+  # NPM package specification
+  package = JSON.parse(File.read(File.join(File.dirname(__FILE__), "package.json")))
+
+  s.name         = "RNGestureHandler"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = "https://github.com/software-mansion/react-native-gesture-handler"
+  s.license      = "MIT"
+  s.author       = { package["author"]["name"] => package["author"]["email"] }
+  s.source       = { :git => "https://github.com/software-mansion/react-native-gesture-handler", :tag => "#{s.version}" }
+  s.source_files = "ios/**/*.{h,m,mm}"
+  s.requires_arc = true
+
+  if fabric_enabled
+    folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+    s.pod_target_xcconfig = {
+      'HEADER_SEARCH_PATHS' => '"$(PODS_ROOT)/boost" "$(PODS_ROOT)/boost-for-react-native" "$(PODS_ROOT)/RCT-Folly"',
+      'CLANG_CXX_LANGUAGE_STANDARD' => 'c++17',
+    }
+    s.platforms       = { ios: '11.0', tvos: '11.0' }
+    s.compiler_flags  = folly_compiler_flags + ' -DRCT_NEW_ARCH_ENABLED'
+
+    s.dependency "React"
+    s.dependency "React-RCTFabric" # This is for fabric component
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+  else
+    s.platforms = { :ios => "9.0", :tvos => "9.0" }
+
+    s.dependency "React-Core"
+  end
+end

package/Swipeable/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/components/Swipeable",
+  "module": "../lib/module/components/Swipeable",
+  "react-native": "../src/components/Swipeable",
+  "types": "../lib/typescript/components/Swipeable.d.ts"
+}