@rahmatsaputra-my-id/react-js-library 0.0.27 → 0.0.28

package/dist/index.es.js

@@ -1475,24 +1475,25 @@ var MultipleImageInput = function (_a) {
             setImages(initialImages);
         }
     }, [arrImage]);
-    var handleChange = function (e) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var newImages;
+    useEffect(function () {
+        handleSelectedImages === null || handleSelectedImages === void 0 ? void 0 : handleSelectedImages(images.map(function (i) { return ({ file: i.file }); }));
+    }, [images]);
+    var handleChange = function (base64) { return __awaiter$1(void 0, void 0, void 0, function () {
+        var newImage;
         return __generator$1(this, function (_a) {
-            newImages = [{ file: e }];
-            setImages(function (prevImages) {
-                var combined = __spreadArray(__spreadArray([], prevImages, true), newImages, true);
+            newImage = { file: base64, src: base64 };
+            setImages(function (prev) {
+                var combined = __spreadArray(__spreadArray([], prev, true), [newImage], false);
                 var unique = combined.filter(function (img, idx) { return combined.findIndex(function (i) { return i.src === img.src; }) === idx; });
-                handleSelectedImages(unique.map(function (i) { return ({ file: i.file }); }));
                 return unique;
             });
             return [2 /*return*/];
         });
     }); };
     var removeImage = function (index) {
-        setImages(function (prevImages) {
-            var updated = __spreadArray([], prevImages, true);
+        setImages(function (prev) {
+            var updated = __spreadArray([], prev, true);
             updated.splice(index, 1);
-            handleSelectedImages === null || handleSelectedImages === void 0 ? void 0 : handleSelectedImages(updated.map(function (i) { return ({ file: i.file }); }));
             return updated;
         });
     };