@myoc/excalidraw 0.19.517 → 0.19.518

package/CHANGELOG.md

@@ -4707,4 +4707,57 @@ First release of `@excalidraw/excalidraw`## Excalidraw Library
 - 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/index.js

@@ -36369,14 +36369,78 @@ var App = class _App extends React40.Component {
         }
       }
       const imageFiles = fileItems.map((data) => data.file).filter((file2) => isSupportedImageFile(file2));
-      if (imageFiles.length > 0 && this.isToolSupported("image")) {
-        return this.insertImages(
-          imageFiles.map((file2) => ({
-            file: file2
-          })),
-          sceneX,
-          sceneY
-        );
+      if (imageFiles.length > 0) {
+        if (this.isToolSupported("image")) {
+          const parseDroppedImageDetails = () => {
+            const htmlImageSources = [];
+            const textImageSources = [];
+            const imageAlts = [];
+            const pushUnique = (values, value) => {
+              const trimmedValue = value?.trim();
+              if (trimmedValue && !values.includes(trimmedValue)) {
+                values.push(trimmedValue);
+              }
+            };
+            dataTransferList.forEach((item) => {
+              if (item.kind !== "string") {
+                return;
+              }
+              if (item.type === MIME_TYPES7.html) {
+                try {
+                  const doc = new DOMParser().parseFromString(
+                    item.value,
+                    MIME_TYPES7.html
+                  );
+                  for (const img of Array.from(
+                    doc.body.querySelectorAll("img")
+                  )) {
+                    pushUnique(htmlImageSources, img.getAttribute("src"));
+                    pushUnique(imageAlts, img.getAttribute("alt"));
+                  }
+                } catch {
+                }
+              } else if (item.type === MIME_TYPES7.text) {
+                pushUnique(textImageSources, item.value);
+              }
+            });
+            const imageSources = [
+              ...htmlImageSources,
+              ...textImageSources.filter(
+                (src) => !htmlImageSources.includes(src)
+              )
+            ];
+            const imageDetails = imageFiles.map(() => ({}));
+            imageDetails.forEach((detail, index) => {
+              const source = imageSources[index];
+              const alt = imageAlts[index];
+              if (source) {
+                detail.src = source;
+              }
+              if (alt) {
+                detail.alt = alt;
+              }
+            });
+            const additionalUrls = imageSources.slice(imageDetails.length);
+            const firstImageDetails = imageDetails[0];
+            if (firstImageDetails && additionalUrls.length > 0) {
+              additionalUrls.forEach((url, index) => {
+                firstImageDetails[`additionalUrl${index + 1}`] = url;
+              });
+            }
+            return imageDetails;
+          };
+          const droppedImageDetails = parseDroppedImageDetails();
+          return this.insertImages(
+            imageFiles.map((file2, index) => ({
+              file: file2,
+              customData: droppedImageDetails[index] ?? void 0
+            })),
+            sceneX,
+            sceneY
+          );
+        }
+        this.setState({ errorMessage: t("errors.imageToolNotSupported") });
+        return;
       }
       if (fileItems.length > 0) {
         const { file: file2, fileHandle } = fileItems[0];