@shohojdhara/atomix 0.1.28 → 0.1.30

package/dist/index.esm.js

@@ -3709,8 +3709,10 @@ function useDatePicker() {
       // This is a simplified implementation that would need improvement
       const parts = e.target.value.split('-');
       if (parts.length === 2) {
-        const startPart = parts[0].trim();
-        const endPart = parts[1].trim();
+        var _parts$, _parts$2;
+        const startPart = (_parts$ = parts[0]) === null || _parts$ === void 0 ? void 0 : _parts$.trim();
+        const endPart = (_parts$2 = parts[1]) === null || _parts$2 === void 0 ? void 0 : _parts$2.trim();
+        if (!startPart || !endPart) return;
         const parsedStart = new Date(startPart);
         if (!isNaN(parsedStart.getTime())) {
           setViewDate(parsedStart);
@@ -4384,6 +4386,7 @@ const Dropdown = _ref4 => {
   }, [isOpen, closeOnEscape, close]);
   // Keyboard navigation
   const handleKeyDown = useCallback(e => {
+    var _focusableItems$2, _focusableItems4;
     if (!menuRef.current) return;
     const focusableItems = menuRef.current.querySelectorAll('[role="menuitem"]:not([disabled])');
     if (!focusableItems.length) return;
@@ -4392,26 +4395,30 @@ const Dropdown = _ref4 => {
       case 'ArrowDown':
         e.preventDefault();
         if (currentIndex < focusableItems.length - 1) {
-          focusableItems[currentIndex + 1].focus();
+          var _focusableItems;
+          (_focusableItems = focusableItems[currentIndex + 1]) === null || _focusableItems === void 0 || _focusableItems.focus();
         } else {
-          focusableItems[0].focus();
+          var _focusableItems$;
+          (_focusableItems$ = focusableItems[0]) === null || _focusableItems$ === void 0 || _focusableItems$.focus();
         }
         break;
       case 'ArrowUp':
         e.preventDefault();
         if (currentIndex > 0) {
-          focusableItems[currentIndex - 1].focus();
+          var _focusableItems2;
+          (_focusableItems2 = focusableItems[currentIndex - 1]) === null || _focusableItems2 === void 0 || _focusableItems2.focus();
         } else {
-          focusableItems[focusableItems.length - 1].focus();
+          var _focusableItems3;
+          (_focusableItems3 = focusableItems[focusableItems.length - 1]) === null || _focusableItems3 === void 0 || _focusableItems3.focus();
         }
         break;
       case 'Home':
         e.preventDefault();
-        focusableItems[0].focus();
+        (_focusableItems$2 = focusableItems[0]) === null || _focusableItems$2 === void 0 || _focusableItems$2.focus();
         break;
       case 'End':
         e.preventDefault();
-        focusableItems[focusableItems.length - 1].focus();
+        (_focusableItems4 = focusableItems[focusableItems.length - 1]) === null || _focusableItems4 === void 0 || _focusableItems4.focus();
         break;
     }
   }, []);
@@ -6788,18 +6795,25 @@ const usePhotoViewer = _ref => {
         }};
       if (touches.length === 1 && currentState.zoomLevel > 1) {
         setIsDragging(true);
-        setStartDragPosition({
-          x: touches[0].clientX - currentState.position.x,
-          y: touches[0].clientY - currentState.position.y
-        });
+        const touch = touches[0];
+        if (touch) {
+          setStartDragPosition({
+            x: touch.clientX - currentState.position.x,
+            y: touch.clientY - currentState.position.y
+          });
+        }
       } else if (touches.length === 2) {
-        const dx = touches[0].clientX - touches[1].clientX;
-        const dy = touches[0].clientY - touches[1].clientY;
-        lastDistanceRef.current = Math.sqrt(dx * dx + dy * dy);
-        lastMidpointRef.current = {
-          x: (touches[0].clientX + touches[1].clientX) / 2,
-          y: (touches[0].clientY + touches[1].clientY) / 2
-        };
+        const touch1 = touches[0];
+        const touch2 = touches[1];
+        if (touch1 && touch2) {
+          const dx = touch1.clientX - touch2.clientX;
+          const dy = touch1.clientY - touch2.clientY;
+          lastDistanceRef.current = Math.sqrt(dx * dx + dy * dy);
+          lastMidpointRef.current = {
+            x: (touch1.clientX + touch2.clientX) / 2,
+            y: (touch1.clientY + touch2.clientY) / 2
+          };
+        }
       }
       return prev;
     });
