df0613d8ac
* add NonDeleted * make test:all script run tests without prompt * rename helper * replace with helper * make element contructors return nonDeleted elements * cache filtered elements where appliacable for better perf * rename manager element getter * remove unnecessary assertion * fix test * make element types in resizeElement into nonDeleted Co-authored-by: dwelle <luzar.david@gmail.com>
87 lines
2.2 KiB
TypeScript
87 lines
2.2 KiB
TypeScript
import React from "react";
|
|
import { menu, palette } from "../components/icons";
|
|
import { ToolButton } from "../components/ToolButton";
|
|
import { t } from "../i18n";
|
|
import { showSelectedShapeActions, getNonDeletedElements } from "../element";
|
|
import { register } from "./register";
|
|
import { allowFullScreen, exitFullScreen, isFullScreen } from "../utils";
|
|
import { KEYS } from "../keys";
|
|
import { HelpIcon } from "../components/HelpIcon";
|
|
|
|
export const actionToggleCanvasMenu = register({
|
|
name: "toggleCanvasMenu",
|
|
perform: (_, appState) => ({
|
|
appState: {
|
|
...appState,
|
|
openMenu: appState.openMenu === "canvas" ? null : "canvas",
|
|
},
|
|
commitToHistory: false,
|
|
}),
|
|
PanelComponent: ({ appState, updateData }) => (
|
|
<ToolButton
|
|
type="button"
|
|
icon={menu}
|
|
aria-label={t("buttons.menu")}
|
|
onClick={updateData}
|
|
selected={appState.openMenu === "canvas"}
|
|
/>
|
|
),
|
|
});
|
|
|
|
export const actionToggleEditMenu = register({
|
|
name: "toggleEditMenu",
|
|
perform: (_elements, appState) => ({
|
|
appState: {
|
|
...appState,
|
|
openMenu: appState.openMenu === "shape" ? null : "shape",
|
|
},
|
|
commitToHistory: false,
|
|
}),
|
|
PanelComponent: ({ elements, appState, updateData }) => (
|
|
<ToolButton
|
|
visible={showSelectedShapeActions(
|
|
appState,
|
|
getNonDeletedElements(elements),
|
|
)}
|
|
type="button"
|
|
icon={palette}
|
|
aria-label={t("buttons.edit")}
|
|
onClick={updateData}
|
|
selected={appState.openMenu === "shape"}
|
|
/>
|
|
),
|
|
});
|
|
|
|
export const actionFullScreen = register({
|
|
name: "toggleFullScreen",
|
|
perform: () => {
|
|
if (!isFullScreen()) {
|
|
allowFullScreen();
|
|
}
|
|
if (isFullScreen()) {
|
|
exitFullScreen();
|
|
}
|
|
return {
|
|
commitToHistory: false,
|
|
};
|
|
},
|
|
keyTest: (event) => event.keyCode === KEYS.F_KEY_CODE,
|
|
});
|
|
|
|
export const actionShortcuts = register({
|
|
name: "toggleShortcuts",
|
|
perform: (_elements, appState) => {
|
|
return {
|
|
appState: {
|
|
...appState,
|
|
showShortcutsDialog: true,
|
|
},
|
|
commitToHistory: false,
|
|
};
|
|
},
|
|
PanelComponent: ({ updateData }) => (
|
|
<HelpIcon title={t("shortcutsDialog.title")} onClick={updateData} />
|
|
),
|
|
keyTest: (event) => event.key === KEYS.QUESTION_MARK,
|
|
});
|