Maofeng
65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { Toaster, createToastManager } from "@workspace/ui/components/toast"
|
|
|
|
import { useOverlayScope } from "./scope-context"
|
|
import { globalOverlayScope, type OverlayScope } from "./scope"
|
|
import type {
|
|
ToastOptions,
|
|
ToastPromiseOptions,
|
|
ToastUpdateOptions,
|
|
} from "./types"
|
|
|
|
const toastChannel = Symbol("overlay.toast")
|
|
|
|
function getToastManager(scope: OverlayScope) {
|
|
return scope.getChannel(toastChannel, createToastManager)
|
|
}
|
|
|
|
export function openToast<Data extends object = Record<string, never>>(
|
|
options: ToastOptions<Data>
|
|
) {
|
|
const { scope = globalOverlayScope, ...toastOptions } = options
|
|
return getToastManager(scope).add(toastOptions)
|
|
}
|
|
|
|
export function updateToast<Data extends object = Record<string, never>>(
|
|
id: string,
|
|
options: ToastUpdateOptions<Data>
|
|
) {
|
|
const { scope = globalOverlayScope, ...toastOptions } = options
|
|
getToastManager(scope).update(id, toastOptions)
|
|
}
|
|
|
|
export function dismissToast({
|
|
id,
|
|
scope = globalOverlayScope,
|
|
}: {
|
|
id?: string
|
|
scope?: OverlayScope
|
|
} = {}) {
|
|
getToastManager(scope).close(id)
|
|
}
|
|
|
|
export function toastPromise<
|
|
Value,
|
|
Data extends object = Record<string, never>,
|
|
>(promise: Promise<Value>, options: ToastPromiseOptions<Value, Data>) {
|
|
const { scope = globalOverlayScope, ...toastOptions } = options
|
|
return getToastManager(scope).promise(promise, toastOptions)
|
|
}
|
|
|
|
export interface ToastHostProps {
|
|
scope?: OverlayScope
|
|
}
|
|
|
|
export function ToastHost({ scope }: ToastHostProps) {
|
|
const contextualScope = useOverlayScope()
|
|
const resolvedScope = scope ?? contextualScope
|
|
return <Toaster toastManager={getToastManager(resolvedScope)} />
|
|
}
|
|
|
|
export type {
|
|
ToastOptions,
|
|
ToastPromiseOptions,
|
|
ToastUpdateOptions,
|
|
} from "./types"
|