react-iro-gradient-picker 2.0.2 → 2.0.3

package/dist/index.js

@@ -6885,7 +6885,6 @@ var IroColorPicker = React.forwardRef(function (_a, ref) {
     var theme = detectedTheme;
     var isUpdatingColor = React.useRef(false);
     var _o = __read(React.useState(width || 200), 2), containerWidth = _o[0], setContainerWidth = _o[1];
-    var _p = __read(React.useState(true), 2), isLoading = _p[0], setIsLoading = _p[1];
     // Set up ResizeObserver to make the color picker responsive
     // Only when width prop is NOT provided (parent doesn't control width)
     React.useEffect(function () {
@@ -7044,15 +7043,12 @@ var IroColorPicker = React.forwardRef(function (_a, ref) {
             if (!colorPickerRef.current || !colorPickerRef.current.color) {
                 throw new Error('ColorPicker was not created properly');
             }
-            // Update picker ready state and notify parent
-            setIsLoading(false);
             // Force update of imperative handle by calling onMount callback
             if (onMount) {
                 setTimeout(function () { return onMount(colorPickerRef.current); }, 0);
             }
         }
         catch (error) {
-            setIsLoading(false);
             colorPickerRef.current = null;
             return null; // Return null to indicate failure
         }
@@ -7373,25 +7369,10 @@ var IroColorPicker = React.forwardRef(function (_a, ref) {
             minWidth: 0,
             overflow: 'hidden',
             justifyContent: 'center',
-            minHeight: isLoading ? width || containerWidth : 'auto',
+            minHeight: 'auto',
             position: 'relative',
             backgroundColor: 'transparent'
-        } }, isLoading && (React__default["default"].createElement("div", { style: {
-            position: 'absolute',
-            inset: 0,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            background: 'var(--colorpicker-panel-bg, #1e293b)'
-        } },
-        React__default["default"].createElement("div", { style: {
-                width: '32px',
-                height: '32px',
-                border: '3px solid rgba(59, 130, 246, 0.3)',
-                borderTop: '3px solid rgb(59, 130, 246)',
-                borderRadius: '50%',
-                animation: 'spin 0.8s linear infinite'
-            } })))));
+        } }));
 });
 IroColorPicker.displayName = 'IroColorPicker';