@tamagui/react-native-use-responder-events - npm Package Compare versions

Comparing version 1.112.5 to 1.112.6

dist/cjs/useResponderEvents.js

@@ -24,2 +24,3 @@ var __create = Object.create;
 __export(useResponderEvents_exports, {
+  getResponderConfigIfDefined: () => getResponderConfigIfDefined,
   useResponderEvents: () => useResponderEvents
@@ -31,26 +32,52 @@ });
 const emptyObject = {}, Attached = /* @__PURE__ */ new WeakMap(), Ids = /* @__PURE__ */ new WeakMap();
-function useResponderEvents(hostRef, config = emptyObject) {
-  Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
-  const id = Ids.get(hostRef);
+function useResponderEvents(hostRef, configIn = emptyObject) {
+  const config = getResponderConfigIfDefined(configIn), node = hostRef?.current?.host || hostRef?.current;
   React.useEffect(() => {
-    ResponderSystem.attachListeners();
-    const {
-      onMoveShouldSetResponder,
-      onMoveShouldSetResponderCapture,
-      onScrollShouldSetResponder,
-      onScrollShouldSetResponderCapture,
-      onSelectionChangeShouldSetResponder,
-      onSelectionChangeShouldSetResponderCapture,
-      onStartShouldSetResponder,
-      onStartShouldSetResponderCapture
-    } = config, requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture), node = hostRef.current.host;
-    if (requiresResponderSystem)
-      return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), () => {
-        ResponderSystem.removeNode(node);
-      };
-    Attached.get(node) && (ResponderSystem.removeNode(node), Attached.set(hostRef, !1));
-  }, [config, hostRef, id]), process.env.NODE_ENV === "development" && (React.useDebugValue({
-    isResponder: hostRef.current === ResponderSystem.getResponderNode()
+    if (config === emptyObject) return;
+    ResponderSystem.attachListeners(), Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
+    const id = Ids.get(hostRef);
+    return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), () => {
+      ResponderSystem.removeNode(node), Attached.set(hostRef, !1);
+    };
+  }, [config, hostRef]), process.env.NODE_ENV === "development" && (React.useDebugValue({
+    isResponder: node === ResponderSystem.getResponderNode()
   }), React.useDebugValue(config));
 }
+function getResponderConfigIfDefined({
+  onMoveShouldSetResponder,
+  onMoveShouldSetResponderCapture,
+  onResponderEnd,
+  onResponderGrant,
+  onResponderMove,
+  onResponderReject,
+  onResponderRelease,
+  onResponderStart,
+  onResponderTerminate,
+  onResponderTerminationRequest,
+  onScrollShouldSetResponder,
+  onScrollShouldSetResponderCapture,
+  onSelectionChangeShouldSetResponder,
+  onSelectionChangeShouldSetResponderCapture,
+  onStartShouldSetResponder,
+  onStartShouldSetResponderCapture
+}) {
+  return onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onResponderEnd || onResponderGrant || onResponderMove || onResponderReject || onResponderRelease || onResponderStart || onResponderTerminate || onResponderTerminationRequest || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture ? {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  } : emptyObject;
+}
 //# sourceMappingURL=useResponderEvents.js.map

dist/cjs/useResponderEvents.native.js

