@tamagui/toast 1.7.10 → 1.8.0

package/dist/jsx/createNativeToast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createNativeToast.tsx"],
+  "sourcesContent": ["import { CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (title, { message }) => {\n  if (!('Notification' in window)) {\n    throw Error('This browser does not support desktop notification')\n  }\n\n  if (Notification.permission === 'denied') return {}\n\n  const showNotification = () => {\n    new Notification(title, {\n      body: message,\n    })\n  }\n\n  if (Notification.permission === 'granted') {\n    showNotification()\n  } else {\n    Notification.requestPermission().then((permission) => {\n      if (permission === 'granted') {\n        showNotification()\n      }\n    })\n  }\n}\n"],
+  "mappings": "AAEO,MAAM,oBAAiD,CAAC,OAAO,EAAE,QAAQ,MAAM;AACpF,MAAI,EAAE,kBAAkB,SAAS;AAC/B,UAAM,MAAM,oDAAoD;AAAA,EAClE;AAEA,MAAI,aAAa,eAAe;AAAU,WAAO,CAAC;AAElD,QAAM,mBAAmB,MAAM;AAC7B,QAAI,aAAa,OAAO;AAAA,MACtB,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,MAAI,aAAa,eAAe,WAAW;AACzC,qBAAiB;AAAA,EACnB,OAAO;AACL,iBAAa,kBAAkB,EAAE,KAAK,CAAC,eAAe;AACpD,UAAI,eAAe,WAAW;AAC5B,yBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/jsx/createNativeToast.mjs

@@ -0,0 +1,25 @@
+const createNativeToast = (title, { message }) => {
+  if (!("Notification" in window)) {
+    throw Error("This browser does not support desktop notification");
+  }
+  if (Notification.permission === "denied")
+    return {};
+  const showNotification = () => {
+    new Notification(title, {
+      body: message
+    });
+  };
+  if (Notification.permission === "granted") {
+    showNotification();
+  } else {
+    Notification.requestPermission().then((permission) => {
+      if (permission === "granted") {
+        showNotification();
+      }
+    });
+  }
+};
+export {
+  createNativeToast
+};
+//# sourceMappingURL=createNativeToast.mjs.map

package/dist/jsx/createNativeToast.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createNativeToast.tsx"],
+  "sourcesContent": ["import { CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (title, { message }) => {\n  if (!('Notification' in window)) {\n    throw Error('This browser does not support desktop notification')\n  }\n\n  if (Notification.permission === 'denied') return {}\n\n  const showNotification = () => {\n    new Notification(title, {\n      body: message,\n    })\n  }\n\n  if (Notification.permission === 'granted') {\n    showNotification()\n  } else {\n    Notification.requestPermission().then((permission) => {\n      if (permission === 'granted') {\n        showNotification()\n      }\n    })\n  }\n}\n"],
+  "mappings": "AAEO,MAAM,oBAAiD,CAAC,OAAO,EAAE,QAAQ,MAAM;AACpF,MAAI,EAAE,kBAAkB,SAAS;AAC/B,UAAM,MAAM,oDAAoD;AAAA,EAClE;AAEA,MAAI,aAAa,eAAe;AAAU,WAAO,CAAC;AAElD,QAAM,mBAAmB,MAAM;AAC7B,QAAI,aAAa,OAAO;AAAA,MACtB,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,MAAI,aAAa,eAAe,WAAW;AACzC,qBAAiB;AAAA,EACnB,OAAO;AACL,iBAAa,kBAAkB,EAAE,KAAK,CAAC,eAAe;AACpD,UAAI,eAAe,WAAW;AAC5B,yBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/jsx/createNativeToast.native.js

@@ -0,0 +1,13 @@
+const createNativeToast = (title, { message, duration, preset = "done" }) => {
+  const Burnt = require("burnt");
+  Burnt.toast({
+    title,
+    message: message ?? "",
+    preset,
+    duration
+  });
+};
+export {
+  createNativeToast
+};
+//# sourceMappingURL=createNativeToast.native.js.map

