@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
56 lines (54 loc) • 2.46 kB
JavaScript
/*
* 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 { useDispatch } from 'react-redux';
import { useIntl } from 'react-intl';
import { closeConfirmDialog, showConfirmDialog } from '../state/actions/dialogs';
import translations from '../components/CodeEditorDialog/translations';
import { batchActions, dispatchDOMEvent } from '../state/actions/misc';
import { createCustomDocumentEventListener } from '../utils/dom';
export function useWithPendingChangesCloseRequest(onClose) {
const dispatch = useDispatch();
const { formatMessage } = useIntl();
return (e, reason) => {
const customEventId = 'dialogDismissConfirm';
dispatch(
showConfirmDialog({
title: formatMessage(translations.pendingChanges),
onOk: batchActions([dispatchDOMEvent({ id: customEventId, type: 'success' }), closeConfirmDialog()]),
onCancel: batchActions([dispatchDOMEvent({ id: customEventId, type: 'cancel' }), closeConfirmDialog()])
})
);
createCustomDocumentEventListener(customEventId, ({ type }) => {
type === 'success' && onClose(e, reason);
});
};
}
export default useWithPendingChangesCloseRequest;