@finos/legend-lego
Version:
Legend code editor support
44 lines • 2.31 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
* Copyright (c) 2020-present, Goldman Sachs
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { UndoIcon } from '@finos/legend-art';
import { useEffect } from 'react';
export const UndoButton = (props) => {
const { parent, canUndo, undo } = props;
useEffect(() => {
const onCtrlZ = (event) => {
const target = event.target;
if (event.ctrlKey &&
event.key === 'z' &&
target !== null &&
parent.current !== null &&
// This is for making sure undo/redo is contextual so that it won't modify the underlying query when a new modal is open
// The reason why not to do this via registerCommands() is that it's hard to compose contextual condtion without introducing an explicit
// dependency on parameters/constants/watermark/other modals. If we are going to introduce more modals,
// we have to update the condition correspondingly but developers might forget to update the condition.
(parent.current.contains(target) || target.contains(parent.current))) {
event.preventDefault();
undo();
}
};
document.addEventListener('keydown', onCtrlZ);
return () => {
document.removeEventListener('keydown', onCtrlZ);
};
}, [parent, undo]);
return (_jsx("div", { className: "undo-redo", children: _jsxs("button", { className: "undo-redo__button", onClick: undo, tabIndex: -1, title: 'Undo(ctrl + z)', disabled: !canUndo, children: [_jsx(UndoIcon, {}), _jsx("div", { className: "undo-redo__button__label", children: "Undo" })] }) }));
};
//# sourceMappingURL=UndoButton.js.map