@tamagui/helpers 1.0.1-beta.93 → 1.0.1-beta.96

package/dist/cjs/composeEventHandlers.js

@@ -20,13 +20,18 @@ __export(composeEventHandlers_exports, {
   composeEventHandlers: () => composeEventHandlers
 });
 module.exports = __toCommonJS(composeEventHandlers_exports);
+var import_react = require("react");
 function composeEventHandlers(og, next, { checkDefaultPrevented = true } = {}) {
-  return function composedEventHandler(event) {
-    og == null ? void 0 : og(event);
+  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);
     if (!checkDefaultPrevented || !event.defaultPrevented) {
-      return next == null ? void 0 : next(event);
+      return next2 == null ? void 0 : next2(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 } 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;",
+  "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;",
   "names": []
 }

package/dist/esm/composeEventHandlers.js

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

package/dist/esm/composeEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/composeEventHandlers.ts"],
-  "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;",
+  "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;",
   "names": []
 }

package/dist/jsx/composeEventHandlers.js

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

package/dist/jsx/composeEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/composeEventHandlers.ts"],
-  "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;",
+  "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;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.1-beta.93",
+  "version": "1.0.1-beta.96",
   "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.93",
+    "@tamagui/build": "^1.0.1-beta.96",
     "react": "*",
     "react-native": "*"
   },

package/src/composeEventHandlers.ts

@@ -1,4 +1,4 @@
-import { FocusEvent } from 'react'
+import { FocusEvent, useCallback, useRef } from 'react'
 import { GestureResponderEvent } from 'react-native'
 
 export type EventHandler<E extends Event | GestureResponderEvent | FocusEvent> = (event: E) => void
@@ -8,10 +8,16 @@ export function composeEventHandlers<E extends Event | GestureResponderEvent | F
   next?: EventHandler<E>,
   { checkDefaultPrevented = true } = {}
 ) {
-  return function composedEventHandler(event: E) {
+  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
     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,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"}
+{"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"}

package/types/clamp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"clamp.d.ts","sourceRoot":"","sources":["../src/clamp.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAEzE"}

package/types/concatClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"concatClassName.d.ts","sourceRoot":"","sources":["../src/concatClassName.ts"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA"}

package/types/log.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../src/log.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,YAAa,GAAG,QAG/B,CAAA"}

package/types/simpleHash.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"simpleHash.d.ts","sourceRoot":"","sources":["../src/simpleHash.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,QAAS,MAAM,WAQrC,CAAA"}

package/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA"}

package/types/validStyleProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../src/validStyleProps.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;EAc9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;EA2B7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGtB,CAAA"}