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

package/dist/index.es.js

@@ -1475,25 +1475,24 @@ var MultipleImageInput = function (_a) {
             setImages(initialImages);
         }
     }, [arrImage]);
-    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;
+    var handleChange = function (e) { return __awaiter$1(void 0, void 0, void 0, function () {
+        var newImages;
         return __generator$1(this, function (_a) {
-            newImage = { file: base64, src: base64 };
-            setImages(function (prev) {
-                var combined = __spreadArray(__spreadArray([], prev, true), [newImage], false);
+            newImages = [{ file: e }];
+            setImages(function (prevImages) {
+                var combined = __spreadArray(__spreadArray([], prevImages, true), newImages, true);
                 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 (prev) {
-            var updated = __spreadArray([], prev, true);
+        setImages(function (prevImages) {
+            var updated = __spreadArray([], prevImages, true);
             updated.splice(index, 1);
+            handleSelectedImages === null || handleSelectedImages === void 0 ? void 0 : handleSelectedImages(updated.map(function (i) { return ({ file: i.file }); }));
             return updated;
         });
     };