@tamagui/toast 1.9.0 → 1.9.1

package/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Toast';
+export * from './ToastImperative';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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

package/types/types.d.ts

@@ -1,17 +1,34 @@
-import { ToastOptions as BurntToastOptions } from 'burnt/build/types';
-export interface CreateNativeToastsOptions {
+import { BaseToastOptions as BurntToastOptions } from 'burnt/build/types';
+export interface CreateNativeToastOptions {
     /**
      * Body of the toast
      */
     message?: BurntToastOptions['message'];
     /**
-     * Only supported on native iOS driver
+     * Duration of toast in ms
+     *
+     * @example 1000
      */
-    preset?: BurntToastOptions['preset'];
+    duration?: BurntToastOptions['duration'];
     /**
-     * Duration of toast
+     * Options for the burnt package if you're using native toasts on mobile
      */
-    duration?: BurntToastOptions['duration'];
+    burntOptions?: Omit<BurntToastOptions, 'title' | 'message' | 'duration'>;
+    /**
+     * Options for the notification API if you're using native toasts on web
+     */
+    notificationOptions?: NotificationOptions;
+}
+export interface NativeToastRef {
+    /**
+     * Used to close web notifications
+     */
+    close: () => void;
 }
-export type CreateNativeToastsOptionsFn = (title: string, options: CreateNativeToastsOptions) => void;
+export type CreateNativeToastsFn = (title: string, options: CreateNativeToastOptions) => {
+    nativeToastRef?: NativeToastRef;
+} | boolean;
+export type HideNativeToastsFn = (ref?: NativeToastRef) => void;
+export type ToastNativePlatform = 'web' | 'mobile' | 'android' | 'ios';
+export type ToastNativeValue = boolean | ToastNativePlatform | ToastNativePlatform[];
 //# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErE,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;CACzC;AAED,MAAM,MAAM,2BAA2B,GAAG,CACxC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,yBAAyB,KAC/B,IAAI,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAEzE,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC,CAAA;IACxE;;OAEG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,CACjC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,wBAAwB,KAE/B;IACE,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,GACD,OAAO,CAAA;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAA;AACtE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,mBAAmB,GAAG,mBAAmB,EAAE,CAAA"}

package/src/createToast.tsx

@@ -1,93 +0,0 @@
-import { isWeb } from '@tamagui/core'
-import { Scope, createContextScope } from '@tamagui/create-context'
-import React, { useRef } from 'react'
-
-import { createNativeToast } from './createNativeToast'
-import { CreateNativeToastsOptions, CreateNativeToastsOptionsFn } from './types'
-
-type NativeValue = boolean | 'web' | 'mobile'
-interface CreateToastOptions {
-  /**
-   * 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`.
-   */
-  native?: NativeValue
-}
-interface ToastOptions extends CreateNativeToastsOptions {
-  /**
-   * Used when need custom data
-   */
-  additionalInfo?: Record<string, any>
-  /**
-   * Overrides the native option on `createToast()`
-   */
-  native?: NativeValue
-}
-type ScopedProps<P> = P & { __scopeToast?: Scope }
-
-type ToastData = { title: string; id: string } & CreateNativeToastsOptions
-
-interface ImperativeToastContextValue {
-  currentToast: ToastData | null
-  addToast: CreateNativeToastsOptionsFn
-}
-
-const [createImperativeToastContext, createImperativeToastScope] =
-  createContextScope('ImperativeToast')
-
-const [ImperativeToastProvider, useToastProviderContext] =
-  createImperativeToastContext<ImperativeToastContextValue>('ImperativeToastProvider')
-
-const createToast = (options = {} as CreateToastOptions) => {
-  return {
-    ImperativeToastProvider: ({
-      __scopeToast,
-      children,
-    }: ScopedProps<{ children: React.ReactNode }>) => {
-      const counterRef = useRef(0)
-      const [toast, setToast] =
-        React.useState<ImperativeToastContextValue['currentToast']>(null)
-      const addToast = React.useCallback<CreateNativeToastsOptionsFn>(
-        (title, options) => {
-          counterRef.current++
-          setToast({ title, id: counterRef.current.toString(), ...options })
-        },
-        [setToast]
-      )
-
-      return (
-        <ImperativeToastProvider
-          scope={__scopeToast}
-          addToast={addToast}
-          currentToast={toast}
-        >
-          {children}
-        </ImperativeToastProvider>
-      )
-    },
-    useToast: () => {
-      const context = useToastProviderContext('useToast', undefined)
-
-      return {
-        /**
-         * The toast to get and show if not using native
-         */
-        currentToast: context.currentToast,
-        show(title: string, showOptions?: ToastOptions) {
-          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 }
-export type { CreateToastOptions }

package/types/createToast.d.ts

@@ -1,42 +0,0 @@
-import { Scope } from '@tamagui/create-context';
-import React from 'react';
-import { CreateNativeToastsOptions } from './types';
-type NativeValue = boolean | 'web' | 'mobile';
-interface CreateToastOptions {
-    /**
-     * 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`.
-     */
-    native?: NativeValue;
-}
-interface ToastOptions extends CreateNativeToastsOptions {
-    /**
-     * Used when need custom data
-     */
-    additionalInfo?: Record<string, any>;
-    /**
-     * Overrides the native option on `createToast()`
-     */
-    native?: NativeValue;
-}
-type ScopedProps<P> = P & {
-    __scopeToast?: Scope;
-};
-type ToastData = {
-    title: string;
-    id: string;
-} & CreateNativeToastsOptions;
-declare const createToast: (options?: CreateToastOptions) => {
-    ImperativeToastProvider: ({ __scopeToast, children, }: ScopedProps<{
-        children: React.ReactNode;
-    }>) => JSX.Element;
-    useToast: () => {
-        /**
-         * The toast to get and show if not using native
-         */
-        currentToast: ToastData | null;
-        show(title: string, showOptions?: ToastOptions): void;
-    };
-};
-export { createToast };
-export type { CreateToastOptions };
-//# sourceMappingURL=createToast.d.ts.map