@myoc/excalidraw 0.19.534 → 0.19.536

package/CHANGELOG.md

@@ -5959,3 +5959,110 @@ First release of `@excalidraw/excalidraw`## Excalidraw Library
 
 ---
 
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
+---
+
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
+---

package/dist/dev/{chunk-LMB2JFA3.js → chunk-E5FRZJMM.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-LXITAORX.js";
+} from "./chunk-GMDJS52C.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5428,7 +5428,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-42C5IMES.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-ADOTOLKB.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5866,4 +5866,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-LMB2JFA3.js.map
+//# sourceMappingURL=chunk-E5FRZJMM.js.map

package/dist/dev/{chunk-LXITAORX.js → chunk-GMDJS52C.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@myoc/excalidraw", PKG_VERSION: "0.19.533", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@myoc/excalidraw", PKG_VERSION: "0.19.535", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-LXITAORX.js.map
+//# sourceMappingURL=chunk-GMDJS52C.js.map

package/dist/dev/data/{image-42C5IMES.js → image-ADOTOLKB.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-LMB2JFA3.js";
-import "../chunk-LXITAORX.js";
+} from "../chunk-E5FRZJMM.js";
+import "../chunk-GMDJS52C.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-42C5IMES.js.map
+//# sourceMappingURL=image-ADOTOLKB.js.map

package/dist/dev/index.js

@@ -63,10 +63,10 @@ import {
   serializeAsJSON,
   strokeRectWithRotation_simple,
   zoomToFitBounds
-} from "./chunk-LMB2JFA3.js";
+} from "./chunk-E5FRZJMM.js";
 import {
   define_import_meta_env_default
-} from "./chunk-LXITAORX.js";
+} from "./chunk-GMDJS52C.js";
 import {
   en_default
 } from "./chunk-SKCAT7JG.js";
@@ -9377,6 +9377,31 @@ import clsx18 from "clsx";
 import { useEffect as useEffect18, useState as useState11 } from "react";
 import { KEYS as KEYS13, capitalizeString as capitalizeString2 } from "@excalidraw/common";
 
+// keyboardShortcuts.ts
+var matchesKeyboardShortcut = (event, shortcut) => {
+  if (!shortcut.key && !shortcut.code) {
+    return false;
+  }
+  const keyMatches = shortcut.key ? shortcut.key.length === 1 ? event.key.toLocaleLowerCase() === shortcut.key.toLocaleLowerCase() : event.key === shortcut.key : true;
+  const codeMatches = shortcut.code ? event.code === shortcut.code : true;
+  const ctrlOrCmd = shortcut.ctrlOrCmd === true;
+  return keyMatches && codeMatches && (ctrlOrCmd ? event.ctrlKey || event.metaKey : event.ctrlKey === !!shortcut.ctrl) && (ctrlOrCmd ? true : event.metaKey === !!shortcut.meta) && event.altKey === !!shortcut.alt && event.shiftKey === !!shortcut.shift;
+};
+var matchesKeyboardShortcuts = (event, shortcuts) => shortcuts.some((shortcut) => matchesKeyboardShortcut(event, shortcut));
+var formatKeyboardShortcut = (shortcut) => {
+  const modifiers = [
+    shortcut.ctrlOrCmd && "CtrlOrCmd",
+    shortcut.ctrl && "Ctrl",
+    shortcut.meta && "Meta",
+    shortcut.alt && "Alt",
+    shortcut.shift && "Shift"
+  ].filter(Boolean);
+  const key = shortcut.key ?? shortcut.code ?? "";
+  return getShortcutKey(
+    [...modifiers, key.length === 1 ? key.toLocaleUpperCase() : key].join("+")
+  );
+};
+
 // components/ToolPopover.tsx
 import { useEffect as useEffect17, useState as useState10 } from "react";
 import clsx17 from "clsx";
@@ -9575,6 +9600,26 @@ var findShapeByKey = (key, app, shiftKey = false) => {
   }
   return null;
 };
