@craftercms/studio-ui/components/ConfirmDialog/ConfirmDialog.js

Services, components, models & utils to build CrafterCMS authoring extensions.

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
 * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License version 3 as published by
 * the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import React from 'react';
import { AlertDialog } from '../AlertDialog';
import PrimaryButton from '../PrimaryButton';
import { useIntl } from 'react-intl';
import SecondaryButton from '../SecondaryButton';
import translations from './translations';
export function ConfirmDialog(props) {
  const { onOk, onCancel, disableOkButton, disableCancelButton, okButtonText, cancelButtonText, ...rest } = props;
  const { formatMessage } = useIntl();
  return React.createElement(AlertDialog, {
    disableBackdropClick: true,
    disableEscapeKeyDown: true,
    ...rest,
    buttons: React.createElement(
      React.Fragment,
      null,
      onOk &&
        React.createElement(
          PrimaryButton,
          { onClick: onOk, autoFocus: true, fullWidth: true, size: 'large', disabled: disableOkButton },
          okButtonText ?? formatMessage(translations.accept)
        ),
      onCancel &&
        React.createElement(
          SecondaryButton,
          { onClick: onCancel, fullWidth: true, size: 'large', disabled: disableCancelButton },
          cancelButtonText ?? formatMessage(translations.cancel)
        )
    )
  });
}
export default ConfirmDialog;