package/dist/jsx/createNativeToast.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createNativeToast.native.tsx"],
+  "sourcesContent": ["import { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (\n  title,\n  { message, duration, preset = 'done' }: CreateNativeToastsOptions\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt = require('burnt')\n\n  Burnt.toast({\n    title,\n    message: message ?? '',\n    preset,\n    duration,\n  })\n}\n"],
+  "mappings": "AAEO,MAAM,oBAAiD,CAC5D,OACA,EAAE,SAAS,UAAU,SAAS,OAAO,MAClC;AAEH,QAAM,QAAQ,QAAQ,OAAO;AAE7B,QAAM,MAAM;AAAA,IACV;AAAA,IACA,SAAS,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/createNativeToast.native.mjs

@@ -0,0 +1,13 @@
+const createNativeToast = (title, { message, duration, preset = "done" }) => {
+  const Burnt = require("burnt");
+  Burnt.toast({
+    title,
+    message: message ?? "",
+    preset,
+    duration
+  });
+};
+export {
+  createNativeToast
+};
+//# sourceMappingURL=createNativeToast.native.mjs.map

package/dist/jsx/createNativeToast.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createNativeToast.native.tsx"],
+  "sourcesContent": ["import { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'\n\nexport const createNativeToast: CreateNativeToastsOptionsFn = (\n  title,\n  { message, duration, preset = 'done' }: CreateNativeToastsOptions\n) => {\n  // import inline to allow lazy usage of native dependecy:\n  const Burnt = require('burnt')\n\n  Burnt.toast({\n    title,\n    message: message ?? '',\n    preset,\n    duration,\n  })\n}\n"],
+  "mappings": "AAEO,MAAM,oBAAiD,CAC5D,OACA,EAAE,SAAS,UAAU,SAAS,OAAO,MAClC;AAEH,QAAM,QAAQ,QAAQ,OAAO;AAE7B,QAAM,MAAM;AAAA,IACV;AAAA,IACA,SAAS,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/createToast.js

@@ -0,0 +1,49 @@
+import { isWeb } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import React, { useRef } from "react";
+import { createNativeToast } from "./createNativeToast";
+const [createImperativeToastContext, createImperativeToastScope] = createContextScope("ImperativeToast");
+const [ImperativeToastProvider, useToastProviderContext] = createImperativeToastContext("ImperativeToastProvider");
+const createToast = (options = {}) => {
+  return {
+    ImperativeToastProvider: ({
+      __scopeToast,
+      children
+    }) => {
+      const counterRef = useRef(0);
+      const [toast, setToast] = React.useState(null);
+      const addToast = React.useCallback(
+        (title, options2) => {
+          counterRef.current++;
+          setToast({ title, id: counterRef.current.toString(), ...options2 });
+        },
+        [setToast]
+      );
+      return <ImperativeToastProvider
+        scope={__scopeToast}
+        addToast={addToast}
+        currentToast={toast}
+      >{children}</ImperativeToastProvider>;
+    },
+    useToast: () => {
+      const context = useToastProviderContext("useToast", void 0);
+      return {
+        /**
+         * The toast to get and show if not using native
+         */
+        currentToast: context.currentToast,
+        show(title, showOptions) {
+          const native = showOptions?.native || options.native;
+          if (native === true || Array.isArray(options.native) && (isWeb && options.native.includes("web") || !isWeb && options.native.includes("mobile"))) {
+            return createNativeToast(title, showOptions ?? {});
+          }
+          context.addToast(title, showOptions ?? {});
+        }
+      };
+    }
+  };
+};
+export {
+  createToast
+};
+//# sourceMappingURL=createToast.js.map