+var findShapeByKeyboardEvent = (event, app) => {
+  for (const type of Object.keys(TOOLS)) {
+    const override = app.props.keyboardShortcuts?.[`tool:${type}`];
+    if (override !== void 0) {
+      if (matchesKeyboardShortcuts(event, override)) {
+        return type === "selection" ? app.state.preferredSelectionTool.type : type;
+      }
+      continue;
+    }
+  }
+  if (event.ctrlKey || event.metaKey || event.altKey) {
+    return null;
+  }
+  const defaultShape = findShapeByKey(event.key, app, event.shiftKey);
+  if (!defaultShape) {
+    return null;
+  }
+  const defaultCommand = (defaultShape === "selection" || defaultShape === "lasso") && TOOLS.selection.letterKey === event.key.toLocaleLowerCase() ? "tool:selection" : `tool:${defaultShape}`;
+  return app.props.keyboardShortcuts?.[defaultCommand] === void 0 ? defaultShape : null;
+};
 var isToolButtonDisabled = (app, type) => app.props.activeTool != null && app.props.activeTool.type !== type;
 var createToolButton = (type, behavior) => {
   const config = TOOLS[type];
@@ -9586,7 +9631,8 @@ var createToolButton = (type, behavior) => {
     hideShortcut
   }) => {
     const label = capitalizeString2(t(`toolBar.${type}`));
-    const shortcut = hideShortcut ? null : getToolShortcut(shortcutType);
+    const shortcutOverride = app.props.keyboardShortcuts?.[`tool:${shortcutType}`];
+    const shortcut = hideShortcut ? null : shortcutOverride !== void 0 ? shortcutOverride[0] ? formatKeyboardShortcut(shortcutOverride[0]) : null : getToolShortcut(shortcutType);
     return /* @__PURE__ */ jsx38(
       IconButton,
       {
@@ -9596,7 +9642,7 @@ var createToolButton = (type, behavior) => {
         checked: activeTool.type === type,
         disabled: isToolButtonDisabled(app, type),
         title: shortcut ? `${label} \u2014 ${shortcut}` : label,
-        keyBindingLabel: hideKeyBinding || hideShortcut ? void 0 : getToolKeyBindingLabel(shortcutType),
+        keyBindingLabel: hideKeyBinding || hideShortcut ? void 0 : shortcutOverride !== void 0 ? shortcut?.length === 1 ? shortcut : void 0 : getToolKeyBindingLabel(shortcutType),
         "aria-label": label,
         "aria-keyshortcuts": shortcut ?? void 0,
         "data-testid": `toolbar-${type}`,
@@ -10000,6 +10046,7 @@ var actionFinalize = register({
     };
   },
   keyTest: (event, appState) => event.key === KEYS14.ESCAPE && appState.selectedLinearElement?.isEditing || (event.key === KEYS14.ESCAPE || event.key === KEYS14.ENTER) && appState.multiElement !== null,
+  keyCondition: (_event, appState) => !!appState.selectedLinearElement?.isEditing || appState.multiElement !== null,
   PanelComponent: ({ appState, updateData, data }) => /* @__PURE__ */ jsx39(
     IconButton,
     {
@@ -10125,7 +10172,8 @@ var actionDeselect = register({
       return false;
     }
     return !appState.newElement && appState.multiElement === null && !appState.selectedLinearElement?.isEditing && (appState.activeEmbeddable !== null || appState.activeTool.type !== app.state.preferredSelectionTool.type || !!appState.editingGroupId || !!appState.selectedLinearElement || isSomeElementSelected2(app.scene.getNonDeletedElements(), appState));
-  }
+  },
+  keyCondition: (event, appState, _, app) => !isWritableElement2(event.target) && !appState.newElement && appState.multiElement === null && !appState.selectedLinearElement?.isEditing && (appState.activeEmbeddable !== null || appState.activeTool.type !== app.state.preferredSelectionTool.type || !!appState.editingGroupId || !!appState.selectedLinearElement || isSomeElementSelected2(app.scene.getNonDeletedElements(), appState))
 });
 
 // actions/actionExport.tsx
@@ -10968,7 +11016,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-42C5IMES.js").then(
+        (blob2) => import("./data/image-ADOTOLKB.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -13928,7 +13976,11 @@ var actionToggleElementLock = register({
       selectedElementIds: appState.selectedElementIds,
       includeBoundTextElement: false
     }).length > 0;
-  }
+  },
+  keyCondition: (_event, appState, _elements, app) => app.scene.getSelectedElements({
+    selectedElementIds: appState.selectedElementIds,
+    includeBoundTextElement: false
+  }).length > 0
 });
 var actionUnlockAllElements = register({
   name: "unlockAllElements",
@@ -16993,14 +17045,25 @@ var ActionManager = class {
       return false;
     }
     const canvasActions = this.app.props.UIOptions.canvasActions;
-    const data = Object.values(this.actions).sort((a, b) => (b.keyPriority || 0) - (a.keyPriority || 0)).filter(
-      (action2) => (action2.name in canvasActions ? canvasActions[action2.name] : true) && action2.keyTest && action2.keyTest(
-        event,
-        this.getAppState(),
-        this.getElementsIncludingDeleted(),
-        this.app
-      )
-    );
+    const data = Object.values(this.actions).sort((a, b) => (b.keyPriority || 0) - (a.keyPriority || 0)).filter((action2) => {
+      const override = this.app.props.keyboardShortcuts?.[action2.name];
+      return (action2.name in canvasActions ? canvasActions[action2.name] : true) && (action2.keyTest || override !== void 0) && (() => {
+        if (override !== void 0) {
+          return matchesKeyboardShortcuts(event, override) && (!action2.keyCondition || action2.keyCondition(
+            event,
+            this.getAppState(),
+            this.getElementsIncludingDeleted(),
+            this.app
+          ));
+        }
+        return action2.keyTest(
+          event,
+          this.getAppState(),
+          this.getElementsIncludingDeleted(),
+          this.app
+        );
+      })();
+    });
     if (data.length !== 1) {
       if (data.length > 1) {
         console.warn("Canceling as multiple actions match this shortcut", data);
@@ -24580,7 +24643,7 @@ var AppGifPlayback = class {
         }
       }
       if (didAdvanceFrame) {
-        this.app.scene.triggerUpdate();
+        this.app.imagePlaceholderUpdateEmitter.trigger();
       }
       if (shouldContinue) {
         this.playbackRaf = requestAnimationFrame(this.tick);
@@ -37965,6 +38028,10 @@ var App = class _App extends React41.Component {
       }
     ));
     // Input handling
+    __publicField(this, "matchesShortcut", (command, event, defaultMatch) => {
+      const override = this.props.keyboardShortcuts?.[command];
+      return override === void 0 ? defaultMatch : matchesKeyboardShortcuts(event, override);
+    });
     __publicField(this, "onKeyDown", withBatchedUpdates(
       (event) => {
         if (!this.isInteractionEnabled()) {
@@ -38044,12 +38111,20 @@ var App = class _App extends React41.Component {
         ) {
           return;
         }
-        if (event.key === KEYS52.QUESTION_MARK) {
+        if (this.matchesShortcut(
+          "helpDialog",
+          event,
+          event.key === KEYS52.QUESTION_MARK
+        )) {
           this.setState({
             openDialog: { name: "help" }
           });
           return;
-        } else if (event.key.toLowerCase() === KEYS52.E && event.shiftKey && event[KEYS52.CTRL_OR_CMD]) {
+        } else if (this.matchesShortcut(
+          "imageExport",
+          event,
+          event.key.toLowerCase() === KEYS52.E && event.shiftKey && event[KEYS52.CTRL_OR_CMD]
+        )) {
           event.preventDefault();
           this.setState({ openDialog: { name: "imageExport" } });
           return;
@@ -38080,8 +38155,8 @@ var App = class _App extends React41.Component {
           this.setActiveTool({ type: "selection" });
           return;
         }
-        if (!shouldPreventToolSwitching && !event.ctrlKey && !event.altKey && !event.metaKey && !this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged) {
-          const shape = findShapeByKey(event.key, this, event.shiftKey);
+        if (!shouldPreventToolSwitching && !this.state.newElement && !this.state.selectionElement && !this.state.selectedElementsAreBeingDragged) {
+          const shape = findShapeByKeyboardEvent(event, this);
           if (this.state.viewModeEnabled && !oneOf(shape, ["laser", "hand"])) {
             return;
           }
@@ -38114,7 +38189,7 @@ var App = class _App extends React41.Component {
             }
             event.stopPropagation();
             return;
-          } else if (event.key === KEYS52.Q) {
+          } else if (this.matchesShortcut("toolLock", event, event.key === KEYS52.Q)) {
             this.toggleLock("keyboard");
             event.stopPropagation();
             return;
@@ -38231,21 +38306,37 @@ var App = class _App extends React41.Component {
           this.cursor.set("zoom-in");
           event.preventDefault();
         }
-        if ((event.key === KEYS52.G || event.key === KEYS52.S) && !event.altKey && !event[KEYS52.CTRL_OR_CMD]) {
+        if (this.matchesShortcut(
+          "elementBackground",
+          event,
+          (event.key === KEYS52.G || event.key === KEYS52.S) && !event.altKey && !event[KEYS52.CTRL_OR_CMD]
+        ) || this.matchesShortcut(
+          "elementStroke",
+          event,
+          (event.key === KEYS52.G || event.key === KEYS52.S) && !event.altKey && !event[KEYS52.CTRL_OR_CMD]
+        )) {
           const selectedElements = this.scene.getSelectedElements(this.state);
           if (this.state.activeTool.type === "selection" && !selectedElements.length) {
             return;
           }
-          if (event.key === KEYS52.G && (hasBackground(this.state.activeTool.type) || selectedElements.some((element) => hasBackground(element.type)))) {
+          if (this.matchesShortcut(
+            "elementBackground",
+            event,
+            event.key === KEYS52.G
+          ) && (hasBackground(this.state.activeTool.type) || selectedElements.some((element) => hasBackground(element.type)))) {
             this.setState({ openPopup: "elementBackground" });
             event.stopPropagation();
           }
-          if (event.key === KEYS52.S) {
+          if (this.matchesShortcut("elementStroke", event, event.key === KEYS52.S)) {
             this.setState({ openPopup: "elementStroke" });
             event.stopPropagation();
           }
         }
-        if (!event[KEYS52.CTRL_OR_CMD] && event.shiftKey && event.key.toLowerCase() === KEYS52.F) {
+        if (this.matchesShortcut(
+          "fontFamily",
+          event,
+          !event[KEYS52.CTRL_OR_CMD] && event.shiftKey && event.key.toLowerCase() === KEYS52.F
+        )) {
           const selectedElements = this.scene.getSelectedElements(this.state);
           if (this.state.activeTool.type === "selection" && !selectedElements.length) {
             return;
@@ -38264,9 +38355,19 @@ var App = class _App extends React41.Component {
         const isPlainStrokeEyeDropper = lowerCased === KEYS52.I && !event.shiftKey && !event[KEYS52.CTRL_OR_CMD];
         const isPickingStroke = lowerCased === KEYS52.S && event.shiftKey && !event[KEYS52.CTRL_OR_CMD] || isPlainStrokeEyeDropper;
         const isPickingBackground = lowerCased === KEYS52.I && event.shiftKey && !event[KEYS52.CTRL_OR_CMD];
-        if (isPickingStroke || isPickingBackground) {
+        const shouldPickStroke = this.matchesShortcut(
+          "strokeEyeDropper",
+          event,
+          isPickingStroke
+        );
+        const shouldPickBackground = this.matchesShortcut(
+          "backgroundEyeDropper",
+          event,
+          isPickingBackground
+        );
+        if (shouldPickStroke || shouldPickBackground) {
           this.openEyeDropper({
-            type: isPickingStroke ? "stroke" : "background",
+            type: shouldPickStroke ? "stroke" : "background",
             swapPreviewOnAlt: !isPlainStrokeEyeDropper
           });
         }
@@ -46552,7 +46653,8 @@ var ExcalidrawBase = (props) => {
     viewportStatusFrame,
     currentUserControls,
     imageOptions,
-    showDropEventDebugAlert
+    showDropEventDebugAlert,
+    keyboardShortcuts
   } = props;
   const canvasActions = props.UIOptions?.canvasActions;
   const UIOptions = {
@@ -46668,6 +46770,7 @@ var ExcalidrawBase = (props) => {
       currentUserControls,
       imageOptions: normalizedImageOptions,
       showDropEventDebugAlert,
+      keyboardShortcuts,
       children
     }
   ) }) });