smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

move constant to CLASSES

Browse source
This commit is contained in:
dwelle 2025-04-30 13:53:57 +02:00
parent 865328457f
commit 0c02b8a446
3 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/common/src/constants.ts
View file

@ -119,6 +119,7 @@ export const CLASSES = {
SHAPE_ACTIONS_MENU: "App-menu__left", SHAPE_ACTIONS_MENU: "App-menu__left",
ZOOM_ACTIONS: "zoom-actions", ZOOM_ACTIONS: "zoom-actions",
SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper", SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper",
SHAPE_SWITCH_PANEL_CLASSNAME: "ShapeSwitch__Panel",
}; };
export const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai"; export const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai";

4
packages/excalidraw/components/App.tsx
View file

@ -100,6 +100,7 @@ import {
arrayToMap, arrayToMap,
type EXPORT_IMAGE_TYPES, type EXPORT_IMAGE_TYPES,
randomInteger, randomInteger,
CLASSES,
} from "@excalidraw/common"; } from "@excalidraw/common";
import { import {
@ -469,7 +470,6 @@ import { EraserTrail } from "../eraser";
import ShapeSwitch, { import ShapeSwitch, {
getSwitchCategoryFromElements, getSwitchCategoryFromElements,
SHAPE_SWITCH_PANEL_CLASSNAME,
shapeSwitchAtom, shapeSwitchAtom,
switchShapes, switchShapes,
} from "./ShapeSwitch"; } from "./ShapeSwitch";
@ -4183,7 +4183,7 @@ class App extends React.Component<AppProps, AppState> {
event.key === KEYS.TAB && event.key === KEYS.TAB &&
(document.activeElement === this.excalidrawContainerRef?.current || (document.activeElement === this.excalidrawContainerRef?.current ||
document.activeElement?.classList.contains( document.activeElement?.classList.contains(
SHAPE_SWITCH_PANEL_CLASSNAME, CLASSES.SHAPE_SWITCH_PANEL_CLASSNAME,
)) ))
) { ) {
event.preventDefault(); event.preventDefault();

9
packages/excalidraw/components/ShapeSwitch.tsx
View file

@ -28,7 +28,12 @@ import {
import { wrapText } from "@excalidraw/element/textWrapping"; import { wrapText } from "@excalidraw/element/textWrapping";
import { getFontString, isDevEnv, updateActiveTool } from "@excalidraw/common"; import {
CLASSES,
getFontString,
isDevEnv,
updateActiveTool,
} from "@excalidraw/common";
import { measureText } from "@excalidraw/element/textMeasurements"; import { measureText } from "@excalidraw/element/textMeasurements";
@ -301,7 +306,7 @@ const Panel = ({
left: `${panelPosition.x - app.state.offsetLeft - GAP_HORIZONTAL}px`, left: `${panelPosition.x - app.state.offsetLeft - GAP_HORIZONTAL}px`,
zIndex: 2, zIndex: 2,
}} }}
className={SHAPE_SWITCH_PANEL_CLASSNAME} className={CLASSES.SHAPE_SWITCH_PANEL_CLASSNAME}
> >
{SHAPES.map(([type, icon]) => { {SHAPES.map(([type, icon]) => {
const isSelected = const isSelected =