@rsuite/interactions/src/confirm.jsx

Call rsuite Modal at ease.

import React from 'react';
import ReactDOM from 'react-dom';
import InteractionModal from './InteractionModal';
import getContainerDOM from './getContainerDOM';
import { isFunction } from './utils';

export default function confirm(
  message,
  { okButtonDangerous = false, ...modalConfig } = {}
) {
  return new Promise((resolve, reject) => {
    ReactDOM.render(
      <InteractionModal
        key={Date.now()}
        canCancelOnLoading={!!modalConfig?.onCancel}
        {...modalConfig}
        okButtonProps={{
          color: okButtonDangerous ? 'red' : undefined,
        }}
        onOk={() => {
          if (!isFunction(modalConfig?.onOk)) {
            resolve(true);
            return;
          }
          try {
            const result = modalConfig.onOk();
            if (!(result instanceof Promise)) {
              resolve(true);
              return;
            }
            result.then((resolved) => {
              resolve(true);
              return resolved;
            }, reject);
            return result;
          } catch (e) {
            reject(e);
          }
        }}
        onCancel={(isSubmitLoading) => {
          modalConfig?.onCancel?.(isSubmitLoading);
          resolve(false);
        }}
      >
        {message}
      </InteractionModal>,
      getContainerDOM()
    );
  });
}