@appcorp/stellar-solutions-modules 0.1.50 → 0.1.51

package/components/ui/enhanced-dropzone.js

@@ -74,6 +74,9 @@ var EnhancedDropzone = function (_a) {
     // Track remote URLs removed by the user so they don't reappear when
     // previews are rebuilt from the unchanged `initial` prop.
     var removedRemoteRef = (0, react_1.useRef)(new Set());
+    // Track previous previews and remote map to avoid emitting unchanged values
+    var previewsRef = (0, react_1.useRef)([]);
+    var remotePreviewsRef = (0, react_1.useRef)({});
     var dropzoneOptions = {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         accept: (Array.isArray(accept) ? undefined : accept) || undefined,
@@ -137,8 +140,47 @@ var EnhancedDropzone = function (_a) {
                 next.push("");
             }
         });
-        setPreviews(next);
-        setRemotePreviews(remoteMap);
+        // Avoid unnecessary updates: only set state / notify parent when previews
+        // or remoteMap actually changed (shallow equality check). This prevents
+        // a cycle when parent mirrors the previews back into `initial`.
+        var prev = previewsRef.current || [];
+        var arraysEqual = function (a, b) {
+            if (a === b)
+                return true;
+            if (!a || !b)
+                return false;
+            if (a.length !== b.length)
+                return false;
+            for (var i = 0; i < a.length; i++)
+                if (a[i] !== b[i])
+                    return false;
+            return true;
+        };
+        var remoteKeysEqual = function (m1, m2) {
+            var k1 = Object.keys(m1 || {});
+            var k2 = Object.keys(m2 || {});
+            if (k1.length !== k2.length)
+                return false;
+            k1.sort();
+            k2.sort();
+            for (var i = 0; i < k1.length; i++)
+                if (k1[i] !== k2[i])
+                    return false;
+            return true;
+        };
+        var previewsChanged = !arraysEqual(prev, next);
+        var remoteChanged = !remoteKeysEqual(remotePreviewsRef.current || {}, remoteMap);
+        if (previewsChanged) {
+            setPreviews(next);
+            previewsRef.current = next.slice();
+        }
+        if (remoteChanged) {
+            setRemotePreviews(remoteMap);
+            remotePreviewsRef.current = __assign({}, remoteMap);
+        }
+        if (previewsChanged) {
+            onPreviewsChange === null || onPreviewsChange === void 0 ? void 0 : onPreviewsChange(next);
+        }
         // notify parent about the current rendered previews (object URLs and remote URLs)
         onPreviewsChange === null || onPreviewsChange === void 0 ? void 0 : onPreviewsChange(next);
         return function () {
@@ -168,10 +210,8 @@ var EnhancedDropzone = function (_a) {
             return;
         var isRemote = Boolean(remotePreviews[entry]);
         if (isRemote) {
-            // notify parent
+            // notify parent and mark as removed so it won't reappear from `initial`
             onRemoveUrl === null || onRemoveUrl === void 0 ? void 0 : onRemoveUrl(entry);
-            // record removal locally so the value isn't re-added from the `initial`
-            // prop on the next rebuild
             removedRemoteRef.current.add(entry);
             // remove only the specific preview at previewIndex
             setPreviews(function (p) {
@@ -184,6 +224,9 @@ var EnhancedDropzone = function (_a) {
                 delete next[entry];
                 return next;
             });
+            // inform parent of the immediate change
+            var updatedPreviews = previews.filter(function (_, i) { return i !== previewIndex; });
+            onPreviewsChange === null || onPreviewsChange === void 0 ? void 0 : onPreviewsChange(updatedPreviews);
             return;
         }
         // local file - compute index relative to files array and remove

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",