@@ -25,2 +25,3 @@ "use strict";
 __export(useResponderEvents_exports, {
+  getResponderConfigIfDefined: () => getResponderConfigIfDefined,
   useResponderEvents: () => useResponderEvents
@@ -33,23 +34,42 @@ });
 function useResponderEvents(hostRef) {
-  var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject;
-  Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
-  var id = Ids.get(hostRef);
+  var configIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject, _hostRef_current, config = getResponderConfigIfDefined(configIn), node = (hostRef == null || (_hostRef_current = hostRef.current) === null || _hostRef_current === void 0 ? void 0 : _hostRef_current.host) || (hostRef == null ? void 0 : hostRef.current);
   React.useEffect(function() {
-    ResponderSystem.attachListeners();
-    var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = config, requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture), node = hostRef.current.host;
-    if (requiresResponderSystem)
+    if (config !== emptyObject) {
+      ResponderSystem.attachListeners(), Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
+      var id = Ids.get(hostRef);
       return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), function() {
-        ResponderSystem.removeNode(node);
+        ResponderSystem.removeNode(node), Attached.set(hostRef, !1);
       };
-    Attached.get(node) && (ResponderSystem.removeNode(node), Attached.set(hostRef, !1));
+    }
   }, [
     config,
-    hostRef,
-    id
+    hostRef
   ]), process.env.NODE_ENV === "development" && (React.useDebugValue({
-    isResponder: hostRef.current === ResponderSystem.getResponderNode()
+    isResponder: node === ResponderSystem.getResponderNode()
   }), React.useDebugValue(config));
 }
+function getResponderConfigIfDefined(param) {
+  var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = param;
+  return onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onResponderEnd || onResponderGrant || onResponderMove || onResponderReject || onResponderRelease || onResponderStart || onResponderTerminate || onResponderTerminationRequest || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture ? {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  } : emptyObject;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getResponderConfigIfDefined,
   useResponderEvents,
@@ -56,0 +76,0 @@ ...require("./utils")

dist/esm/useResponderEvents.js

@@ -5,29 +5,56 @@ import * as React from "react";
 const emptyObject = {}, Attached = /* @__PURE__ */ new WeakMap(), Ids = /* @__PURE__ */ new WeakMap();
-function useResponderEvents(hostRef, config = emptyObject) {
-  Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
-  const id = Ids.get(hostRef);
+function useResponderEvents(hostRef, configIn = emptyObject) {
+  const config = getResponderConfigIfDefined(configIn), node = hostRef?.current?.host || hostRef?.current;
   React.useEffect(() => {
-    ResponderSystem.attachListeners();
-    const {
-      onMoveShouldSetResponder,
-      onMoveShouldSetResponderCapture,
-      onScrollShouldSetResponder,
-      onScrollShouldSetResponderCapture,
-      onSelectionChangeShouldSetResponder,
-      onSelectionChangeShouldSetResponderCapture,
-      onStartShouldSetResponder,
-      onStartShouldSetResponderCapture
-    } = config, requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture), node = hostRef.current.host;
-    if (requiresResponderSystem)
-      return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), () => {
-        ResponderSystem.removeNode(node);
-      };
-    Attached.get(node) && (ResponderSystem.removeNode(node), Attached.set(hostRef, !1));
-  }, [config, hostRef, id]), process.env.NODE_ENV === "development" && (React.useDebugValue({
-    isResponder: hostRef.current === ResponderSystem.getResponderNode()
+    if (config === emptyObject) return;
+    ResponderSystem.attachListeners(), Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
+    const id = Ids.get(hostRef);
+    return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), () => {
+      ResponderSystem.removeNode(node), Attached.set(hostRef, !1);
+    };
+  }, [config, hostRef]), process.env.NODE_ENV === "development" && (React.useDebugValue({
+    isResponder: node === ResponderSystem.getResponderNode()
   }), React.useDebugValue(config));
 }
+function getResponderConfigIfDefined({
+  onMoveShouldSetResponder,
+  onMoveShouldSetResponderCapture,
+  onResponderEnd,
+  onResponderGrant,
+  onResponderMove,
+  onResponderReject,
+  onResponderRelease,
+  onResponderStart,
+  onResponderTerminate,
+  onResponderTerminationRequest,
+  onScrollShouldSetResponder,
+  onScrollShouldSetResponderCapture,
+  onSelectionChangeShouldSetResponder,
+  onSelectionChangeShouldSetResponderCapture,
+  onStartShouldSetResponder,
+  onStartShouldSetResponderCapture
+}) {
+  return onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onResponderEnd || onResponderGrant || onResponderMove || onResponderReject || onResponderRelease || onResponderStart || onResponderTerminate || onResponderTerminationRequest || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture ? {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  } : emptyObject;
+}
 export {
+  getResponderConfigIfDefined,
   useResponderEvents
 };
 //# sourceMappingURL=useResponderEvents.js.map

dist/esm/useResponderEvents.native.js

@@ -8,28 +8,57 @@ import * as React from "react";
 function useResponderEvents(hostRef) {
-  var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject;
-  Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
-  var id = Ids.get(hostRef);
+  var configIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject,
+    _hostRef_current,
+    config = getResponderConfigIfDefined(configIn),
+    node = (hostRef == null || (_hostRef_current = hostRef.current) === null || _hostRef_current === void 0 ? void 0 : _hostRef_current.host) || hostRef?.current;
   React.useEffect(function () {
-    ResponderSystem.attachListeners();
-    var {
-        onMoveShouldSetResponder,
-        onMoveShouldSetResponderCapture,
-        onScrollShouldSetResponder,
-        onScrollShouldSetResponderCapture,
-        onSelectionChangeShouldSetResponder,
-        onSelectionChangeShouldSetResponderCapture,
-        onStartShouldSetResponder,
-        onStartShouldSetResponderCapture
-      } = config,
-      requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture),
-      node = hostRef.current.host;
-    if (requiresResponderSystem) return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), function () {
-      ResponderSystem.removeNode(node);
-    };
-    Attached.get(node) && (ResponderSystem.removeNode(node), Attached.set(hostRef, !1));
-  }, [config, hostRef, id]), process.env.NODE_ENV === "development" && (React.useDebugValue({
-    isResponder: hostRef.current === ResponderSystem.getResponderNode()
+    if (config !== emptyObject) {
+      ResponderSystem.attachListeners(), Ids.has(hostRef) || Ids.set(hostRef, `${Math.random()}`);
+      var id = Ids.get(hostRef);
+      return ResponderSystem.addNode(id, node, config), Attached.set(hostRef, !0), function () {
+        ResponderSystem.removeNode(node), Attached.set(hostRef, !1);
+      };
+    }
+  }, [config, hostRef]), process.env.NODE_ENV === "development" && (React.useDebugValue({
+    isResponder: node === ResponderSystem.getResponderNode()
   }), React.useDebugValue(config));
 }
-export { useResponderEvents };
+function getResponderConfigIfDefined(param) {
+  var {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  } = param;
+  return onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onResponderEnd || onResponderGrant || onResponderMove || onResponderReject || onResponderRelease || onResponderStart || onResponderTerminate || onResponderTerminationRequest || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture ? {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  } : emptyObject;
+}
+export { getResponderConfigIfDefined, useResponderEvents };
 //# sourceMappingURL=useResponderEvents.native.js.map

