2983a0c0fd
* chore: get ready for release * chore: update pnpm-lock.yaml * chore(docs): update CHANGELOG.md * chore: fix lint warnings and add notes --------- Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { createContext, useContext } from 'react';
|
|
|
|
/**
|
|
* Close wrapper
|
|
*/
|
|
export type CloseWrapper<T> = (close: () => void) => T;
|
|
|
|
/**
|
|
* Information about a dialog.
|
|
*/
|
|
export interface DialogInfo {
|
|
title?: string | JSX.Element;
|
|
description?: string | JSX.Element;
|
|
className?: string;
|
|
buttons?: JSX.Element | CloseWrapper<JSX.Element>;
|
|
onClose?: () => void;
|
|
}
|
|
|
|
/**
|
|
* Options for configuring the behavior of a dialog.
|
|
*/
|
|
export interface DialogOptions {
|
|
/**
|
|
* Whether to show the dialog immediately.
|
|
*/
|
|
immediate?: boolean;
|
|
|
|
/**
|
|
* Whether to allow the user to close the dialog by clicking outside of it. (Defaults to true)
|
|
*/
|
|
closeOnClickOutside?: boolean;
|
|
}
|
|
|
|
/**
|
|
* Function to show a dialog.
|
|
*/
|
|
export type ShowDialogFn = (info: DialogInfo | CloseWrapper<DialogInfo>, options?: DialogOptions) => void;
|
|
|
|
/**
|
|
* Context for the dialog provider.
|
|
*/
|
|
export const DialogContext = createContext<ShowDialogFn>(() => {
|
|
throw new Error('DialogContext not initialized.');
|
|
});
|
|
|
|
/**
|
|
* @returns The dialog context for showing dialogs.
|
|
*/
|
|
export const useDialog = () => useContext(DialogContext);
|