rsuite/esm/toaster/toaster.js

A suite of react components

'use client';
import ToastContainer, { defaultToasterContainer } from "./ToastContainer.js";
import { RSUITE_TOASTER_ID } from "../internals/symbols.js";
const containers = new Map();

/**
 * Create a container instance.
 * @param placement
 * @param props
 */
async function createContainer(placement, props) {
  const [container, containerId] = await ToastContainer.getInstance(props);
  containers.set(`${containerId}_${placement}`, container);
  return container;
}

/**
 * Get the container by ID. Use default ID when ID is not available.
 * @param containerId
 * @param placement
 */
function getContainer(containerId, placement) {
  return containers.get(`${containerId}_${placement}`);
}
const toaster = message => toaster.push(message);
toaster.push = (message, options = {}) => {
  const {
    placement = 'topCenter',
    container = defaultToasterContainer,
    ...restOptions
  } = options;
  const containerElement = typeof container === 'function' ? container() : container;
  const containerElementId = containerElement ? containerElement[RSUITE_TOASTER_ID] : null;
  if (containerElementId) {
    const existedContainer = getContainer(containerElementId, placement);
    if (existedContainer) {
      return existedContainer.current?.push(message, restOptions);
    }
  }
  const newOptions = {
    ...options,
    container: containerElement,
    placement
  };
  return createContainer(placement, newOptions).then(ref => {
    return ref.current?.push(message, restOptions);
  });
};
toaster.remove = key => {
  containers.forEach(c => c.current?.remove(key));
};
toaster.clear = () => {
  containers.forEach(c => c.current?.clear());
};
export default toaster;