@@ -6832,63 +6846,77 @@ const usePhotoViewer = _ref => {
       if (currentState.zoomLevel > 1 && touches.length === 1) {
         event.preventDefault();
       }
+      let newPosition = null;
+      let zoomDelta = 0;
+      let currentMidpoint = null;
       if (touches.length === 1 && isDragging && currentState.zoomLevel > 1) {
-        const newPosition = {
-          x: touches[0].clientX - startDragPosition.x,
-          y: touches[0].clientY - startDragPosition.y
-        };
-        const constrainedPosition = constrainPosition(newPosition, currentState.bounds);
-        return {
-          ...prev,
-          [currentIndex]: {
-            ...currentState,
-            position: constrainedPosition
-          }
-        };
-      } else if (touches.length === 2 && lastDistanceRef.current !== null) {
-        const dx = touches[0].clientX - touches[1].clientX;
-        const dy = touches[0].clientY - touches[1].clientY;
-        const distance = Math.sqrt(dx * dx + dy * dy);
-        const zoomDelta = (distance - lastDistanceRef.current) * 0.005;
-        lastDistanceRef.current = distance;
-        const currentMidpoint = {
-          x: (touches[0].clientX + touches[1].clientX) / 2,
-          y: (touches[0].clientY + touches[1].clientY) / 2
-        };
-        const oldZoom = currentState.zoomLevel;
-        const newZoom = Math.max(0.1, Math.min(5, oldZoom + zoomDelta));
-        if (newZoom !== oldZoom && lastMidpointRef.current) {
-          let rect;
-          try {
-            rect = event.currentTarget.getBoundingClientRect();
-          } catch (error) {
-            console.warn('PhotoViewer: Error getting bounding rect in touch move', error);
-            return prev;
-          }
-          if (!rect || rect.width === 0 || rect.height === 0) return prev;
-          const centerX = rect.width / 2;
-          const centerY = rect.height / 2;
-          const midpointX = currentMidpoint.x - rect.left - centerX;
-          const midpointY = currentMidpoint.y - rect.top - centerY;
-          const zoomFactor = newZoom / oldZoom;
-          const newBounds = calculateBounds(newZoom, currentState.rotation);
-          const newPosition = {
-            x: currentState.position.x + midpointX * (1 - zoomFactor) * 0.5,
-            y: currentState.position.y + midpointY * (1 - zoomFactor) * 0.5
+        const touch = touches[0];
+        if (touch) {
+          newPosition = {
+            x: touch.clientX - startDragPosition.x,
+            y: touch.clientY - startDragPosition.y
           };
-          const constrainedPosition = constrainPosition(newPosition, newBounds);
-          lastMidpointRef.current = currentMidpoint;
+        }
+        if (newPosition) {
+          const constrainedPosition = constrainPosition(newPosition, currentState.bounds);
           return {
             ...prev,
             [currentIndex]: {
               ...currentState,
-              zoomLevel: newZoom,
-              bounds: newBounds,
               position: constrainedPosition
             }
           };
         }
-        lastMidpointRef.current = currentMidpoint;
+      } else if (touches.length === 2 && lastDistanceRef.current !== null) {
+        const touch1 = touches[0];
+        const touch2 = touches[1];
+        if (touch1 && touch2) {
+          const dx = touch1.clientX - touch2.clientX;
+          const dy = touch1.clientY - touch2.clientY;
+          const distance = Math.sqrt(dx * dx + dy * dy);
+          zoomDelta = (distance - lastDistanceRef.current) * 0.005;
+          lastDistanceRef.current = distance;
+          currentMidpoint = {
+            x: (touch1.clientX + touch2.clientX) / 2,
+            y: (touch1.clientY + touch2.clientY) / 2
+          };
+          const oldZoom = currentState.zoomLevel;
+          const newZoom = Math.max(0.1, Math.min(5, oldZoom + zoomDelta));
+          if (newZoom !== oldZoom && lastMidpointRef.current && currentMidpoint) {
+            let rect;
+            try {
+              rect = event.currentTarget.getBoundingClientRect();
+            } catch (error) {
+              console.warn('PhotoViewer: Error getting bounding rect in touch move', error);
+              return prev;
+            }
+            if (!rect || rect.width === 0 || rect.height === 0) return prev;
+            const centerX = rect.width / 2;
+            const centerY = rect.height / 2;
+            const midpointX = currentMidpoint.x - rect.left - centerX;
+            const midpointY = currentMidpoint.y - rect.top - centerY;
+            const zoomFactor = newZoom / oldZoom;
+            const newBounds = calculateBounds(newZoom, currentState.rotation);
+            const newPosition = {
+              x: currentState.position.x + midpointX * (1 - zoomFactor) * 0.5,
+              y: currentState.position.y + midpointY * (1 - zoomFactor) * 0.5
+            };
+            const constrainedPosition = constrainPosition(newPosition, newBounds);
+            lastMidpointRef.current = currentMidpoint;
+            return {
+              ...prev,
+              [currentIndex]: {
+                ...currentState,
+                zoomLevel: newZoom,
+                bounds: newBounds,
+                position: constrainedPosition
+              }
+            };
+          }
+          if (currentMidpoint) {
+            lastMidpointRef.current = currentMidpoint;
+          }
+        }
       }
       return prev;
     });
@@ -7695,6 +7723,7 @@ const usePopover = _ref => {
     let bestPosition = position === 'auto' ? 'top' : position;
     // If specified position is 'auto', find the position with most space
     if (position === 'auto') {
+      var _spaces$;
       const spaces = [{
         position: 'top',
         space: spaceTop
@@ -7711,7 +7740,7 @@ const usePopover = _ref => {
       // Sort by available space (descending)
       spaces.sort((a, b) => b.space - a.space);
       // Select position with most space
-      bestPosition = spaces[0].position;
+      bestPosition = (_spaces$ = spaces[0]) === null || _spaces$ === void 0 ? void 0 : _spaces$.position;
     } else {
       // Check if the preferred position has enough space
       const needsFlip = position === 'top' && spaceTop < popoverRect.height + offset && spaceBottom >= popoverRect.height + offset || position === 'bottom' && spaceBottom < popoverRect.height + offset && spaceTop >= popoverRect.height + offset || position === 'left' && spaceLeft < popoverRect.width + offset && spaceRight >= popoverRect.width + offset || position === 'right' && spaceRight < popoverRect.width + offset && spaceLeft >= popoverRect.width + offset;
@@ -10716,7 +10745,7 @@ const Upload$1 = _ref => {
     // If multiple is not allowed, take only the first file
     const filesToProcess = multiple ? files : [files[0]];
     // Validate files
-    const validFiles = filesToProcess.filter(file => validateFile(file));
+    const validFiles = filesToProcess.filter(file => file !== undefined && validateFile(file));
     // Notify about file selection
     if (validFiles.length && onFileSelect) {
       onFileSelect(validFiles);
@@ -11387,7 +11416,7 @@ const MasonryGrid$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
         // Find the shortest column
         const shortestCol = columnHeights.current.indexOf(Math.min(...columnHeights.current));
         const left = shortestCol * (colWidth + gap);
-        const top = columnHeights.current[shortestCol];
+        const top = columnHeights.current[shortestCol] ?? 0;
         const height = item.ref.current.offsetHeight;
         columnHeights.current[shortestCol] = top + height + gap;
         newPositions[index] = {
@@ -12262,15 +12291,18 @@ class Upload {
     // If multiple is not allowed, take only the first file
     const filesToProcess = this.options.multiple ? files : [files[0]];
     // Validate files
-    const validFiles = filesToProcess.filter(file => this._validateFile(file));
+    const validFiles = filesToProcess.filter(file => file !== undefined && this._validateFile(file));
     // Notify about file selection
     if (validFiles.length && this.options.onFileSelect) {
       this.options.onFileSelect(validFiles);
     }
     // Process the first valid file
     if (validFiles.length) {
-      this.setFile(validFiles[0]);
-      this._simulateUpload(validFiles[0]);
+      const firstFile = validFiles[0];
+      if (firstFile) {
+        this.setFile(firstFile);
+        this._simulateUpload(firstFile);
+      }
     }
   }
   /**