package/dist/jsx/createToast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createToast.tsx"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport React, { useRef } from 'react'\n\nimport { createNativeToast } from './createNativeToast'\nimport { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'\n\ntype NativeValue = boolean | 'web' | 'mobile'\ninterface CreateToastOptions {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: NativeValue\n}\ninterface ToastOptions extends CreateNativeToastsOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `createToast()`\n   */\n  native?: NativeValue\n}\ntype ScopedProps<P> = P & { __scopeToast?: Scope }\n\ntype ToastData = { title: string; id: string } & CreateNativeToastsOptions\n\ninterface ImperativeToastContextValue {\n  currentToast: ToastData | null\n  addToast: CreateNativeToastsOptionsFn\n}\n\nconst [createImperativeToastContext, createImperativeToastScope] =\n  createContextScope('ImperativeToast')\n\nconst [ImperativeToastProvider, useToastProviderContext] =\n  createImperativeToastContext<ImperativeToastContextValue>('ImperativeToastProvider')\n\nconst createToast = (options = {} as CreateToastOptions) => {\n  return {\n    ImperativeToastProvider: ({\n      __scopeToast,\n      children,\n    }: ScopedProps<{ children: React.ReactNode }>) => {\n      const counterRef = useRef(0)\n      const [toast, setToast] =\n        React.useState<ImperativeToastContextValue['currentToast']>(null)\n      const addToast = React.useCallback<CreateNativeToastsOptionsFn>(\n        (title, options) => {\n          counterRef.current++\n          setToast({ title, id: counterRef.current.toString(), ...options })\n        },\n        [setToast]\n      )\n\n      return (\n        <ImperativeToastProvider\n          scope={__scopeToast}\n          addToast={addToast}\n          currentToast={toast}\n        >\n          {children}\n        </ImperativeToastProvider>\n      )\n    },\n    useToast: () => {\n      const context = useToastProviderContext('useToast', undefined)\n\n      return {\n        /**\n         * The toast to get and show if not using native\n         */\n        currentToast: context.currentToast,\n        show(title: string, showOptions?: ToastOptions) {\n          const native = showOptions?.native || options.native\n          if (\n            native === true ||\n            (Array.isArray(options.native) &&\n              ((isWeb && options.native.includes('web')) ||\n                (!isWeb && options.native.includes('mobile'))))\n          ) {\n            return createNativeToast(title, showOptions ?? {})\n          }\n          context.addToast(title, showOptions ?? {})\n        },\n      }\n    },\n  }\n}\n\nexport { createToast }\nexport type { CreateToastOptions }\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAgB,0BAA0B;AAC1C,OAAO,SAAS,cAAc;AAE9B,SAAS,yBAAyB;AA6BlC,MAAM,CAAC,8BAA8B,0BAA0B,IAC7D,mBAAmB,iBAAiB;AAEtC,MAAM,CAAC,yBAAyB,uBAAuB,IACrD,6BAA0D,yBAAyB;AAErF,MAAM,cAAc,CAAC,UAAU,CAAC,MAA4B;AAC1D,SAAO;AAAA,IACL,yBAAyB,CAAC;AAAA,MACxB;AAAA,MACA;AAAA,IACF,MAAkD;AAChD,YAAM,aAAa,OAAO,CAAC;AAC3B,YAAM,CAAC,OAAO,QAAQ,IACpB,MAAM,SAAsD,IAAI;AAClE,YAAM,WAAW,MAAM;AAAA,QACrB,CAAC,OAAOA,aAAY;AAClB,qBAAW;AACX,mBAAS,EAAE,OAAO,IAAI,WAAW,QAAQ,SAAS,GAAG,GAAGA,SAAQ,CAAC;AAAA,QACnE;AAAA,QACA,CAAC,QAAQ;AAAA,MACX;AAEA,aACE,CAAC;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QAEb,SACH,EANC;AAAA,IAQL;AAAA,IACA,UAAU,MAAM;AACd,YAAM,UAAU,wBAAwB,YAAY,MAAS;AAE7D,aAAO;AAAA;AAAA;AAAA;AAAA,QAIL,cAAc,QAAQ;AAAA,QACtB,KAAK,OAAe,aAA4B;AAC9C,gBAAM,SAAS,aAAa,UAAU,QAAQ;AAC9C,cACE,WAAW,QACV,MAAM,QAAQ,QAAQ,MAAM,MACzB,SAAS,QAAQ,OAAO,SAAS,KAAK,KACrC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,IAC/C;AACA,mBAAO,kBAAkB,OAAO,eAAe,CAAC,CAAC;AAAA,UACnD;AACA,kBAAQ,SAAS,OAAO,eAAe,CAAC,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["options"]
+}

package/dist/jsx/createToast.mjs

