datasync-blob 1.1.31 → 1.1.33

package/dist/components/DsBlob.js

@@ -17,7 +17,7 @@ class DsBlob extends _react.Component {
       data: props.data || "",
       binaryData: props.binaryData || null
     };
-    this.debugging = true;
+    this.debugging = false;
   }
 
   //-----------------------------------------
@@ -149,7 +149,7 @@ class DsBlob extends _react.Component {
       context,
       width = imageSource.width,
       height = imageSource.height;
-    if (true || this.debugging) {
+    if (this.debugging) {
       alert(`Debugging : pixel is ${width} x ${height}`);
       console.log("imageSource = ", imageSource);
     }
@@ -267,6 +267,9 @@ class DsBlob extends _react.Component {
   //-----------------------------------------------------------------------------------------------------------------------------------------
   storeBase64ImageToImg = e => {
     var DOM_image = document.createElement('img');
+    alert("BIRTHDAY !");
+    console.log("BIRTHDAY:Store DOMimage reference");
+    this._DOM_image = DOM_image;
     DOM_image.onload = this.reduceBase64Image;
     console.log("storeBase64ImageToImg:e.currentTarget.result = ", e.currentTarget.result);
     DOM_image.src = e.currentTarget.result;
@@ -296,9 +299,8 @@ class DsBlob extends _react.Component {
   //-----------------------------------------------------------------------------------------------------------------------------------------
   cleanupBlobUrl = () => {
     // Only show alert if not in test environment
-    if (typeof jest === 'undefined') {
-      console.log("cleanupBlobUrl !");
-    }
+    console.log("cleanupBlobUrl !");
+
     // Revoke blob URL if it exists to prevent memory leaks
     if (this.state.data && this.state.data.startsWith('blob:')) {
       URL.revokeObjectURL(this.state.data);
@@ -325,6 +327,11 @@ class DsBlob extends _react.Component {
   componentWillUnmount() {
     // Cleanup blob URLs when component unmounts
     this.cleanupBlobUrl();
+    if (this._DOM_image) {
+      console.log("BIRTHDAY : Removing reference");
+      this._DOM_image.onload = null;
+      this._DOM_image = null;
+    }
   }
 
   //-----------------------------------------------------------------------------------------------------------------------------------------
@@ -477,7 +484,20 @@ class DsBlob extends _react.Component {
       type: "button",
       value: "Effacer",
       onClick: this.resetUpload
-    })));
+    }), !this.props.readOnly && /*#__PURE__*/_react.default.createElement("label", {
+      style: this.state.hover_input ? {
+        ...div_show_image_hover_input,
+        top: "32px",
+        cursor: "pointer"
+      } : div_show_image_input,
+      className: "btn btn-secondary"
+    }, this.props.Caption || 'Remplacer', /*#__PURE__*/_react.default.createElement("input", {
+      style: upload_picture_label_input,
+      type: "file",
+      accept: "image/*",
+      onChange: this.onInputChange,
+      multiple: true
+    }))));
   }
 }
 exports.DsBlob = DsBlob;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datasync-blob",
-  "version": "1.1.31",
+  "version": "1.1.33",
   "description": "Datasync Blob component",
   "main": "./dist/components/DsBlob.js",
   "files": [