package.json

 {
   "name": "@tamagui/react-native-use-responder-events",
-  "version": "1.112.5",
+  "version": "1.112.6",
   "types": "./types/index.d.ts",
@@ -31,3 +31,3 @@ "main": "dist/cjs",
   "devDependencies": {
-    "@tamagui/build": "1.112.5",
+    "@tamagui/build": "1.112.6",
     "react": "^18.2.0 || ^19.0.0"
@@ -34,0 +34,0 @@ },

src/useResponderEvents.ts

@@ -20,55 +20,31 @@ /**
   hostRef: any,
-  config: ResponderSystem.ResponderConfig = emptyObject
+  configIn: ResponderSystem.ResponderConfig = emptyObject
 ) {
-  if (!Ids.has(hostRef)) {
-    Ids.set(hostRef, `${Math.random()}`)
-  }
-  const id = Ids.get(hostRef)!
+  const config = getResponderConfigIfDefined(configIn)
+  // tamagui + rnw compat
+  const node = hostRef?.current?.host || hostRef?.current
 
   // Register and unregister with the Responder System as necessary
   React.useEffect(() => {
+    if (config === emptyObject) return
+
     ResponderSystem.attachListeners()
 
-    const {
-      onMoveShouldSetResponder,
-      onMoveShouldSetResponderCapture,
-      onScrollShouldSetResponder,
-      onScrollShouldSetResponderCapture,
-      onSelectionChangeShouldSetResponder,
-      onSelectionChangeShouldSetResponderCapture,
-      onStartShouldSetResponder,
-      onStartShouldSetResponderCapture,
-    } = config
+    if (!Ids.has(hostRef)) {
+      Ids.set(hostRef, `${Math.random()}`)
+    }
+    const id = Ids.get(hostRef)!
 
-    const requiresResponderSystem = Boolean(
-      onMoveShouldSetResponder ||
-        onMoveShouldSetResponderCapture ||
-        onScrollShouldSetResponder ||
-        onScrollShouldSetResponderCapture ||
-        onSelectionChangeShouldSetResponder ||
-        onSelectionChangeShouldSetResponderCapture ||
-        onStartShouldSetResponder ||
-        onStartShouldSetResponderCapture
-    )
+    ResponderSystem.addNode(id, node, config)
+    Attached.set(hostRef, true)
 
-    const node = hostRef.current.host
-
-    if (requiresResponderSystem) {
-      ResponderSystem.addNode(id, node, config)
-      Attached.set(hostRef, true)
-
-      return () => {
-        ResponderSystem.removeNode(node)
-      }
-    }
-
-    if (Attached.get(node)) {
+    return () => {
       ResponderSystem.removeNode(node)
       Attached.set(hostRef, false)
     }
-  }, [config, hostRef, id])
+  }, [config, hostRef])
 
   if (process.env.NODE_ENV === 'development') {
     React.useDebugValue({
-      isResponder: hostRef.current === ResponderSystem.getResponderNode(),
+      isResponder: node === ResponderSystem.getResponderNode(),
     })
@@ -78,1 +54,56 @@ React.useDebugValue(config)
 }
+
+export function getResponderConfigIfDefined({
+  onMoveShouldSetResponder,
+  onMoveShouldSetResponderCapture,
+  onResponderEnd,
+  onResponderGrant,
+  onResponderMove,
+  onResponderReject,
+  onResponderRelease,
+  onResponderStart,
+  onResponderTerminate,
+  onResponderTerminationRequest,
+  onScrollShouldSetResponder,
+  onScrollShouldSetResponderCapture,
+  onSelectionChangeShouldSetResponder,
+  onSelectionChangeShouldSetResponderCapture,
+  onStartShouldSetResponder,
+  onStartShouldSetResponderCapture,
+}: ResponderSystem.ResponderConfig): ResponderSystem.ResponderConfig {
+  return onMoveShouldSetResponder ||
+    onMoveShouldSetResponderCapture ||
+    onResponderEnd ||
+    onResponderGrant ||
+    onResponderMove ||
+    onResponderReject ||
+    onResponderRelease ||
+    onResponderStart ||
+    onResponderTerminate ||
+    onResponderTerminationRequest ||
+    onScrollShouldSetResponder ||
+    onScrollShouldSetResponderCapture ||
+    onSelectionChangeShouldSetResponder ||
+    onSelectionChangeShouldSetResponderCapture ||
+    onStartShouldSetResponder ||
+    onStartShouldSetResponderCapture
+    ? {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture,
+      }
+    : emptyObject
+}

src/utils.ts

@@ -76,2 +76,3 @@ /**
   const eventPath = getEventPath(domEvent)
+
   for (let i = 0; i < eventPath.length; i++) {
@@ -78,0 +79,0 @@ const node = eventPath[i]

types/useResponderEvents.d.ts

@@ -8,3 +8,4 @@ /**
 export * from './utils';
-export declare function useResponderEvents(hostRef: any, config?: ResponderSystem.ResponderConfig): void;
+export declare function useResponderEvents(hostRef: any, configIn?: ResponderSystem.ResponderConfig): void;
+export declare function getResponderConfigIfDefined({ onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, }: ResponderSystem.ResponderConfig): ResponderSystem.ResponderConfig;
 //# sourceMappingURL=useResponderEvents.d.ts.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

324472

increased by2.82%

Lines of code

4878

increased by3.5%

No dependency changes