@appcorp/stellar-solutions-modules 0.1.49 → 0.1.51

package/components/ui/enhanced-dropzone.d.ts

@@ -15,6 +15,8 @@ export type EnhancedDropzoneProps = {
     initial?: Array<File | string>;
     /** Called when selected File[] changes */
     onChange?: (files: File[]) => void;
+    /** Called when the rendered previews (string[]) change */
+    onPreviewsChange?: (previews: string[]) => void;
     /** Called when a provided remote URL preview is removed (if provided) */
     onRemoveUrl?: (url: string) => void;
 };

package/components/ui/enhanced-dropzone.js

@@ -63,7 +63,7 @@ var button_1 = require("./button");
 var lucide_react_1 = require("lucide-react");
 var dropzone_1 = require("./shadcn-io/dropzone");
 var EnhancedDropzone = function (_a) {
-    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.initial, initial = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveUrl = _a.onRemoveUrl, className = _a.className;
+    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.initial, initial = _c === void 0 ? [] : _c, onChange = _a.onChange, onPreviewsChange = _a.onPreviewsChange, onRemoveUrl = _a.onRemoveUrl, className = _a.className;
     // Files selected locally (File objects)
     var _d = (0, react_1.useState)([]), files = _d[0], setFiles = _d[1];
     // Previews array contains strings (object URLs or provided URLs) in display order
@@ -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,49 @@ 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 () {
             (createdUrlsRef.current || []).forEach(function (u) {
                 try {
@@ -149,7 +193,7 @@ var EnhancedDropzone = function (_a) {
             createdUrlsRef.current = [];
         };
         // files and initial are the dependencies
-    }, [files, initial]);
+    }, [files, initial, onPreviewsChange]);
     // Remove a local file by index (index relative to files slice after initial length)
     var handleRemoveLocal = function (index) {
         var next = files.filter(function (_, i) { return i !== index; });
@@ -166,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) {
@@ -182,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.49",
+  "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",