mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
Bump prettier from 1.19.1 to 2.0.1 (#1060)
* Bump prettier from 1.19.1 to 2.0.1 Bumps [prettier](https://github.com/prettier/prettier) from 1.19.1 to 2.0.1. - [Release notes](https://github.com/prettier/prettier/releases) - [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md) - [Commits](https://github.com/prettier/prettier/compare/1.19.1...2.0.1) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> * Update formatting Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> Co-authored-by: Panayiotis Lipiridis <lipiridis@gmail.com>
This commit is contained in:
dependabot-preview[bot]
GitHub
parent
251fa27c65
commit
722c498abe
46 changed files with 170 additions and 170 deletions
|
|
@ -22,7 +22,7 @@ export function SelectedShapeActions({
|
|||
<div className="panelColumn">
|
||||
{renderAction("changeStrokeColor")}
|
||||
{(hasBackground(elementType) ||
|
||||
targetElements.some(element => hasBackground(element.type))) && (
|
||||
targetElements.some((element) => hasBackground(element.type))) && (
|
||||
<>
|
||||
{renderAction("changeBackgroundColor")}
|
||||
|
||||
|
|
@ -31,7 +31,7 @@ export function SelectedShapeActions({
|
|||
)}
|
||||
|
||||
{(hasStroke(elementType) ||
|
||||
targetElements.some(element => hasStroke(element.type))) && (
|
||||
targetElements.some((element) => hasStroke(element.type))) && (
|
||||
<>
|
||||
{renderAction("changeStrokeWidth")}
|
||||
|
||||
|
|
@ -40,7 +40,7 @@ export function SelectedShapeActions({
|
|||
)}
|
||||
|
||||
{(hasText(elementType) ||
|
||||
targetElements.some(element => hasText(element.type))) && (
|
||||
targetElements.some((element) => hasText(element.type))) && (
|
||||
<>
|
||||
{renderAction("changeFontSize")}
|
||||
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ import { actionFinalize } from "../actions";
|
|||
function withBatchedUpdates<
|
||||
TFunction extends ((event: any) => void) | (() => void)
|
||||
>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) {
|
||||
return (event => {
|
||||
return ((event) => {
|
||||
unstable_batchedUpdates(func as TFunction, event);
|
||||
}) as TFunction;
|
||||
}
|
||||
|
|
@ -183,7 +183,7 @@ export class App extends React.Component<any, AppState> {
|
|||
appState={this.state}
|
||||
setAppState={this.setAppState}
|
||||
actionManager={this.actionManager}
|
||||
elements={globalSceneState.getAllElements().filter(element => {
|
||||
elements={globalSceneState.getAllElements().filter((element) => {
|
||||
return !element.isDeleted;
|
||||
})}
|
||||
setElements={this.setElements}
|
||||
|
|
@ -201,7 +201,7 @@ export class App extends React.Component<any, AppState> {
|
|||
}}
|
||||
width={canvasWidth}
|
||||
height={canvasHeight}
|
||||
ref={canvas => {
|
||||
ref={(canvas) => {
|
||||
// canvas is null when unmounting
|
||||
if (canvas !== null) {
|
||||
this.canvas = canvas;
|
||||
|
|
@ -220,7 +220,7 @@ export class App extends React.Component<any, AppState> {
|
|||
onPointerMove={this.handleCanvasPointerMove}
|
||||
onPointerUp={this.removePointer}
|
||||
onPointerCancel={this.removePointer}
|
||||
onDrop={event => {
|
||||
onDrop={(event) => {
|
||||
const file = event.dataTransfer.files[0];
|
||||
if (
|
||||
file?.type === "application/json" ||
|
||||
|
|
@ -234,7 +234,7 @@ export class App extends React.Component<any, AppState> {
|
|||
commitToHistory: false,
|
||||
}),
|
||||
)
|
||||
.catch(error => console.error(error));
|
||||
.catch((error) => console.error(error));
|
||||
}
|
||||
}}
|
||||
>
|
||||
|
|
@ -260,7 +260,7 @@ export class App extends React.Component<any, AppState> {
|
|||
if (res.commitToHistory) {
|
||||
history.resumeRecording();
|
||||
}
|
||||
this.setState(state => ({
|
||||
this.setState((state) => ({
|
||||
...res.appState,
|
||||
isCollaborating: state.isCollaborating,
|
||||
collaborators: state.collaborators,
|
||||
|
|
@ -276,7 +276,7 @@ export class App extends React.Component<any, AppState> {
|
|||
this.saveDebounced.flush();
|
||||
});
|
||||
|
||||
private disableEvent: EventHandlerNonNull = event => {
|
||||
private disableEvent: EventHandlerNonNull = (event) => {
|
||||
event.preventDefault();
|
||||
};
|
||||
private unmounted = false;
|
||||
|
|
@ -400,7 +400,7 @@ export class App extends React.Component<any, AppState> {
|
|||
private onResize = withBatchedUpdates(() => {
|
||||
globalSceneState
|
||||
.getAllElements()
|
||||
.forEach(element => invalidateShapeForElement(element));
|
||||
.forEach((element) => invalidateShapeForElement(element));
|
||||
this.setState({});
|
||||
});
|
||||
|
||||
|
|
@ -586,7 +586,7 @@ export class App extends React.Component<any, AppState> {
|
|||
const dx = x - elementsCenterX;
|
||||
const dy = y - elementsCenterY;
|
||||
|
||||
const newElements = clipboardElements.map(element =>
|
||||
const newElements = clipboardElements.map((element) =>
|
||||
duplicateElement(element, {
|
||||
x: element.x + dx - minX,
|
||||
y: element.y + dy - minY,
|
||||
|
|
@ -631,7 +631,7 @@ export class App extends React.Component<any, AppState> {
|
|||
};
|
||||
|
||||
toggleLock = () => {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
elementLocked: !prevState.elementLocked,
|
||||
elementType: prevState.elementLocked
|
||||
? "selection"
|
||||
|
|
@ -767,7 +767,7 @@ export class App extends React.Component<any, AppState> {
|
|||
break;
|
||||
case "MOUSE_LOCATION":
|
||||
const { socketID, pointerCoords } = decryptedData.payload;
|
||||
this.setState(state => {
|
||||
this.setState((state) => {
|
||||
if (!state.collaborators.has(socketID)) {
|
||||
state.collaborators.set(socketID, {});
|
||||
}
|
||||
|
|
@ -787,7 +787,7 @@ export class App extends React.Component<any, AppState> {
|
|||
this.socketInitialized = true;
|
||||
});
|
||||
this.socket.on("room-user-change", (clients: string[]) => {
|
||||
this.setState(state => {
|
||||
this.setState((state) => {
|
||||
const collaborators: typeof state.collaborators = new Map();
|
||||
for (const socketID of clients) {
|
||||
if (state.collaborators.has(socketID)) {
|
||||
|
|
@ -901,7 +901,7 @@ export class App extends React.Component<any, AppState> {
|
|||
? ELEMENT_SHIFT_TRANSLATE_AMOUNT
|
||||
: ELEMENT_TRANSLATE_AMOUNT;
|
||||
globalSceneState.replaceAllElements(
|
||||
globalSceneState.getAllElements().map(el => {
|
||||
globalSceneState.getAllElements().map((el) => {
|
||||
if (this.state.selectedElementIds[el.id]) {
|
||||
const update: { x?: number; y?: number } = {};
|
||||
if (event.key === KEYS.ARROW_LEFT) {
|
||||
|
|
@ -1039,7 +1039,7 @@ export class App extends React.Component<any, AppState> {
|
|||
globalSceneState.replaceAllElements(
|
||||
globalSceneState
|
||||
.getAllElements()
|
||||
.filter(element => element.id !== elementAtPosition.id),
|
||||
.filter((element) => element.id !== elementAtPosition.id),
|
||||
);
|
||||
|
||||
const centerElementX = elementAtPosition.x + elementAtPosition.width / 2;
|
||||
|
|
@ -1097,7 +1097,7 @@ export class App extends React.Component<any, AppState> {
|
|||
font: element.font,
|
||||
opacity: this.state.currentItemOpacity,
|
||||
zoom: this.state.zoom,
|
||||
onSubmit: text => {
|
||||
onSubmit: (text) => {
|
||||
if (text) {
|
||||
globalSceneState.replaceAllElements([
|
||||
...globalSceneState.getAllElements(),
|
||||
|
|
@ -1105,7 +1105,7 @@ export class App extends React.Component<any, AppState> {
|
|||
newTextElement({ ...element, text, font: element.font }),
|
||||
]);
|
||||
}
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[element.id]: true,
|
||||
|
|
@ -1477,7 +1477,7 @@ export class App extends React.Component<any, AppState> {
|
|||
// otherwise, it will trigger selection based on current
|
||||
// state of the box
|
||||
if (!this.state.selectedElementIds[hitElement.id]) {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[hitElement!.id]: true,
|
||||
|
|
@ -1557,7 +1557,7 @@ export class App extends React.Component<any, AppState> {
|
|||
opacity: this.state.currentItemOpacity,
|
||||
font: this.state.currentItemFont,
|
||||
zoom: this.state.zoom,
|
||||
onSubmit: text => {
|
||||
onSubmit: (text) => {
|
||||
if (text) {
|
||||
globalSceneState.replaceAllElements([
|
||||
...globalSceneState.getAllElements(),
|
||||
|
|
@ -1568,7 +1568,7 @@ export class App extends React.Component<any, AppState> {
|
|||
}),
|
||||
]);
|
||||
}
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[element.id]: true,
|
||||
|
|
@ -1619,7 +1619,7 @@ export class App extends React.Component<any, AppState> {
|
|||
this.actionManager.executeAction(actionFinalize);
|
||||
return;
|
||||
}
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[multiElement.id]: true,
|
||||
|
|
@ -1644,7 +1644,7 @@ export class App extends React.Component<any, AppState> {
|
|||
roughness: this.state.currentItemRoughness,
|
||||
opacity: this.state.currentItemOpacity,
|
||||
});
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[element.id]: false,
|
||||
|
|
@ -2057,7 +2057,7 @@ export class App extends React.Component<any, AppState> {
|
|||
window.devicePixelRatio,
|
||||
);
|
||||
|
||||
selectedElements.forEach(element => {
|
||||
selectedElements.forEach((element) => {
|
||||
mutateElement(element, {
|
||||
x: element.x + x - lastX,
|
||||
y: element.y + y - lastY,
|
||||
|
|
@ -2139,7 +2139,7 @@ export class App extends React.Component<any, AppState> {
|
|||
globalSceneState.getAllElements(),
|
||||
draggingElement,
|
||||
);
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
...elementsWithinSelection.reduce((map, element) => {
|
||||
|
|
@ -2196,7 +2196,7 @@ export class App extends React.Component<any, AppState> {
|
|||
} else if (draggingOccurred && !multiElement) {
|
||||
if (!elementLocked) {
|
||||
resetCursor();
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
draggingElement: null,
|
||||
elementType: "selection",
|
||||
selectedElementIds: {
|
||||
|
|
@ -2205,7 +2205,7 @@ export class App extends React.Component<any, AppState> {
|
|||
},
|
||||
}));
|
||||
} else {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
draggingElement: null,
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
|
|
@ -2242,7 +2242,7 @@ export class App extends React.Component<any, AppState> {
|
|||
globalSceneState.replaceAllElements(
|
||||
globalSceneState
|
||||
.getAllElements()
|
||||
.filter(el => el.id !== resizingElement.id),
|
||||
.filter((el) => el.id !== resizingElement.id),
|
||||
);
|
||||
}
|
||||
|
||||
|
|
@ -2256,14 +2256,14 @@ export class App extends React.Component<any, AppState> {
|
|||
// selection unchanged
|
||||
if (hitElement && !draggingOccurred && !hitElementWasAddedToSelection) {
|
||||
if (event.shiftKey) {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[hitElement!.id]: false,
|
||||
},
|
||||
}));
|
||||
} else {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: { [hitElement!.id]: true },
|
||||
}));
|
||||
}
|
||||
|
|
@ -2276,7 +2276,7 @@ export class App extends React.Component<any, AppState> {
|
|||
}
|
||||
|
||||
if (!elementLocked) {
|
||||
this.setState(prevState => ({
|
||||
this.setState((prevState) => ({
|
||||
selectedElementIds: {
|
||||
...prevState.selectedElementIds,
|
||||
[draggingElement.id]: true,
|
||||
|
|
@ -2341,7 +2341,7 @@ export class App extends React.Component<any, AppState> {
|
|||
label: t("labels.copyAsPng"),
|
||||
action: this.copyToClipboardAsPng,
|
||||
},
|
||||
...this.actionManager.getContextMenuItems(action =>
|
||||
...this.actionManager.getContextMenuItems((action) =>
|
||||
this.canvasOnlyActions.includes(action.name),
|
||||
),
|
||||
],
|
||||
|
|
@ -2370,7 +2370,7 @@ export class App extends React.Component<any, AppState> {
|
|||
action: this.copyToClipboardAsPng,
|
||||
},
|
||||
...this.actionManager.getContextMenuItems(
|
||||
action => !this.canvasOnlyActions.includes(action.name),
|
||||
(action) => !this.canvasOnlyActions.includes(action.name),
|
||||
),
|
||||
],
|
||||
top: event.clientY,
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ export function ButtonSelect<T>({
|
|||
}) {
|
||||
return (
|
||||
<div className="buttonList">
|
||||
{options.map(option => (
|
||||
{options.map((option) => (
|
||||
<label
|
||||
key={option.text}
|
||||
className={value === option.value ? "active" : ""}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ const keyBindings = [
|
|||
["a", "s", "d", "f", "g"],
|
||||
].flat();
|
||||
|
||||
const Picker = function({
|
||||
const Picker = function ({
|
||||
colors,
|
||||
color,
|
||||
onChange,
|
||||
|
|
@ -114,7 +114,7 @@ const Picker = function({
|
|||
<div className="color-picker-triangle"></div>
|
||||
<div
|
||||
className="color-picker-content"
|
||||
ref={el => {
|
||||
ref={(el) => {
|
||||
if (el) {
|
||||
gallery.current = el;
|
||||
}
|
||||
|
|
@ -131,7 +131,7 @@ const Picker = function({
|
|||
aria-keyshortcuts={keyBindings[i]}
|
||||
style={{ backgroundColor: _color }}
|
||||
key={_color}
|
||||
ref={el => {
|
||||
ref={(el) => {
|
||||
if (el && i === 0) {
|
||||
firstItem.current = el;
|
||||
}
|
||||
|
|
@ -145,9 +145,7 @@ const Picker = function({
|
|||
>
|
||||
{_color === "transparent" ? (
|
||||
<div className="color-picker-transparent"></div>
|
||||
) : (
|
||||
undefined
|
||||
)}
|
||||
) : undefined}
|
||||
<span className="color-picker-keybinding">{keyBindings[i]}</span>
|
||||
</button>
|
||||
))}
|
||||
|
|
@ -155,7 +153,7 @@ const Picker = function({
|
|||
<ColorInput
|
||||
color={color}
|
||||
label={label}
|
||||
onChange={color => {
|
||||
onChange={(color) => {
|
||||
onChange(color);
|
||||
}}
|
||||
ref={colorInput}
|
||||
|
|
@ -196,7 +194,7 @@ const ColorInput = React.forwardRef(
|
|||
spellCheck={false}
|
||||
className="color-picker-input"
|
||||
aria-label={label}
|
||||
onChange={event => {
|
||||
onChange={(event) => {
|
||||
const value = event.target.value.toLowerCase();
|
||||
if (value.match(colorRegex)) {
|
||||
onChange(value === "transparent" ? "transparent" : `#${value}`);
|
||||
|
|
@ -204,7 +202,7 @@ const ColorInput = React.forwardRef(
|
|||
setInnerValue(value);
|
||||
}}
|
||||
value={(innerValue || "").replace(/^#/, "")}
|
||||
onPaste={event => onChange(event.clipboardData.getData("text"))}
|
||||
onPaste={(event) => onChange(event.clipboardData.getData("text"))}
|
||||
onBlur={() => setInnerValue(color)}
|
||||
ref={inputRef}
|
||||
/>
|
||||
|
|
@ -244,7 +242,7 @@ export function ColorPicker({
|
|||
<ColorInput
|
||||
color={color}
|
||||
label={label}
|
||||
onChange={color => {
|
||||
onChange={(color) => {
|
||||
onChange(color);
|
||||
}}
|
||||
/>
|
||||
|
|
@ -255,7 +253,7 @@ export function ColorPicker({
|
|||
<Picker
|
||||
colors={colors[type]}
|
||||
color={color || null}
|
||||
onChange={changedColor => {
|
||||
onChange={(changedColor) => {
|
||||
onChange(changedColor);
|
||||
}}
|
||||
onClose={() => {
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ function ContextMenu({ options, onCloseRequest, top, left }: Props) {
|
|||
>
|
||||
<ul
|
||||
className="context-menu"
|
||||
onContextMenu={event => event.preventDefault()}
|
||||
onContextMenu={(event) => event.preventDefault()}
|
||||
>
|
||||
{options.map((option, idx) => (
|
||||
<li key={idx} onClick={onCloseRequest}>
|
||||
|
|
@ -69,7 +69,7 @@ function handleClose() {
|
|||
export default {
|
||||
push(params: ContextMenuParams) {
|
||||
const options = Array.of<ContextMenuOption>();
|
||||
params.options.forEach(option => {
|
||||
params.options.forEach((option) => {
|
||||
if (option) {
|
||||
options.push(option);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -152,7 +152,7 @@ function ExportModal({
|
|||
{actionManager.renderAction("changeProjectName")}
|
||||
</div>
|
||||
<Stack.Row gap={2}>
|
||||
{scales.map(s => (
|
||||
{scales.map((s) => (
|
||||
<ToolButton
|
||||
key={s}
|
||||
size="s"
|
||||
|
|
@ -174,7 +174,7 @@ function ExportModal({
|
|||
<input
|
||||
type="checkbox"
|
||||
checked={exportSelected}
|
||||
onChange={event =>
|
||||
onChange={(event) =>
|
||||
setExportSelected(event.currentTarget.checked)
|
||||
}
|
||||
ref={onlySelectedInput}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export function LanguageList({
|
|||
value={currentLanguage}
|
||||
aria-label={i18n.t("buttons.selectLanguage")}
|
||||
>
|
||||
{languages.map(language => (
|
||||
{languages.map((language) => (
|
||||
<option key={language.lng} value={language.lng}>
|
||||
{language.label}
|
||||
</option>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ export const LayerUI = React.memo(
|
|||
onExportToPng={createExporter("png")}
|
||||
onExportToSvg={createExporter("svg")}
|
||||
onExportToClipboard={createExporter("clipboard")}
|
||||
onExportToBackend={exportedElements => {
|
||||
onExportToBackend={(exportedElements) => {
|
||||
if (canvas) {
|
||||
exportCanvas(
|
||||
"backend",
|
||||
|
|
@ -143,7 +143,7 @@ export const LayerUI = React.memo(
|
|||
)}
|
||||
</Stack.Col>
|
||||
<Section heading="shapes">
|
||||
{heading => (
|
||||
{(heading) => (
|
||||
<Stack.Col gap={4} align="start">
|
||||
<Stack.Row gap={1}>
|
||||
<Island padding={1}>
|
||||
|
|
@ -184,7 +184,7 @@ export const LayerUI = React.memo(
|
|||
</FixedSideContainer>
|
||||
<footer role="contentinfo">
|
||||
<LanguageList
|
||||
onChange={lng => {
|
||||
onChange={(lng) => {
|
||||
setLanguage(lng);
|
||||
setAppState({});
|
||||
}}
|
||||
|
|
@ -228,7 +228,7 @@ export const LayerUI = React.memo(
|
|||
return (
|
||||
prev.language === next.language &&
|
||||
prev.elements === next.elements &&
|
||||
keys.every(key => prevAppState[key] === nextAppState[key])
|
||||
keys.every((key) => prevAppState[key] === nextAppState[key])
|
||||
);
|
||||
},
|
||||
);
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ export function MobileMenu({
|
|||
<>
|
||||
<FixedSideContainer side="top">
|
||||
<Section heading="shapes">
|
||||
{heading => (
|
||||
{(heading) => (
|
||||
<Stack.Col gap={4} align="center">
|
||||
<Stack.Row gap={1}>
|
||||
<Island padding={1}>
|
||||
|
|
@ -87,7 +87,7 @@ export function MobileMenu({
|
|||
<fieldset>
|
||||
<legend>{t("labels.language")}</legend>
|
||||
<LanguageList
|
||||
onChange={lng => {
|
||||
onChange={(lng) => {
|
||||
setLanguage(lng);
|
||||
setAppState({});
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ type ToolButtonProps =
|
|||
|
||||
const DEFAULT_SIZE: ToolIconSize = "m";
|
||||
|
||||
export const ToolButton = React.forwardRef(function(
|
||||
export const ToolButton = React.forwardRef(function (
|
||||
props: ToolButtonProps,
|
||||
ref,
|
||||
) {
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export class TopErrorBoundary extends React.Component<
|
|||
_localStorage[key] = value;
|
||||
}
|
||||
}
|
||||
this.setState(state => ({
|
||||
this.setState((state) => ({
|
||||
hasError: true,
|
||||
unresolvedError: state.unresolvedError
|
||||
? state.unresolvedError.concat(error)
|
||||
|
|
@ -60,7 +60,7 @@ export class TopErrorBoundary extends React.Component<
|
|||
}
|
||||
}
|
||||
|
||||
this.setState(state => ({
|
||||
this.setState((state) => ({
|
||||
unresolvedError: null,
|
||||
stack: `${
|
||||
state.stack ? `${state.stack}\n\n================\n\n${stack}` : stack
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue