@space-uy/pulsar-ui 0.2.0

package/lib/module/components/Button.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import ButtonContainer from "./ButtonContainer.js";
+import LoadingIndicator from "./LoadingIndicator.js";
+import Text from "./Text.js";
+import Icon from "./Icon.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Button({
+  text,
+  style,
+  variant = 'flat',
+  size = 'large',
+  loading = false,
+  disabled = false,
+  onPress,
+  iconName
+}) {
+  const renderIconOrLoader = colors => {
+    if (loading) {
+      return /*#__PURE__*/_jsx(LoadingIndicator, {
+        style: styles.icon,
+        color: colors.textColor,
+        size: size === 'small' ? 14 : 16
+      });
+    }
+    return iconName ? /*#__PURE__*/_jsx(Icon, {
+      style: styles.icon,
+      name: iconName,
+      size: 16,
+      color: colors.textColor
+    }) : null;
+  };
+  return /*#__PURE__*/_jsx(ButtonContainer, {
+    style: style,
+    contentContainerStyle: styles.content,
+    variant: variant,
+    size: size,
+    loading: loading,
+    disabled: disabled,
+    onPress: onPress,
+    renderContent: colors => /*#__PURE__*/_jsxs(_Fragment, {
+      children: [renderIconOrLoader(colors), /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: colors.textColor
+        },
+        variant: size === 'small' ? 'h5' : 'h4',
+        children: text
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  content: {
+    paddingHorizontal: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    marginRight: 8
+  }
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","renderIconOrLoader","colors","styles","icon","color","textColor","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAa7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIL,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAES,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACI,SAAU;QACxBV,IAAI,EAAEA,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG;MAAG,CAClC,CAAC;IAEN;IACA,OAAOI,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAES,MAAM,CAACC,IAAK;MACnBG,IAAI,EAAEP,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTS,KAAK,EAAEH,MAAM,CAACI;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEnB,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbc,qBAAqB,EAAEL,MAAM,CAACM,OAAQ;IACtCd,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBW,aAAa,EAAGR,MAAoB,iBAClCX,KAAA,CAAAF,SAAA;MAAAsB,QAAA,GACGV,kBAAkB,CAACC,MAAM,CAAC,eAC3Bf,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEW,KAAK,EAAEH,MAAM,CAACI;QAAU,CAAE;QACnCX,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAe,QAAA,EAEvClB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMU,MAAM,GAAGtB,UAAU,CAAC+B,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,IAAI,EAAE;IAAEa,WAAW,EAAE;EAAE;AACzB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ButtonContainer.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import React, { useEffect, useMemo } from 'react';
+import { Platform, Pressable, StyleSheet } from 'react-native';
+import Animated, { interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import meassures from "../theme/meassures.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export let ButtonVariant = /*#__PURE__*/function (ButtonVariant) {
+  ButtonVariant["flat"] = "flat";
+  ButtonVariant["outline"] = "outline";
+  ButtonVariant["transparent"] = "transparent";
+  ButtonVariant["destructive"] = "destructive";
+  return ButtonVariant;
+}({});
+export let ButtonSize = /*#__PURE__*/function (ButtonSize) {
+  ButtonSize["small"] = "small";
+  ButtonSize["medium"] = "medium";
+  ButtonSize["large"] = "large";
+  return ButtonSize;
+}({});
+export default function ButtonContainer({
+  disabled,
+  variant = 'flat',
+  size = 'large',
+  loading = false,
+  renderContent,
+  onPressIn,
+  onPressOut,
+  contentContainerStyle,
+  ...rest
+}) {
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const pressed = useSharedValue(0);
+  const enabled = useSharedValue(disabled ? 0 : 1);
+  const height = useMemo(() => meassures.button[size], [size]);
+  const buttonColors = useMemo(() => {
+    return {
+      outline: {
+        backgroundColor: 'transparent',
+        borderColor: colors.border,
+        textColor: colors.foreground,
+        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.1)
+      },
+      transparent: {
+        backgroundColor: 'transparent',
+        textColor: colors.foreground,
+        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.1)
+      },
+      destructive: {
+        backgroundColor: colors.destructive,
+        textColor: colors.foregroundOnDestructive,
+        pressedBackgroundColor: convertHexToRgba(colors.destructive, 0.8)
+      },
+      flat: {
+        backgroundColor: colors.primary,
+        textColor: colors.altForeground,
+        pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8)
+      }
+    }[variant];
+  }, [variant, colors]);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      backgroundColor: interpolateColor(pressed.value, [0, 1], [buttonColors.backgroundColor, buttonColors.pressedBackgroundColor]),
+      opacity: interpolate(enabled.value, [0, 1], [0.3, 1])
+    };
+  });
+  const borderWidth = useMemo(() => variant === 'outline' ? 1 : 0, [variant]);
+  const updatePressAnimation = value => {
+    pressed.value = withTiming(value, {
+      duration: 300
+    });
+  };
+  useEffect(() => {
+    enabled.value = withTiming(disabled ? 0 : 1, {
+      duration: 300
+    });
+  }, [disabled, enabled]);
+  const handlePressIn = e => {
+    if (!loading && !disabled) {
+      onPressIn?.(e);
+      Platform.OS !== 'web' && updatePressAnimation(1);
+    }
+  };
+  const handlePressOut = e => {
+    if (!loading && !disabled) {
+      onPressOut?.(e);
+      Platform.OS !== 'web' && updatePressAnimation(0);
+    }
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...rest,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    onHoverIn: () => updatePressAnimation(1),
+    onHoverOut: () => updatePressAnimation(0),
+    disabled: disabled || loading,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.contentContainer, {
+        height,
+        borderRadius: theme.roundness,
+        borderWidth,
+        borderColor: buttonColors.borderColor
+      }, animatedStyle, contentContainerStyle],
+      children: renderContent(buttonColors)
+    })
+  });
+}
+const styles = StyleSheet.create({
+  contentContainer: {
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=ButtonContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","rest","theme","colors","pressed","enabled","height","button","buttonColors","outline","backgroundColor","borderColor","border","textColor","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CalendarPicker.js

@@ -0,0 +1,374 @@
+"use strict";
+
+import { useMemo, useRef, useState, useCallback } from 'react';
+import { add, format, isBefore, addMonths, subMonths } from 'date-fns';
+import { useWindowDimensions, View, StyleSheet } from 'react-native';
+import { Calendar } from 'react-native-calendars';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import InputContainer from "./InputContainer.js";
+import BottomSheet from "./BottomSheet.js";
+import Text from "./Text.js";
+import Icon from "./Icon.js";
+import Button from "./Button.js";
+import IconButton from "./IconButton.js";
+import useTheme from "../hooks/useTheme.js";
+import { convertDateToISOString } from "../utils/stringUtils.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Helper function to safely parse ISO date string to Date object
+const parseISODateString = isoString => {
+  try {
+    const datePart = isoString.split('T')[0];
+    if (!datePart) return null;
+    const dateArray = datePart.split('-').map(Number);
+    if (dateArray.length !== 3) return null;
+    const [year, month, day] = dateArray;
+    if (!year || !month || !day) return null;
+    return new Date(year, month - 1, day);
+  } catch {
+    return null;
+  }
+};
+const CalendarPicker = ({
+  style,
+  value,
+  onChange,
+  placeholder = 'Seleccionar fechas',
+  label,
+  disabled = false,
+  error,
+  hint
+}) => {
+  const [fromDate, setFromDate] = useState(value?.fromDate ? format(new Date(value.fromDate), 'yyyy-MM-dd') : undefined);
+  const [toDate, setToDate] = useState(value?.toDate ? format(new Date(value.toDate), 'yyyy-MM-dd') : undefined);
+  const [isOpen, setIsOpen] = useState(false);
+  const [currentMonth, setCurrentMonth] = useState(new Date());
+  const rotation = useSharedValue(0);
+  const {
+    width
+  } = useWindowDimensions();
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const bottomSheetRef = useRef(null);
+  const getMiddleDays = (startDate, endDate) => {
+    if (!startDate || !endDate) return {};
+    const markedDates = {};
+    const sDate = new Date(startDate);
+    const eDate = new Date(endDate);
+    let currentDate = add(sDate, {
+      days: 1
+    });
+    while (isBefore(currentDate, eDate)) {
+      markedDates[format(add(currentDate, {
+        days: 1
+      }), 'yyyy-MM-dd')] = {
+        color: convertHexToRgba(colors.border, 0.5),
+        textColor: colors.foreground
+      };
+      currentDate = add(currentDate, {
+        days: 1
+      });
+    }
+    return markedDates;
+  };
+  const handlePress = useCallback(() => {
+    if (disabled) return;
+    setFromDate(value?.fromDate ? format(new Date(value.fromDate), 'yyyy-MM-dd') : undefined);
+    setToDate(value?.toDate ? format(new Date(value.toDate), 'yyyy-MM-dd') : undefined);
+    setIsOpen(true);
+    rotation.value = withTiming(1, {
+      duration: 200
+    });
+    bottomSheetRef.current?.show();
+  }, [disabled, rotation, value?.fromDate, value?.toDate]);
+  const handleClose = useCallback(() => {
+    rotation.value = withTiming(0, {
+      duration: 200
+    });
+    setIsOpen(false);
+    setFromDate(value?.fromDate ? format(new Date(value.fromDate), 'yyyy-MM-dd') : undefined);
+    setToDate(value?.toDate ? format(new Date(value.toDate), 'yyyy-MM-dd') : undefined);
+    bottomSheetRef.current?.hide();
+  }, [rotation, value?.fromDate, value?.toDate]);
+  const handleDatePress = selectedDate => {
+    if (!fromDate || !!fromDate && !!toDate) {
+      setFromDate(selectedDate.dateString);
+      !!toDate && setToDate(undefined);
+    } else {
+      if (isBefore(new Date(selectedDate.dateString), new Date(fromDate))) {
+        setToDate(fromDate);
+        setFromDate(selectedDate.dateString);
+      } else {
+        setToDate(selectedDate.dateString);
+      }
+    }
+  };
+  const handleConfirm = () => {
+    onChange({
+      fromDate: fromDate ? convertDateToISOString(fromDate) : undefined,
+      toDate: toDate ? convertDateToISOString(toDate) : undefined
+    });
+    handleClose();
+  };
+  const handleClear = () => {
+    setFromDate(undefined);
+    setToDate(undefined);
+  };
+  const handlePrevMonth = () => {
+    setCurrentMonth(prev => subMonths(prev, 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(prev => addMonths(prev, 1));
+  };
+  const handleMonthChange = month => {
+    setCurrentMonth(new Date(month.dateString));
+  };
+  const formatMonthYear = date => {
+    return format(date, 'MMMM yyyy');
+  };
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value * 180}deg`
+    }]
+  }));
+  const getInputTextColor = useCallback(() => {
+    if (disabled) return convertHexToRgba(colors.foreground, 0.5);
+    return colors.foreground;
+  }, [colors.foreground, disabled]);
+  const getDisplayValue = () => {
+    if (!value?.fromDate && !value?.toDate) return null;
+    if (value?.fromDate && !value?.toDate) {
+      const date = parseISODateString(value.fromDate);
+      return date ? format(date, 'dd/MM/yyyy') : null;
+    }
+    if (value?.fromDate && value?.toDate) {
+      const _fromDate = parseISODateString(value.fromDate);
+      const _toDate = parseISODateString(value.toDate);
+      if (!_fromDate || !_toDate) return null;
+      return `${format(_fromDate, 'dd/MM/yyyy')} - ${format(_toDate, 'dd/MM/yyyy')}`;
+    }
+    return null;
+  };
+  const displayValue = getDisplayValue();
+  const isButtonDisabled = useMemo(() => {
+    if (!fromDate || !toDate) return true;
+    const normalizedFromDate = fromDate ? convertDateToISOString(fromDate) : undefined;
+    const normalizedToDate = toDate ? convertDateToISOString(toDate) : undefined;
+    return normalizedFromDate === value?.fromDate && normalizedToDate === value?.toDate;
+  }, [fromDate, toDate, value?.fromDate, value?.toDate]);
+  const isSingleDateSelection = fromDate && toDate && fromDate === toDate;
+  const getMarkedDates = () => {
+    if (isSingleDateSelection) {
+      return {
+        [fromDate]: {
+          startingDay: true,
+          endingDay: true,
+          color: colors.primary,
+          textColor: colors.background,
+          customContainerStyle: {
+            borderRadius: theme.roundness
+          }
+        }
+      };
+    } else {
+      return {
+        [fromDate ?? '']: {
+          startingDay: true,
+          color: colors.primary,
+          textColor: colors.background,
+          customContainerStyle: {
+            borderRadius: theme.roundness
+          }
+        },
+        [toDate ?? '']: {
+          endingDay: true,
+          color: colors.primary,
+          textColor: colors.background,
+          customContainerStyle: {
+            borderRadius: theme.roundness
+          }
+        },
+        ...getMiddleDays(fromDate, toDate)
+      };
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: style,
+      children: /*#__PURE__*/_jsxs(InputContainer, {
+        onPress: handlePress,
+        disabled: disabled,
+        focused: isOpen,
+        error: error,
+        hint: hint,
+        label: label,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          style: styles.icon,
+          name: "Calendar",
+          size: 18,
+          color: convertHexToRgba(colors.foreground, 0.5)
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "pm",
+          style: [styles.selectText, {
+            color: displayValue ? getInputTextColor() : convertHexToRgba(colors.foreground, 0.5),
+            fontFamily: theme.fonts.regular
+          }],
+          numberOfLines: 1,
+          children: displayValue ?? placeholder
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: animatedStyle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "ChevronDown",
+            size: 16,
+            color: colors.foreground
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(BottomSheet, {
+      ref: bottomSheetRef,
+      onBackdropPress: handleClose,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.calendarContainer,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.customHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "h4",
+            style: [styles.monthTitle, {
+              color: colors.foreground
+            }],
+            children: formatMonthYear(currentMonth)
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.navigationButtons,
+            children: [/*#__PURE__*/_jsx(IconButton, {
+              onPress: handlePrevMonth,
+              iconName: "ChevronLeft"
+              // size="small"
+              ,
+              variant: "outline"
+            }), /*#__PURE__*/_jsx(IconButton, {
+              onPress: handleNextMonth,
+              iconName: "ChevronRight"
+              // size="small"
+              ,
+              variant: "outline"
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.calendarContent, {
+            backgroundColor: convertHexToRgba(colors.border, 0.3),
+            borderRadius: theme.roundness
+          }],
+          children: /*#__PURE__*/_jsx(Calendar, {
+            current: format(currentMonth, 'yyyy-MM-dd'),
+            onDayPress: handleDatePress,
+            onMonthChange: handleMonthChange,
+            disableAllTouchEventsForDisabledDays: true,
+            markedDates: getMarkedDates(),
+            showSixWeeks: true,
+            hideExtraDays: false,
+            markingType: "period",
+            hideArrows: true,
+            hideHeader: true,
+            hideDayNames: false,
+            disableArrowLeft: true,
+            disableArrowRight: true,
+            renderHeader: () => null,
+            theme: {
+              'calendarBackground': 'transparent',
+              'backgroundColor': 'transparent',
+              'textDayFontFamily': theme.fonts.regular,
+              'textDayFontSize': 12,
+              'dayTextColor': colors.foreground,
+              'todayTextColor': colors.primary,
+              'textMonthFontFamily': theme.fonts.medium,
+              'monthTextColor': colors.foreground,
+              'textMonthFontSize': 14,
+              'textDayHeaderFontFamily': theme.fonts.medium,
+              'textDayHeaderFontSize': 12,
+              'textSectionTitleColor': convertHexToRgba(colors.foreground, 0.7),
+              'textDisabledColor': convertHexToRgba(colors.foreground, 0.3),
+              'arrowColor': colors.foreground,
+              'stylesheet.calendar.header': {
+                header: {
+                  height: 0,
+                  opacity: 0,
+                  display: 'none'
+                }
+              }
+            },
+            calendarWidth: width - 32
+          }, format(currentMonth, 'yyyy-MM'))
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.buttonContainer, {
+          paddingBottom: theme.insets.bottom + 16
+        }],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.buttonRow,
+          children: [toDate && fromDate && /*#__PURE__*/_jsx(Button, {
+            text: "Limpiar",
+            variant: "outline",
+            onPress: handleClear,
+            style: styles.secondaryButton
+          }), /*#__PURE__*/_jsx(Button, {
+            text: "Confirmar",
+            onPress: handleConfirm,
+            disabled: isButtonDisabled,
+            style: styles.primaryButton
+          })]
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  icon: {
+    marginEnd: 8
+  },
+  selectText: {
+    flex: 1
+  },
+  calendarContainer: {
+    backgroundColor: 'transparent',
+    marginHorizontal: 16,
+    borderRadius: 8,
+    overflow: 'hidden',
+    marginTop: 16
+  },
+  customHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 16
+  },
+  monthTitle: {
+    textTransform: 'capitalize'
+  },
+  navigationButtons: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  buttonContainer: {
+    marginHorizontal: 16,
+    marginTop: 16
+  },
+  buttonRow: {
+    flexDirection: 'row',
+    gap: 12
+  },
+  secondaryButton: {
+    flex: 1
+  },
+  primaryButton: {
+    flex: 2
+  },
+  calendarContent: {
+    padding: 8,
+    overflow: 'hidden'
+  }
+});
+export default CalendarPicker;
+//# sourceMappingURL=CalendarPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","useState","useCallback","add","format","isBefore","addMonths","subMonths","useWindowDimensions","View","StyleSheet","Calendar","Animated","useSharedValue","withTiming","useAnimatedStyle","InputContainer","BottomSheet","Text","Icon","Button","IconButton","useTheme","convertDateToISOString","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","parseISODateString","isoString","datePart","split","dateArray","map","Number","length","year","month","day","Date","CalendarPicker","style","value","onChange","placeholder","label","disabled","error","hint","fromDate","setFromDate","undefined","toDate","setToDate","isOpen","setIsOpen","currentMonth","setCurrentMonth","rotation","width","theme","colors","bottomSheetRef","getMiddleDays","startDate","endDate","markedDates","sDate","eDate","currentDate","days","color","border","textColor","foreground","handlePress","duration","current","show","handleClose","hide","handleDatePress","selectedDate","dateString","handleConfirm","handleClear","handlePrevMonth","prev","handleNextMonth","handleMonthChange","formatMonthYear","date","animatedStyle","transform","rotate","getInputTextColor","getDisplayValue","_fromDate","_toDate","displayValue","isButtonDisabled","normalizedFromDate","normalizedToDate","isSingleDateSelection","getMarkedDates","startingDay","endingDay","primary","background","customContainerStyle","borderRadius","roundness","children","onPress","focused","styles","icon","name","size","variant","selectText","fontFamily","fonts","regular","numberOfLines","ref","onBackdropPress","calendarContainer","customHeader","monthTitle","navigationButtons","iconName","calendarContent","backgroundColor","onDayPress","onMonthChange","disableAllTouchEventsForDisabledDays","showSixWeeks","hideExtraDays","markingType","hideArrows","hideHeader","hideDayNames","disableArrowLeft","disableArrowRight","renderHeader","medium","header","height","opacity","display","calendarWidth","buttonContainer","paddingBottom","insets","bottom","buttonRow","text","secondaryButton","primaryButton","create","marginEnd","flex","marginHorizontal","overflow","marginTop","flexDirection","justifyContent","alignItems","marginBottom","textTransform","gap","padding"],"sourceRoot":"../../../src","sources":["components/CalendarPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Card.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import useTheme from "../hooks/useTheme.js";
+import { convertHexToRgba } from "../utils/uiUtils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Card({
+  children,
+  style,
+  variant = 'default'
+}) {
+  const {
+    theme,
+    colors
+  } = useTheme();
+  const themeStyle = useMemo(() => {
+    return {
+      backgroundColor: variant === 'default' ? colors.background : convertHexToRgba(colors.border, 0.5),
+      borderRadius: theme.roundness,
+      borderColor: variant === 'default' ? colors.border : 'transparent',
+      boxShadow: variant === 'default' ? '0px 0px 1px 1px rgba(0, 0, 0, 0.05)' : 'none'
+    };
+  }, [colors, theme, variant]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, themeStyle, variant === 'default' && styles.withBorder, style],
+    children: [variant === 'tinted' && /*#__PURE__*/_jsx(View, {
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: convertHexToRgba(colors.primary, 0.1)
+      }]
+    }), children]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    padding: 16,
+    overflow: 'hidden'
+  },
+  withBorder: {
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","View","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Card","children","style","variant","theme","colors","themeStyle","backgroundColor","background","border","borderRadius","roundness","borderColor","boxShadow","styles","card","withBorder","absoluteFill","primary","create","padding","overflow","borderWidth"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAgC,OAAO;AACvD,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAE/E,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,eAAe,SAASC,IAAIA,CAAC;EAC3BC,QAAQ;EACRC,KAAK;EACLC,OAAO,GAAG;AAIX,CAAC,EAAE;EACF,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAEpC,MAAMY,UAAU,GAAGf,OAAO,CAAC,MAAM;IAC/B,OAAO;MACLgB,eAAe,EACbJ,OAAO,KAAK,SAAS,GACjBE,MAAM,CAACG,UAAU,GACjBb,gBAAgB,CAACU,MAAM,CAACI,MAAM,EAAE,GAAG,CAAC;MAC1CC,YAAY,EAAEN,KAAK,CAACO,SAAS;MAC7BC,WAAW,EAAET,OAAO,KAAK,SAAS,GAAGE,MAAM,CAACI,MAAM,GAAG,aAAa;MAClEI,SAAS,EACPV,OAAO,KAAK,SAAS,GAAG,qCAAqC,GAAG;IACpE,CAAC;EACH,CAAC,EAAE,CAACE,MAAM,EAAED,KAAK,EAAED,OAAO,CAAC,CAAC;EAE5B,oBACEJ,KAAA,CAACN,IAAI;IACHS,KAAK,EAAE,CACLY,MAAM,CAACC,IAAI,EACXT,UAAU,EACVH,OAAO,KAAK,SAAS,IAAIW,MAAM,CAACE,UAAU,EAC1Cd,KAAK,CACL;IAAAD,QAAA,GAEDE,OAAO,KAAK,QAAQ,iBACnBN,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CACLV,UAAU,CAACyB,YAAY,EACvB;QAAEV,eAAe,EAAEZ,gBAAgB,CAACU,MAAM,CAACa,OAAO,EAAE,GAAG;MAAE,CAAC;IAC1D,CACH,CACF,EACAjB,QAAQ;EAAA,CACL,CAAC;AAEX;AAEA,MAAMa,MAAM,GAAGtB,UAAU,CAAC2B,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IAAEK,OAAO,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EACzCL,UAAU,EAAE;IAAEM,WAAW,EAAE;EAAE;AAC/B,CAAC,CAAC","ignoreList":[]}