@tamagui/helpers 1.0.1-beta.95 → 1.0.1-beta.98

package/dist/cjs/composeEventHandlers.js

@@ -20,18 +20,13 @@ __export(composeEventHandlers_exports, {
   composeEventHandlers: () => composeEventHandlers
 });
 module.exports = __toCommonJS(composeEventHandlers_exports);
-var import_react = require("react");
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
-  const handlers = (0, import_react.useRef)([]);
-  handlers.current[0] = og;
-  handlers.current[1] = next;
-  return (0, import_react.useCallback)(function composedEventHandler(event) {
-    const [og2, next2] = handlers.current;
-    og2 == null ? void 0 : og2(event);
+  return function composedEventHandler(event) {
+    og == null ? void 0 : og(event);
     if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next2 == null ? void 0 : next2(event);
+      return next == null ? void 0 : next(event);
     }
-  }, []);
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/composeEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/composeEventHandlers.ts"],
-  "sourcesContent": ["import { FocusEvent, useCallback, useRef } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  const handlers = useRef<(EventHandler<E> | undefined)[]>([])\n  handlers.current[0] = og\n  handlers.current[1] = next\n\n  // mimic upcoming react useEvent and keep it stable\n  return useCallback(function composedEventHandler(event: E) {\n    const [og, next] = handlers.current\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }, [])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAKzC,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,QAAM,WAAW,yBAAwC,CAAC,CAAC;AAC3D,WAAS,QAAQ,KAAK;AACtB,WAAS,QAAQ,KAAK;AAGtB,SAAO,8BAAY,8BAA8B,OAAU;AACzD,UAAM,CAAC,KAAI,SAAQ,SAAS;AAC5B,+BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,+BAAO;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;",
+  "sourcesContent": ["import { FocusEvent } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  return function composedEventHandler(event: E) {\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,SAAO,8BAA8B,OAAU;AAC7C,6BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/composeEventHandlers.js

@@ -1,15 +1,10 @@
-import { useCallback, useRef } from "react";
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
-  const handlers = useRef([]);
-  handlers.current[0] = og;
-  handlers.current[1] = next;
-  return useCallback(function composedEventHandler(event) {
-    const [og2, next2] = handlers.current;
-    og2 == null ? void 0 : og2(event);
+  return function composedEventHandler(event) {
+    og == null ? void 0 : og(event);
     if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next2 == null ? void 0 : next2(event);
+      return next == null ? void 0 : next(event);
     }
-  }, []);
+  };
 }
 export {
   composeEventHandlers

package/dist/esm/composeEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/composeEventHandlers.ts"],
-  "sourcesContent": ["import { FocusEvent, useCallback, useRef } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  const handlers = useRef<(EventHandler<E> | undefined)[]>([])\n  handlers.current[0] = og\n  handlers.current[1] = next\n\n  // mimic upcoming react useEvent and keep it stable\n  return useCallback(function composedEventHandler(event: E) {\n    const [og, next] = handlers.current\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }, [])\n}\n"],
-  "mappings": "AAAA;AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,QAAM,WAAW,OAAwC,CAAC,CAAC;AAC3D,WAAS,QAAQ,KAAK;AACtB,WAAS,QAAQ,KAAK;AAGtB,SAAO,YAAY,8BAA8B,OAAU;AACzD,UAAM,CAAC,KAAI,SAAQ,SAAS;AAC5B,+BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,+BAAO;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;",
+  "sourcesContent": ["import { FocusEvent } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  return function composedEventHandler(event: E) {\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,SAAO,8BAA8B,OAAU;AAC7C,6BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/composeEventHandlers.js

@@ -1,15 +1,10 @@
-import { useCallback, useRef } from "react";
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
-  const handlers = useRef([]);
-  handlers.current[0] = og;
-  handlers.current[1] = next;
-  return useCallback(function composedEventHandler(event) {
-    const [og2, next2] = handlers.current;
-    og2 == null ? void 0 : og2(event);
+  return function composedEventHandler(event) {
+    og == null ? void 0 : og(event);
     if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next2 == null ? void 0 : next2(event);
+      return next == null ? void 0 : next(event);
     }
-  }, []);
+  };
 }
 export {
   composeEventHandlers

package/dist/jsx/composeEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/composeEventHandlers.ts"],
-  "sourcesContent": ["import { FocusEvent, useCallback, useRef } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  const handlers = useRef<(EventHandler<E> | undefined)[]>([])\n  handlers.current[0] = og\n  handlers.current[1] = next\n\n  // mimic upcoming react useEvent and keep it stable\n  return useCallback(function composedEventHandler(event: E) {\n    const [og, next] = handlers.current\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }, [])\n}\n"],
-  "mappings": "AAAA;AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,QAAM,WAAW,OAAwC,CAAC,CAAC;AAC3D,WAAS,QAAQ,KAAK;AACtB,WAAS,QAAQ,KAAK;AAGtB,SAAO,YAAY,8BAA8B,OAAU;AACzD,UAAM,CAAC,KAAI,SAAQ,SAAS;AAC5B,+BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,+BAAO;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;",
+  "sourcesContent": ["import { FocusEvent } from 'react'\nimport { GestureResponderEvent } from 'react-native'\n\nexport type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void\n\nexport function composeEventHandlers<E extends Event | GestureResponderEvent | FocusEvent>(\n  og?: EventHandler<E>,\n  next?: EventHandler<E>,\n  { checkDefaultPrevented = true } = {}\n) {\n  return function composedEventHandler(event: E) {\n    og?.(event)\n    if (!checkDefaultPrevented || !event.defaultPrevented) {\n      return next?.(event)\n    }\n  }\n}\n"],
+  "mappings": "AAKO,8BACL,IACA,MACA,EAAE,wBAAwB,SAAS,CAAC,GACpC;AACA,SAAO,8BAA8B,OAAU;AAC7C,6BAAK;AACL,QAAI,CAAC,yBAAyB,CAAC,MAAM,kBAAkB;AACrD,aAAO,6BAAO;AAAA,IAChB;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.1-beta.95",
+  "version": "1.0.1-beta.98",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -18,7 +18,7 @@
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.95",
+    "@tamagui/build": "^1.0.1-beta.98",
     "react": "*",
     "react-native": "*"
   },

package/src/composeEventHandlers.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, useCallback, useRef } from 'react'
+import { FocusEvent } from 'react'
 import { GestureResponderEvent } from 'react-native'
 
 export type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void
@@ -8,16 +8,10 @@ export function composeEventHandlers<E extends Event | GestureResponderEvent | F
   next?: EventHandler<E>,
   { checkDefaultPrevented = true } = {}
 ) {
-  const handlers = useRef<(EventHandler<E> | undefined)[]>([])
-  handlers.current[0] = og
-  handlers.current[1] = next
-
-  // mimic upcoming react useEvent and keep it stable
-  return useCallback(function composedEventHandler(event: E) {
-    const [og, next] = handlers.current
+  return function composedEventHandler(event: E) {
     og?.(event)
     if (!checkDefaultPrevented || !event.defaultPrevented) {
       return next?.(event)
     }
-  }, [])
+  }
 }

package/types/composeEventHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../src/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,oBAAY,YAAY,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAEnG,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,EACvF,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACpB,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,EAAE,qBAA4B,EAAE;;CAAK,WAOmB,CAAC,UAO1D"}
+{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../src/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,oBAAY,YAAY,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAEnG,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,GAAG,qBAAqB,GAAG,UAAU,EACvF,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACpB,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,EAAE,qBAA4B,EAAE;;CAAK,WAEO,CAAC,UAM9C"}