@tamagui/demos 1.13.3 → 1.13.4

package/dist/jsx/useOnIntersecting.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/useOnIntersecting.tsx"],
   "sourcesContent": ["import { MutableRefObject, useEffect, useState } from 'react'\nimport { isWeb, useEvent } from 'tamagui'\n\ntype DisposeFn = () => void\n\ntype IntersectCallback = (\n  props: (IntersectionObserverEntry | null)[],\n  didResize?: boolean\n) => DisposeFn | void | null\n\ntype HTMLRef = MutableRefObject<HTMLElement | null>\n\nexport function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n  refs: Ref,\n  { once, ...opts }: IntersectionObserverInit & { once?: boolean } = {}\n): Ref extends any[] ? boolean[] : boolean {\n  const [values, setValues] = useState<boolean[]>([])\n\n  if (isWeb) {\n    useOnIntersecting(\n      refs,\n      (entries) => {\n        const intersecting = entries.some((x) => x?.isIntersecting)\n        if (once && !intersecting) return\n        setValues((prev) => {\n          const next = entries.map((e) => e?.isIntersecting ?? false)\n          if (prev.length === next.length && prev.every((e, i) => e === next[i])) {\n            return prev\n          }\n          return next\n        })\n      },\n      opts\n    )\n  }\n\n  return (Array.isArray(refs) ? values : values[0]) as any\n}\n\nexport function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n  refsIn: Ref,\n  incomingCbRaw: IntersectCallback,\n  { threshold = 0, root, rootMargin }: IntersectionObserverInit = {},\n  mountArgs: any[] = []\n) {\n  const onIntersectEvent = useEvent(incomingCbRaw)\n\n  useEffect(() => {\n    const refs = (Array.isArray(refsIn) ? refsIn : [refsIn]) as HTMLRef[]\n    if (!refs.length) return\n\n    let dispose: DisposeFn | null = null\n    let currentEntries: (IntersectionObserverEntry | null)[] = []\n    const options = {\n      threshold,\n      root,\n      rootMargin,\n    }\n    const io = new IntersectionObserver((entries) => {\n      currentEntries = refs.map((ref, index) => {\n        return (\n          entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null\n        )\n      })\n      dispose?.()\n      dispose = onIntersectEvent(currentEntries) || null\n    }, options)\n\n    for (const ref of refs) {\n      if (ref.current) {\n        io.observe(ref.current)\n      }\n    }\n\n    return () => {\n      dispose?.()\n      io.disconnect()\n    }\n  }, [\n    onIntersectEvent,\n    refsIn,\n    root,\n    rootMargin,\n    threshold,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...mountArgs,\n  ])\n}\n"],
