META-INF.resources.js.style-book-editor.Undo.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.style.book.web

Liferay Style Book Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClayButton, {ClayButtonWithIcon} from '@clayui/button';
import {useEventListener} from '@liferay/frontend-js-react-web';
import PropTypes from 'prop-types';
import React from 'react';

import {
	useOnRedo,
	useOnUndo,
	useRedoHistory,
	useUndoHistory,
} from './contexts/StyleBookEditorContext';

export default function Undo() {
	const onUndo = useOnUndo();
	const onRedo = useOnRedo();
	const redoHistory = useRedoHistory();
	const undoHistory = useUndoHistory();

	useEventListener(
		'keydown',
		(event) => {
			const ctrlOrMeta = (event) =>
				(event.ctrlKey && !event.metaKey) ||
				(!event.ctrlKey && event.metaKey);

			if (
				ctrlOrMeta(event) &&
				event.key === 'z' &&
				!event.target.closest('.style-book-editor__sidebar-content')
			) {
				if (!event.shiftKey && undoHistory.length !== 0) {
					onUndo();
				}

				if (event.shiftKey && redoHistory.length !== 0) {
					onRedo();
				}
			}
		},
		true,
		window
	);

	return (
		<>
			
				

				
			
		
	);
}

Undo.propTypes = {
	onRedo: PropTypes.func,
	onUndo: PropTypes.func,
};