@@ -0,0 +1,49 @@
+import { isWeb } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import React, { useRef } from "react";
+import { createNativeToast } from "./createNativeToast";
+const [createImperativeToastContext, createImperativeToastScope] = createContextScope("ImperativeToast");
+const [ImperativeToastProvider, useToastProviderContext] = createImperativeToastContext("ImperativeToastProvider");
+const createToast = (options = {}) => {
+  return {
+    ImperativeToastProvider: ({
+      __scopeToast,
+      children
+    }) => {
+      const counterRef = useRef(0);
+      const [toast, setToast] = React.useState(null);
+      const addToast = React.useCallback(
+        (title, options2) => {
+          counterRef.current++;
+          setToast({ title, id: counterRef.current.toString(), ...options2 });
+        },
+        [setToast]
+      );
+      return <ImperativeToastProvider
+        scope={__scopeToast}
+        addToast={addToast}
+        currentToast={toast}
+      >{children}</ImperativeToastProvider>;
+    },
+    useToast: () => {
+      const context = useToastProviderContext("useToast", void 0);
+      return {
+        /**
+         * The toast to get and show if not using native
+         */
+        currentToast: context.currentToast,
+        show(title, showOptions) {
+          const native = showOptions?.native || options.native;
+          if (native === true || Array.isArray(options.native) && (isWeb && options.native.includes("web") || !isWeb && options.native.includes("mobile"))) {
+            return createNativeToast(title, showOptions ?? {});
+          }
+          context.addToast(title, showOptions ?? {});
+        }
+      };
+    }
+  };
+};
+export {
+  createToast
+};
+//# sourceMappingURL=createToast.mjs.map