-  "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,MAAI,OAAO;AACT;AAAA,MACE;AAAA,MACA,CAAC,YAAY;AACX,cAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,YAAI,QAAQ,CAAC;AAAc;AAC3B,kBAAU,CAAC,SAAS;AAClB,gBAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,KAAK;AAC1D,cAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;AACtE,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAQ,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B;AAChC,QAAI,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,eACE,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK;AAAA,MAE9E,CAAC;AACD,gBAAU;AACV,gBAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO,MAAM;AACtB,UAAI,IAAI,SAAS;AACf,WAAG,QAAQ,IAAI,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,WAAO,MAAM;AACX,gBAAU;AACV,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
-  "names": []
+  "mappings": "AAAA,OAA2B,aAAAA,EAAW,YAAAC,MAAgB,QACtD,OAAS,SAAAC,EAAO,YAAAC,MAAgB,UAWzB,SAASC,EACdC,EACA,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAmD,CAAC,EAC3B,CACzC,KAAM,CAACC,EAAQC,CAAS,EAAIR,EAAoB,CAAC,CAAC,EAElD,OAAIC,GACFQ,EACEL,EACCM,GAAY,CACX,MAAMC,EAAeD,EAAQ,KAAME,GAAMA,GAAG,cAAc,EACtDP,GAAQ,CAACM,GACbH,EAAWK,GAAS,CAClB,MAAMC,EAAOJ,EAAQ,IAAKK,GAAMA,GAAG,gBAAkB,EAAK,EAC1D,OAAIF,EAAK,SAAWC,EAAK,QAAUD,EAAK,MAAM,CAACE,EAAGC,IAAMD,IAAMD,EAAKE,CAAC,CAAC,EAC5DH,EAEFC,CACT,CAAC,CACH,EACAR,CACF,EAGM,MAAM,QAAQF,CAAI,EAAIG,EAASA,EAAO,CAAC,CACjD,CAEO,SAASE,EACdQ,EACAC,EACA,CAAE,UAAAC,EAAY,EAAG,KAAAC,EAAM,WAAAC,CAAW,EAA8B,CAAC,EACjEC,EAAmB,CAAC,EACpB,CACA,MAAMC,EAAmBrB,EAASgB,CAAa,EAE/CnB,EAAU,IAAM,CACd,MAAMK,EAAQ,MAAM,QAAQa,CAAM,EAAIA,EAAS,CAACA,CAAM,EACtD,GAAI,CAACb,EAAK,OAAQ,OAElB,IAAIoB,EAA4B,KAC5BC,EAAuD,CAAC,EAC5D,MAAMC,EAAU,CACd,UAAAP,EACA,KAAAC,EACA,WAAAC,CACF,EACMM,EAAK,IAAI,qBAAsBjB,GAAY,CAC/Ce,EAAiBrB,EAAK,IAAI,CAACwB,EAAKC,IAE5BnB,EAAQ,KAAME,GAAMA,EAAE,SAAWgB,EAAI,OAAO,GAAKH,EAAeI,CAAK,GAAK,IAE7E,EACDL,IAAU,EACVA,EAAUD,EAAiBE,CAAc,GAAK,IAChD,EAAGC,CAAO,EAEV,UAAWE,KAAOxB,EACZwB,EAAI,SACND,EAAG,QAAQC,EAAI,OAAO,EAI1B,MAAO,IAAM,CACXJ,IAAU,EACVG,EAAG,WAAW,CAChB,CACF,EAAG,CACDJ,EACAN,EACAG,EACAC,EACAF,EAEA,GAAGG,CACL,CAAC,CACH",
+  "names": ["useEffect", "useState", "isWeb", "useEvent", "useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useOnIntersecting", "entries", "intersecting", "x", "prev", "next", "e", "i", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "ref", "index"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.13.3",
+  "version": "1.13.4",
   "sideEffects": [
     "*.css"
   ],
@@ -28,29 +28,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.13.3",
-    "@tamagui/button": "1.13.3",
-    "@tamagui/config": "1.13.3",
-    "@tamagui/core": "1.13.3",
-    "@tamagui/list-item": "1.13.3",
-    "@tamagui/logo": "1.13.3",
-    "@tamagui/menu": "1.13.3",
-    "@tamagui/popover": "1.13.3",
-    "@tamagui/progress": "1.13.3",
-    "@tamagui/radio-group": "1.13.3",
-    "@tamagui/select": "1.13.3",
-    "@tamagui/sheet": "1.13.3",
-    "@tamagui/slider": "1.13.3",
-    "@tamagui/stacks": "1.13.3",
-    "@tamagui/toast": "1.13.3",
-    "tamagui": "1.13.3"
+    "@tamagui/avatar": "1.13.4",
+    "@tamagui/button": "1.13.4",
+    "@tamagui/config": "1.13.4",
+    "@tamagui/core": "1.13.4",
+    "@tamagui/list-item": "1.13.4",
+    "@tamagui/logo": "1.13.4",
+    "@tamagui/menu": "1.13.4",
+    "@tamagui/popover": "1.13.4",
+    "@tamagui/progress": "1.13.4",
+    "@tamagui/radio-group": "1.13.4",
+    "@tamagui/select": "1.13.4",
+    "@tamagui/sheet": "1.13.4",
+    "@tamagui/slider": "1.13.4",
+    "@tamagui/stacks": "1.13.4",
+    "@tamagui/toast": "1.13.4",
+    "tamagui": "1.13.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.13.3",
+    "@tamagui/build": "1.13.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/ToastDemo.tsx

@@ -1,9 +1,9 @@
-import { useToast, Toast } from '@tamagui/toast'
+import { Toast, useToastController, useToastState } from '@tamagui/toast'
 import React from 'react'
 import { Button, SizableText, Switch, XStack, YStack } from 'tamagui'
 
 export const ToastDemo = () => {
-  const [native, setNative] = React.useState<boolean>(false)
+  const [native, setNative] = React.useState(false)
 
   return (
     <YStack space alignItems="center">
@@ -16,7 +16,7 @@ export const ToastDemo = () => {
 }
 
 const CurrentToast = () => {
-  const { currentToast } = useToast()
+  const currentToast = useToastState()
 
   if (!currentToast || currentToast.isHandledNatively) return null
   return (
@@ -41,7 +41,7 @@ const CurrentToast = () => {
 }
 
 const ToastControl = ({ native }: { native: boolean }) => {
-  const toast = useToast()
+  const toast = useToastController()
   return (
     <XStack space="$2" justifyContent="center">
       <Button