react-iro-gradient-picker 1.1.6 → 1.1.7

package/dist/index.es.js

@@ -7784,7 +7784,9 @@ var IroGradient = function (_a) {
     useEffect(function () {
         var initializeIroPicker = function () {
             var _a, _b;
-            if (((_b = (_a = iroPickerRef.current) === null || _a === void 0 ? void 0 : _a.colorPicker) === null || _b === void 0 ? void 0 : _b.color) && activeColor.hex) {
+            if (((_b = (_a = iroPickerRef.current) === null || _a === void 0 ? void 0 : _a.colorPicker) === null || _b === void 0 ? void 0 : _b.color) &&
+                activeColor.hex &&
+                typeof activeColor.alpha === 'number') {
                 console.log('🚀 Initializing iro picker with activeColor:', activeColor);
                 // Wait a bit for the picker to be fully ready, then update
                 setTimeout(function () {
@@ -7805,13 +7807,19 @@ var IroGradient = function (_a) {
     var handleSetActiveColor = useCallback(function (newActiveColor) {
         console.log('🎯 Gradient stop clicked, setting active color:', newActiveColor);
         setActiveColor(newActiveColor);
-        // Force immediate update of iro picker with longer delay for first-time reliability
-        setTimeout(function () {
-            updateIroPickerColor({
-                hex: newActiveColor.hex,
-                alpha: newActiveColor.alpha
-            });
-        }, 50); // Increased from 5ms to 50ms for better first-time success
+        // Validate before updating iro picker
+        if (newActiveColor.hex && typeof newActiveColor.alpha === 'number') {
+            // Force immediate update of iro picker with longer delay for first-time reliability
+            setTimeout(function () {
+                updateIroPickerColor({
+                    hex: newActiveColor.hex,
+                    alpha: newActiveColor.alpha
+                });
+            }, 50); // Increased from 5ms to 50ms for better first-time success
+        }
+        else {
+            console.log('⚠️ Skipping iro picker update in handleSetActiveColor - invalid data:', newActiveColor);
+        }
     }, [updateIroPickerColor]);
     // Update iro picker when activeColor changes (e.g., clicking gradient stops)
     useEffect(function () {
@@ -7821,18 +7829,17 @@ var IroGradient = function (_a) {
             index: activeColor.index,
             loc: activeColor.loc
         });
+        // Validate activeColor before proceeding
+        if (!activeColor.hex || typeof activeColor.alpha !== 'number') {
+            console.log('⚠️ Skipping iro picker update - invalid activeColor:', activeColor);
+            return;
+        }
         // Add a small delay to ensure the activeColor state has fully updated
         var timeoutId = setTimeout(function () {
             updateIroPickerColor({ hex: activeColor.hex, alpha: activeColor.alpha });
         }, 10);
         return function () { return clearTimeout(timeoutId); };
-    }, [
-        activeColor.hex,
-        activeColor.alpha,
-        activeColor.index,
-        activeColor.loc,
-        updateIroPickerColor
-    ]);
+    }, [activeColor, updateIroPickerColor]);
     var updateGradient = useCallback(function (newColor) {
         if (Array.isArray(newColor)) {
             // Handle the case where it's called with stops array