package/dist/jsx/createToast.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createToast.tsx"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport React, { useRef } from 'react'\n\nimport { createNativeToast } from './createNativeToast'\nimport { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'\n\ntype NativeValue = boolean | 'web' | 'mobile'\ninterface CreateToastOptions {\n  /**\n   * Will show a native toast if is true or is set to the current platform. On iOS, it wraps `SPIndicator` and `SPAlert`. On Android, it wraps `ToastAndroid`. On web, it wraps Notification API. Mobile's native features are handled by `burnt`.\n   */\n  native?: NativeValue\n}\ninterface ToastOptions extends CreateNativeToastsOptions {\n  /**\n   * Used when need custom data\n   */\n  additionalInfo?: Record<string, any>\n  /**\n   * Overrides the native option on `createToast()`\n   */\n  native?: NativeValue\n}\ntype ScopedProps<P> = P & { __scopeToast?: Scope }\n\ntype ToastData = { title: string; id: string } & CreateNativeToastsOptions\n\ninterface ImperativeToastContextValue {\n  currentToast: ToastData | null\n  addToast: CreateNativeToastsOptionsFn\n}\n\nconst [createImperativeToastContext, createImperativeToastScope] =\n  createContextScope('ImperativeToast')\n\nconst [ImperativeToastProvider, useToastProviderContext] =\n  createImperativeToastContext<ImperativeToastContextValue>('ImperativeToastProvider')\n\nconst createToast = (options = {} as CreateToastOptions) => {\n  return {\n    ImperativeToastProvider: ({\n      __scopeToast,\n      children,\n    }: ScopedProps<{ children: React.ReactNode }>) => {\n      const counterRef = useRef(0)\n      const [toast, setToast] =\n        React.useState<ImperativeToastContextValue['currentToast']>(null)\n      const addToast = React.useCallback<CreateNativeToastsOptionsFn>(\n        (title, options) => {\n          counterRef.current++\n          setToast({ title, id: counterRef.current.toString(), ...options })\n        },\n        [setToast]\n      )\n\n      return (\n        <ImperativeToastProvider\n          scope={__scopeToast}\n          addToast={addToast}\n          currentToast={toast}\n        >\n          {children}\n        </ImperativeToastProvider>\n      )\n    },\n    useToast: () => {\n      const context = useToastProviderContext('useToast', undefined)\n\n      return {\n        /**\n         * The toast to get and show if not using native\n         */\n        currentToast: context.currentToast,\n        show(title: string, showOptions?: ToastOptions) {\n          const native = showOptions?.native || options.native\n          if (\n            native === true ||\n            (Array.isArray(options.native) &&\n              ((isWeb && options.native.includes('web')) ||\n                (!isWeb && options.native.includes('mobile'))))\n          ) {\n            return createNativeToast(title, showOptions ?? {})\n          }\n          context.addToast(title, showOptions ?? {})\n        },\n      }\n    },\n  }\n}\n\nexport { createToast }\nexport type { CreateToastOptions }\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAgB,0BAA0B;AAC1C,OAAO,SAAS,cAAc;AAE9B,SAAS,yBAAyB;AA6BlC,MAAM,CAAC,8BAA8B,0BAA0B,IAC7D,mBAAmB,iBAAiB;AAEtC,MAAM,CAAC,yBAAyB,uBAAuB,IACrD,6BAA0D,yBAAyB;AAErF,MAAM,cAAc,CAAC,UAAU,CAAC,MAA4B;AAC1D,SAAO;AAAA,IACL,yBAAyB,CAAC;AAAA,MACxB;AAAA,MACA;AAAA,IACF,MAAkD;AAChD,YAAM,aAAa,OAAO,CAAC;AAC3B,YAAM,CAAC,OAAO,QAAQ,IACpB,MAAM,SAAsD,IAAI;AAClE,YAAM,WAAW,MAAM;AAAA,QACrB,CAAC,OAAOA,aAAY;AAClB,qBAAW;AACX,mBAAS,EAAE,OAAO,IAAI,WAAW,QAAQ,SAAS,GAAG,GAAGA,SAAQ,CAAC;AAAA,QACnE;AAAA,QACA,CAAC,QAAQ;AAAA,MACX;AAEA,aACE,CAAC;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QAEb,SACH,EANC;AAAA,IAQL;AAAA,IACA,UAAU,MAAM;AACd,YAAM,UAAU,wBAAwB,YAAY,MAAS;AAE7D,aAAO;AAAA;AAAA;AAAA;AAAA,QAIL,cAAc,QAAQ;AAAA,QACtB,KAAK,OAAe,aAA4B;AAC9C,gBAAM,SAAS,aAAa,UAAU,QAAQ;AAC9C,cACE,WAAW,QACV,MAAM,QAAQ,QAAQ,MAAM,MACzB,SAAS,QAAQ,OAAO,SAAS,KAAK,KACrC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,IAC/C;AACA,mBAAO,kBAAkB,OAAO,eAAe,CAAC,CAAC;AAAA,UACnD;AACA,kBAAQ,SAAS,OAAO,eAAe,CAAC,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["options"]
+}

package/dist/jsx/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toast",
-  "version": "1.7.10",
+  "version": "1.8.0",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -31,24 +31,25 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.7.10",
-    "@tamagui/compose-refs": "1.7.10",
-    "@tamagui/core": "1.7.10",
-    "@tamagui/create-context": "1.7.10",
-    "@tamagui/dismissable": "1.7.10",
-    "@tamagui/polyfill-dev": "1.7.10",
-    "@tamagui/portal": "1.7.10",
-    "@tamagui/stacks": "1.7.10",
-    "@tamagui/text": "1.7.10",
-    "@tamagui/use-controllable-state": "1.7.10",
-    "@tamagui/visually-hidden": "1.7.10"
+    "@tamagui/animate-presence": "1.8.0",
+    "@tamagui/compose-refs": "1.8.0",
+    "@tamagui/core": "1.8.0",
+    "@tamagui/create-context": "1.8.0",
+    "@tamagui/dismissable": "1.8.0",
+    "@tamagui/polyfill-dev": "1.8.0",
+    "@tamagui/portal": "1.8.0",
+    "@tamagui/stacks": "1.8.0",
+    "@tamagui/text": "1.8.0",
+    "@tamagui/use-controllable-state": "1.8.0",
+    "@tamagui/visually-hidden": "1.8.0",
+    "burnt": "^0.10.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.7.10",
+    "@tamagui/build": "1.8.0",
     "react": "^18.2.0",
     "react-native": "^0.71.4"
   },