fluentglass 0.2.6

package/lib/module/components/FluentGlassDateInput.js

@@ -0,0 +1,170 @@
+"use strict";
+
+import React, { useState, useCallback } from 'react';
+import { StyleSheet, TextInput, TouchableOpacity, View, Modal, Pressable } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import FluentGlass from './FluentGlass';
+import FluentGlassDatePicker from './FluentGlassDatePicker';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FluentGlassDateInput (Molécula)
+ * Hybrid date input: type manually OR tap the calendar icon to open FluentGlassDatePicker.
+ */
+export default function FluentGlassDateInput({
+  value,
+  onChange,
+  placeholder = 'dd/mm/yyyy',
+  format = 'dd/mm/yyyy',
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const [pickerVisible, setPickerVisible] = useState(false);
+  const [textValue, setTextValue] = useState(value ? formatDate(value, format) : '');
+
+  // Format a Date into string
+  function formatDate(date, fmt) {
+    if (!date || !(date instanceof Date) || isNaN(date.getTime())) return '';
+    const dd = String(date.getDate()).padStart(2, '0');
+    const mm = String(date.getMonth() + 1).padStart(2, '0');
+    const yyyy = date.getFullYear();
+    return fmt === 'dd/mm/yyyy' ? `${dd}/${mm}/${yyyy}` : `${mm}/${dd}/${yyyy}`;
+  }
+
+  // Parse text into a Date (returns null if invalid)
+  function parseDate(text, fmt) {
+    const parts = text.split('/');
+    if (parts.length !== 3) return null;
+    let day, month, year;
+    if (fmt === 'dd/mm/yyyy') {
+      [day, month, year] = parts;
+    } else {
+      [month, day, year] = parts;
+    }
+    const d = parseInt(day, 10);
+    const m = parseInt(month, 10);
+    const y = parseInt(year, 10);
+    if (isNaN(d) || isNaN(m) || isNaN(y)) return null;
+    if (m < 1 || m > 12 || d < 1 || d > 31 || y < 1900) return null;
+    const date = new Date(y, m - 1, d);
+    if (date.getMonth() !== m - 1) return null; // overflow check
+    return date;
+  }
+
+  // When user finishes typing (blur), try to parse the manual entry
+  const handleBlur = useCallback(() => {
+    const parsed = parseDate(textValue, format);
+    if (parsed && onChange) {
+      onChange(parsed);
+    }
+  }, [textValue, format, onChange]);
+
+  // When text changes, auto-insert slashes
+  const handleChangeText = useCallback(raw => {
+    // Strip non-digit characters
+    const digits = raw.replace(/\D/g, '');
+    // Auto-format with slashes
+    let formatted = '';
+    for (let i = 0; i < digits.length && i < 8; i++) {
+      if (i === 2 || i === 4) formatted += '/';
+      formatted += digits[i];
+    }
+    setTextValue(formatted);
+  }, []);
+
+  // When user picks from the calendar popup
+  const handlePickerSelect = useCallback(date => {
+    setTextValue(formatDate(date, format));
+    setPickerVisible(false);
+    if (onChange) onChange(date);
+  }, [format, onChange]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(FluentGlass, {
+      style: styles.container,
+      intensity: 15,
+      borderRadius: 12,
+      borderOpacity: 0.15,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.innerContainer,
+        children: [/*#__PURE__*/_jsx(TextInput, {
+          style: [styles.input, {
+            outlineStyle: 'none',
+            color: COLORS.textPrimary,
+            fontFamily: typography.regular
+          }],
+          value: textValue,
+          onChangeText: handleChangeText,
+          onBlur: handleBlur,
+          placeholder: placeholder,
+          placeholderTextColor: COLORS.textSecondary,
+          keyboardType: "numeric",
+          maxLength: 10,
+          accessibilityLabel: accessibilityLabel ?? placeholder ?? 'Date'
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => setPickerVisible(true),
+          style: styles.iconButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Open date picker",
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: "calendar-outline",
+            size: 20,
+            color: COLORS.textSecondary
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: pickerVisible,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setPickerVisible(false),
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: [styles.overlay, {
+          backgroundColor: COLORS.overlay
+        }],
+        onPress: () => setPickerVisible(false),
+        children: /*#__PURE__*/_jsx(Pressable, {
+          style: styles.pickerPopup,
+          onPress: e => e.stopPropagation(),
+          children: /*#__PURE__*/_jsx(FluentGlassDatePicker, {
+            value: value || new Date(),
+            onChange: handlePickerSelect
+          })
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    minHeight: 50
+  },
+  innerContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  input: {
+    flex: 1,
+    height: '100%',
+    paddingHorizontal: 16,
+    fontSize: 16
+  },
+  iconButton: {
+    padding: 12,
+    marginRight: 4
+  },
+  overlay: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  pickerPopup: {
+    // Let the DatePicker define its own width (300)
+  }
+});
+//# sourceMappingURL=FluentGlassDateInput.js.map

package/lib/module/components/FluentGlassDateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","StyleSheet","TextInput","TouchableOpacity","View","Modal","Pressable","Ionicons","FluentGlass","FluentGlassDatePicker","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassDateInput","value","onChange","placeholder","format","style","accessibilityLabel","theme","COLORS","colors","typography","pickerVisible","setPickerVisible","textValue","setTextValue","formatDate","date","fmt","Date","isNaN","getTime","dd","String","getDate","padStart","mm","getMonth","yyyy","getFullYear","parseDate","text","parts","split","length","day","month","year","d","parseInt","m","y","handleBlur","parsed","handleChangeText","raw","digits","replace","formatted","i","handlePickerSelect","children","styles","container","intensity","borderRadius","borderOpacity","innerContainer","input","outlineStyle","color","textPrimary","fontFamily","regular","onChangeText","onBlur","placeholderTextColor","textSecondary","keyboardType","maxLength","onPress","iconButton","hitSlop","accessibilityRole","name","size","visible","transparent","animationType","onRequestClose","overlay","backgroundColor","pickerPopup","e","stopPropagation","create","minHeight","flex","flexDirection","alignItems","height","paddingHorizontal","fontSize","padding","marginRight","justifyContent"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDateInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassDatePicker.js

@@ -0,0 +1,265 @@
+"use strict";
+
+import React, { useState, useMemo } from 'react';
+import { StyleSheet, View, Text, TouchableOpacity, Pressable } from 'react-native';
+import FluentGlass from './FluentGlass';
+import useTheme from '../theme/useTheme';
+import { moderateScale } from '../utils/responsive';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function FluentGlassDatePicker({
+  value = new Date(),
+  onChange,
+  style
+}) {
+  const {
+    colors,
+    typography
+  } = useTheme();
+
+  // Current visible month/year
+  const [currentMonth, setCurrentMonth] = useState(new Date(value.getFullYear(), value.getMonth(), 1));
+
+  // Helpers to navigate months
+  const handlePrevMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1));
+  };
+
+  // Calendar generation logic
+  const {
+    days,
+    blanks
+  } = useMemo(() => {
+    const year = currentMonth.getFullYear();
+    const month = currentMonth.getMonth();
+
+    // 0 = Sunday, 1 = Monday, etc.
+    const firstDayOfMonth = new Date(year, month, 1).getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+
+    // Array of empty slots before the 1st
+    const blanksArray = Array.from({
+      length: firstDayOfMonth
+    }, (_, i) => i);
+    // Array of actual days
+    const daysArray = Array.from({
+      length: daysInMonth
+    }, (_, i) => i + 1);
+    return {
+      days: daysArray,
+      blanks: blanksArray
+    };
+  }, [currentMonth]);
+  const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  const headerText = `${monthNames[currentMonth.getMonth()]} ${currentMonth.getFullYear()}`;
+
+  // Helper to check if a day is the currently selected date
+  const isSelected = day => {
+    return value.getDate() === day && value.getMonth() === currentMonth.getMonth() && value.getFullYear() === currentMonth.getFullYear();
+  };
+  const handleSelectDay = day => {
+    if (onChange) {
+      onChange(new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day));
+    }
+  };
+  const handleToday = () => {
+    const today = new Date();
+    setCurrentMonth(new Date(today.getFullYear(), today.getMonth(), 1));
+    if (onChange) {
+      onChange(today);
+    }
+  };
+  return /*#__PURE__*/_jsx(FluentGlass, {
+    style: [styles.container, style],
+    intensity: 25,
+    borderRadius: 24,
+    borderOpacity: 0.2,
+    tint: "dark",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.calendarProps,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: handlePrevMonth,
+          style: styles.navButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Previous month",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.navIcon, {
+              color: colors.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: "\u2039"
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.headerTitle, {
+            color: colors.textPrimary,
+            fontFamily: typography.bold
+          }],
+          children: headerText
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: handleNextMonth,
+          style: styles.navButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Next month",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.navIcon, {
+              color: colors.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: "\u203A"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.weekRow,
+        children: ['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day, ix) => /*#__PURE__*/_jsx(View, {
+          style: styles.dayCell,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.weekText, {
+              color: colors.textSecondary,
+              fontFamily: typography.bold
+            }],
+            children: day
+          })
+        }, ix))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.daysGrid,
+        children: [blanks.map(blank => /*#__PURE__*/_jsx(View, {
+          style: styles.dayCell
+        }, `blank-${blank}`)), days.map(day => {
+          const selected = isSelected(day);
+          return /*#__PURE__*/_jsx(Pressable, {
+            style: styles.dayCell,
+            onPress: () => handleSelectDay(day),
+            accessibilityRole: "button",
+            accessibilityState: {
+              selected: isSelected(day)
+            },
+            children: selected ? /*#__PURE__*/_jsxs(View, {
+              style: styles.selectedCircle,
+              children: [/*#__PURE__*/_jsx(FluentGlass, {
+                intensity: 40,
+                borderRadius: 16,
+                tint: "light",
+                style: StyleSheet.absoluteFillObject
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.dayText, styles.selectedDayText, {
+                  color: colors.textPrimary,
+                  fontFamily: typography.extraBold
+                }],
+                children: day
+              })]
+            }) : /*#__PURE__*/_jsx(Text, {
+              style: [styles.dayText, {
+                color: colors.textSecondary,
+                fontFamily: typography.semiBold
+              }],
+              children: day
+            })
+          }, day);
+        })]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.todayButton, {
+          borderColor: colors.border,
+          backgroundColor: colors.borderSubtle
+        }],
+        onPress: handleToday,
+        activeOpacity: 0.7,
+        accessibilityRole: "button",
+        accessibilityLabel: "Go to today",
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.todayText, {
+            color: colors.accent,
+            fontFamily: typography.bold
+          }],
+          children: "Hoy"
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    maxWidth: 360,
+    alignSelf: 'center'
+  },
+  calendarProps: {
+    padding: 20
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 20
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    letterSpacing: 0.5
+  },
+  navButton: {
+    width: moderateScale(36),
+    height: moderateScale(36),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  navIcon: {
+    fontSize: 24,
+    fontWeight: '300',
+    lineHeight: 28
+  },
+  weekRow: {
+    flexDirection: 'row',
+    marginBottom: 10
+  },
+  weekText: {
+    fontSize: 13,
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  daysGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  dayCell: {
+    width: '14.28%',
+    // 100% / 7
+    height: 38,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  dayText: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  selectedCircle: {
+    width: moderateScale(32),
+    height: moderateScale(32),
+    borderRadius: moderateScale(16),
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  selectedDayText: {
+    fontWeight: '800'
+  },
+  todayButton: {
+    marginTop: 14,
+    alignSelf: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 28,
+    borderRadius: 12,
+    borderWidth: 1
+  },
+  todayText: {
+    fontSize: 14,
+    fontWeight: '700',
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=FluentGlassDatePicker.js.map

package/lib/module/components/FluentGlassDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","StyleSheet","View","Text","TouchableOpacity","Pressable","FluentGlass","useTheme","moderateScale","jsx","_jsx","jsxs","_jsxs","FluentGlassDatePicker","value","Date","onChange","style","colors","typography","currentMonth","setCurrentMonth","getFullYear","getMonth","handlePrevMonth","handleNextMonth","days","blanks","year","month","firstDayOfMonth","getDay","daysInMonth","getDate","blanksArray","Array","from","length","_","i","daysArray","monthNames","headerText","isSelected","day","handleSelectDay","handleToday","today","styles","container","intensity","borderRadius","borderOpacity","tint","children","calendarProps","header","onPress","navButton","hitSlop","accessibilityRole","accessibilityLabel","navIcon","color","textSecondary","fontFamily","regular","headerTitle","textPrimary","bold","weekRow","map","ix","dayCell","weekText","daysGrid","blank","selected","accessibilityState","selectedCircle","absoluteFillObject","dayText","selectedDayText","extraBold","semiBold","todayButton","borderColor","border","backgroundColor","borderSubtle","activeOpacity","todayText","accent","create","width","maxWidth","alignSelf","padding","flexDirection","justifyContent","alignItems","marginBottom","fontSize","fontWeight","letterSpacing","height","lineHeight","textAlign","flexWrap","overflow","marginTop","paddingVertical","paddingHorizontal","borderWidth"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDatePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/FluentGlassDialog.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet, View, Text, Pressable } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';
+import FluentGlass from './FluentGlass';
+import FluentGlassButton from './FluentGlassButton';
+import useTheme from '../theme/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FluentGlassDialog (Component)
+ * Central alert/confirmation modal.
+ * Uses absolute positioning instead of Modal to avoid
+ * BlurView initialisation flicker.
+ */
+export default function FluentGlassDialog({
+  visible,
+  onClose,
+  title,
+  description,
+  onConfirm,
+  confirmText = 'Confirm',
+  cancelText = 'Cancel'
+}) {
+  const theme = useTheme();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const scale = useSharedValue(0.8);
+  const opacity = useSharedValue(0);
+  const [mounted, setMounted] = React.useState(false);
+  useEffect(() => {
+    if (visible) {
+      setMounted(true);
+      // Small delay so React commits the mount frame (opacity 0) first
+      requestAnimationFrame(() => {
+        scale.value = withSpring(1);
+        opacity.value = withTiming(1, {
+          duration: 200
+        });
+      });
+    } else if (mounted) {
+      scale.value = withTiming(0.85, {
+        duration: 180
+      });
+      opacity.value = withTiming(0, {
+        duration: 180
+      });
+      const timer = setTimeout(() => {
+        setMounted(false);
+        scale.value = 0.8;
+        opacity.value = 0;
+      }, 220);
+      return () => clearTimeout(timer);
+    }
+  }, [visible]);
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  const cardStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      scale: scale.value
+    }]
+  }));
+  if (!mounted) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    pointerEvents: visible ? 'auto' : 'none',
+    accessibilityViewIsModal: true,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.backdrop, {
+        backgroundColor: COLORS.overlay
+      }, backdropStyle],
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: StyleSheet.absoluteFill,
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: "Close dialog"
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.dialogContainer, cardStyle],
+      children: /*#__PURE__*/_jsx(FluentGlass, {
+        style: styles.modalGlass,
+        intensity: 25,
+        borderRadius: 20,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.innerContent,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.title, {
+              color: COLORS.textPrimary,
+              fontFamily: typography.bold
+            }],
+            accessibilityRole: "header",
+            children: title
+          }), description && /*#__PURE__*/_jsx(Text, {
+            style: [styles.description, {
+              color: COLORS.textSecondary,
+              fontFamily: typography.regular
+            }],
+            children: description
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.footer,
+            children: [/*#__PURE__*/_jsx(FluentGlassButton, {
+              title: cancelText,
+              variant: "secondary",
+              onPress: onClose,
+              style: {
+                flex: 1,
+                marginRight: 8
+              }
+            }), /*#__PURE__*/_jsx(FluentGlassButton, {
+              title: confirmText,
+              variant: "primary",
+              onPress: onConfirm,
+              style: {
+                flex: 1,
+                marginLeft: 8
+              }
+            })]
+          })]
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: 9999,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20
+  },
+  backdrop: {
+    ...StyleSheet.absoluteFillObject
+  },
+  dialogContainer: {
+    width: '100%',
+    maxWidth: 400
+  },
+  modalGlass: {
+    width: '100%',
+    overflow: 'hidden'
+  },
+  innerContent: {
+    padding: 24
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 8
+  },
+  description: {
+    fontSize: 16,
+    marginBottom: 24,
+    lineHeight: 22
+  },
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  }
+});
+//# sourceMappingURL=FluentGlassDialog.js.map

package/lib/module/components/FluentGlassDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","View","Text","Pressable","Animated","useSharedValue","useAnimatedStyle","withSpring","withTiming","FluentGlass","FluentGlassButton","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassDialog","visible","onClose","title","description","onConfirm","confirmText","cancelText","theme","COLORS","colors","typography","scale","opacity","mounted","setMounted","useState","requestAnimationFrame","value","duration","timer","setTimeout","clearTimeout","backdropStyle","cardStyle","transform","style","styles","root","pointerEvents","accessibilityViewIsModal","children","backdrop","backgroundColor","overlay","absoluteFill","onPress","accessibilityRole","accessibilityLabel","dialogContainer","modalGlass","intensity","borderRadius","innerContent","color","textPrimary","fontFamily","bold","textSecondary","regular","footer","variant","flex","marginRight","marginLeft","create","absoluteFillObject","zIndex","justifyContent","alignItems","padding","width","maxWidth","overflow","fontSize","fontWeight","marginBottom","lineHeight","flexDirection"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDialog.tsx"],"mappings":"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","ignoreList":[]}