react-iro-gradient-picker 1.2.4 → 1.2.5

package/dist/index.js

@@ -6438,10 +6438,20 @@ var validGradient = (function (input) {
         var colorStops = [];
         // Determine if first part is direction/angle or color stop
         var firstPart = parts[0];
-        var isDirection = /^\d+deg$/i.test(firstPart) ||
-            /^to\s+/.test(firstPart) ||
-            /^(?:circle|ellipse)/.test(firstPart) ||
-            /at\s+/.test(firstPart);
+        var isDirection = false;
+        if (type === 'linear') {
+            isDirection =
+                /^\d+deg$/i.test(firstPart) ||
+                    /^to\s+/.test(firstPart);
+        }
+        else if (type === 'radial') {
+            // For radial gradients, check for size, shape, or position keywords
+            isDirection =
+                /^(?:circle|ellipse)/.test(firstPart) ||
+                    /at\s+/.test(firstPart) ||
+                    /^(?:closest-side|closest-corner|farthest-side|farthest-corner)$/i.test(firstPart) ||
+                    /^\d+(?:%|px|em|rem)?$/i.test(firstPart); // Size values like "70", "70%", "70px"
+        }
         if (isDirection) {
             if (type === 'linear') {
                 if (/^\d+deg$/i.test(firstPart)) {
@@ -7463,9 +7473,18 @@ var Markers = function (_a) {
     };
     var onDrag = function (e) {
         var _a;
-        var x = e.clientX;
-        var y = e.clientY;
+        // Defensive check for event object
+        if (!e) {
+            console.warn('onDrag called with undefined event object');
+            return;
+        }
+        var x = e.clientX || 0;
+        var y = e.clientY || 0;
         var rect = (_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!rect) {
+            console.warn('Unable to get bounding rect for drag operation');
+            return;
+        }
         var rootDistance = y - rect.y;
         // Now we know user is actually dragging
         setIsDragging(true);
@@ -7720,10 +7739,15 @@ var GradientPanel = function (_a) {
         }
     };
     var onDrag = function (e) {
-        var x = e.clientX;
-        var y = e.clientY;
-        var shiftKey = e.shiftKey;
-        var ctrlKey = e.ctrlKey * 2;
+        // Defensive check for event object
+        if (!e) {
+            console.warn('onDrag called with undefined event object');
+            return;
+        }
+        var x = e.clientX || 0;
+        var y = e.clientY || 0;
+        var shiftKey = e.shiftKey || false;
+        var ctrlKey = (e.ctrlKey || false) * 2;
         pointMoveTo({
             x: x,
             y: y,
@@ -7862,7 +7886,10 @@ var IroGradient = function (_a) {
                 console.warn('Gradient parsing failed, using fallback:', parsed);
                 var fallback = parseGradient('linear-gradient(90deg, #ffffff 0%, #000000 100%)');
                 // Ensure fallback has valid structure
-                if (fallback && typeof fallback === 'object' && Array.isArray(fallback.stops) && fallback.stops.length > 0) {
+                if (fallback &&
+                    typeof fallback === 'object' &&
+                    Array.isArray(fallback.stops) &&
+                    fallback.stops.length > 0) {
                     return fallback;
                 }
                 // Ultimate fallback with guaranteed structure
@@ -7877,7 +7904,10 @@ var IroGradient = function (_a) {
                 };
             }
             // Validate parsed result has required structure
-            if (parsed && typeof parsed === 'object' && Array.isArray(parsed.stops) && parsed.stops.length > 0) {
+            if (parsed &&
+                typeof parsed === 'object' &&
+                Array.isArray(parsed.stops) &&
+                parsed.stops.length > 0) {
                 return parsed;
             }
             // If parsed result is invalid, use ultimate fallback
@@ -7912,11 +7942,22 @@ var IroGradient = function (_a) {
     var isUpdatingFromGradientStop = React.useRef(false);
     var _t = __read(React.useState(200), 2), pickerWidth = _t[0], setPickerWidth = _t[1];
     // Safe extraction of stop data with fallbacks
-    var safeStops = Array.isArray(stops) && stops.length > 0 ? stops : [['rgba(255, 255, 255, 1)', 0, 0], ['rgba(0, 0, 0, 1)', 1, 1]];
+    var safeStops = Array.isArray(stops) && stops.length > 0
+        ? stops
+        : [
+            ['rgba(255, 255, 255, 1)', 0, 0],
+            ['rgba(0, 0, 0, 1)', 1, 1]
+        ];
     var safeLastStop = rgbaToArray(safeStops[safeStops.length - 1][0]);
-    var safeParsedLastStop = Array.isArray(safeLastStop) && safeLastStop.length >= 4 ? safeLastStop : [255, 255, 255, 1];
+    var safeParsedLastStop = Array.isArray(safeLastStop) && safeLastStop.length >= 4
+        ? safeLastStop
+        : [255, 255, 255, 1];
     var activeStopIndex = safeStops.length - 1;
-    var activeStop = rgbaToHex([safeParsedLastStop[0], safeParsedLastStop[1], safeParsedLastStop[2]]);
+    var activeStop = rgbaToHex([
+        safeParsedLastStop[0],
+        safeParsedLastStop[1],
+        safeParsedLastStop[2]
+    ]);
     var activeAlpha = Math.round(safeParsedLastStop[3] * 100);
     // Responsive width for IroColorPicker - match solid picker logic
     React.useEffect(function () {