react-native-bikram-sambat 0.1.3 → 0.1.5

package/src/components/NepaliDatePicker/index.ts

@@ -1,3 +0,0 @@
-export { NepaliDatePicker } from './NepaliDatePicker';
-export { DatePickerModal } from './DatePickerModal';
-export type { NepaliDatePickerProps, DatePickerModalProps } from './types';

package/src/components/NepaliDatePicker/types.ts

@@ -1,70 +0,0 @@
-import type { BSDateValue } from '../../core/types';
-import type { LocaleCode, CalendarLocale, NumeralSystem } from '../../core/locale';
-import type { CalendarTheme } from '../../theme/types';
-import type { CalendarMarkedDate } from '../NepaliCalendar/types';
-
-export type NepaliDatePickerProps = {
-  value?: BSDateValue | null;
-  defaultValue?: BSDateValue;
-  onChange?: (date: BSDateValue) => void;
-
-  placeholder?: string;
-  disabled?: boolean;
-
-  locale?: LocaleCode | CalendarLocale;
-  numerals?: NumeralSystem;
-
-  displayFormat?: string;
-
-  minDate?: BSDateValue;
-  maxDate?: BSDateValue;
-
-  markedDates?: Record<string, CalendarMarkedDate>;
-  disabledDates?: string[] | ((date: BSDateValue) => boolean);
-
-  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-  theme?: Partial<CalendarTheme>;
-  colorScheme?: 'light' | 'dark' | 'system';
-
-  modalTitle?: string;
-  confirmText?: string;
-  cancelText?: string;
-
-  onOpen?: () => void;
-  onClose?: () => void;
-
-  testID?: string;
-};
-
-export type DatePickerModalProps = {
-  visible: boolean;
-
-  value?: BSDateValue | null;
-  defaultValue?: BSDateValue;
-
-  onChange?: (date: BSDateValue) => void;
-  onConfirm?: (date: BSDateValue) => void;
-  onCancel?: () => void;
-  onClose?: () => void;
-
-  locale?: LocaleCode | CalendarLocale;
-  numerals?: NumeralSystem;
-
-  minDate?: BSDateValue;
-  maxDate?: BSDateValue;
-
-  markedDates?: Record<string, CalendarMarkedDate>;
-  disabledDates?: string[] | ((date: BSDateValue) => boolean);
-
-  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-
-  theme?: Partial<CalendarTheme>;
-  colorScheme?: 'light' | 'dark' | 'system';
-
-  title?: string;
-  confirmText?: string;
-  cancelText?: string;
-
-  testID?: string;
-};

package/src/components/NepaliRangePicker/NepaliRangePicker.tsx

@@ -1,206 +0,0 @@
-import React, { useState, useMemo, useCallback, useEffect } from 'react';
-import { Pressable, Text, StyleSheet } from 'react-native';
-import { isValidBSDate, isBSDateInSupportedRange } from '../../core/validation';
-import { useCalendarTheme } from '../../theme';
-import { safeFormatBSDate, warnOutOfRangeInDev, warnMinMaxInDev } from '../../utils';
-import { RangePickerModal } from './RangePickerModal';
-import type { NepaliRangePickerProps, DateRangeValue } from './types';
-
-export function NepaliRangePicker({
-  value,
-  defaultValue,
-  onChange,
-  placeholder = 'Select date range',
-  disabled = false,
-  locale,
-  numerals,
-  displayFormat = 'yyyy-MM-dd',
-  minDate,
-  maxDate,
-  markedDates,
-  disabledDates,
-  weekStartsOn,
-  allowSameDay = true,
-  theme,
-  colorScheme,
-  modalTitle,
-  confirmText,
-  cancelText,
-  clearText,
-  onOpen,
-  onClose,
-  testID,
-}: NepaliRangePickerProps) {
-  const [modalVisible, setModalVisible] = useState(false);
-  const calendarTheme = useCalendarTheme({ colorScheme, theme });
-
-  const isControlled = value !== undefined;
-  const [internalValue, setInternalValue] = useState<DateRangeValue>(
-    defaultValue ?? { start: null, end: null }
-  );
-
-  useEffect(() => {
-    if (value?.start) {
-      if (!isValidBSDate(value.start)) {
-        if (__DEV__) {
-          console.warn(
-            'react-native-bikram-sambat: Invalid start date provided to NepaliRangePicker.',
-            value.start
-          );
-        }
-      } else if (!isBSDateInSupportedRange(value.start)) {
-        warnOutOfRangeInDev(value.start, { min: 2000, max: 2090 });
-      }
-    }
-    if (value?.end) {
-      if (!isValidBSDate(value.end)) {
-        if (__DEV__) {
-          console.warn(
-            'react-native-bikram-sambat: Invalid end date provided to NepaliRangePicker.',
-            value.end
-          );
-        }
-      } else if (!isBSDateInSupportedRange(value.end)) {
-        warnOutOfRangeInDev(value.end, { min: 2000, max: 2090 });
-      }
-    }
-  }, [value]);
-
-  useEffect(() => {
-    warnMinMaxInDev(minDate, maxDate);
-  }, [minDate, maxDate]);
-
-  const currentValue = isControlled ? value : internalValue;
-
-  const displayText = useMemo(() => {
-    if (!currentValue || (!currentValue.start && !currentValue.end)) {
-      return placeholder;
-    }
-
-    const startStr = currentValue.start
-      ? safeFormatBSDate(currentValue.start, displayFormat, locale, numerals)
-      : null;
-    const endStr = currentValue.end
-      ? safeFormatBSDate(currentValue.end, displayFormat, locale, numerals)
-      : null;
-
-    if (startStr && endStr) return `${startStr} → ${endStr}`;
-    if (startStr) return `${startStr} → ...`;
-    return placeholder;
-  }, [currentValue, placeholder, displayFormat, locale, numerals]);
-
-  const handleOpen = useCallback(() => {
-    if (disabled) return;
-    setModalVisible(true);
-    onOpen?.();
-  }, [disabled, onOpen]);
-
-  const handleClose = useCallback(() => {
-    setModalVisible(false);
-    onClose?.();
-  }, [onClose]);
-
-  const handleChange = useCallback(
-    (range: DateRangeValue) => {
-      if (!isControlled) {
-        setInternalValue(range);
-      }
-      onChange?.(range);
-    },
-    [isControlled, onChange]
-  );
-
-  const handleClear = useCallback(() => {
-    if (!isControlled) {
-      setInternalValue({ start: null, end: null });
-    }
-    onChange?.({ start: null, end: null });
-  }, [isControlled, onChange]);
-
-  const accessibilityLabel = useMemo(() => {
-    if (disabled) return `${placeholder}, disabled`;
-    if (currentValue?.start) {
-      const startStr = safeFormatBSDate(currentValue.start, displayFormat, locale, numerals);
-      const endStr = currentValue.end
-        ? safeFormatBSDate(currentValue.end, displayFormat, locale, numerals)
-        : null;
-      if (startStr && endStr) return `${startStr} to ${endStr}`;
-      if (startStr) return `${startStr}, start date selected`;
-    }
-    return placeholder;
-  }, [currentValue, placeholder, displayFormat, locale, numerals, disabled]);
-
-  return (
-    <>
-      <Pressable
-        style={[
-          styles.field,
-          {
-            borderColor: calendarTheme.colors.fieldBorder,
-            backgroundColor: calendarTheme.colors.fieldBackground,
-          },
-          disabled && styles.fieldDisabled,
-        ]}
-        onPress={handleOpen}
-        disabled={disabled}
-        accessibilityRole="button"
-        accessibilityLabel={accessibilityLabel}
-        accessibilityState={{ disabled }}
-        testID={testID}
-      >
-        <Text
-          style={[
-            styles.fieldText,
-            {
-              color: currentValue?.start
-                ? calendarTheme.colors.text
-                : calendarTheme.colors.placeholderText,
-            },
-          ]}
-        >
-          {displayText}
-        </Text>
-      </Pressable>
-
-      <RangePickerModal
-        visible={modalVisible}
-        value={currentValue}
-        defaultValue={defaultValue}
-        onChange={handleChange}
-        onClose={handleClose}
-        onClear={handleClear}
-        locale={locale}
-        numerals={numerals}
-        minDate={minDate}
-        maxDate={maxDate}
-        markedDates={markedDates}
-        disabledDates={disabledDates}
-        weekStartsOn={weekStartsOn}
-        allowSameDay={allowSameDay}
-        theme={theme}
-        colorScheme={colorScheme}
-        title={modalTitle}
-        confirmText={confirmText}
-        cancelText={cancelText}
-        clearText={clearText}
-      />
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  field: {
-    borderWidth: 1,
-    borderRadius: 10,
-    paddingHorizontal: 16,
-    paddingVertical: 14,
-    alignItems: 'center',
-  },
-  fieldDisabled: {
-    opacity: 0.5,
-  },
-  fieldText: {
-    fontSize: 16,
-    fontWeight: '500',
-  },
-});

package/src/components/NepaliRangePicker/RangePickerModal.tsx

@@ -1,336 +0,0 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import {
-  View,
-  Text,
-  Pressable,
-  Modal,
-  StyleSheet,
-  TouchableWithoutFeedback,
-} from 'react-native';
-import type { BSDateValue } from '../../core/types';
-import { useCalendarTheme } from '../../theme';
-import { safeFormatBSDate, getSafeInitialBSDate } from '../../utils';
-import { NepaliCalendar } from '../NepaliCalendar';
-import type { RangePickerModalProps, DateRangeValue } from './types';
-import { selectRangeDate } from './range-utils';
-
-function getInitialTempRange(
-  value: DateRangeValue | undefined,
-  defaultValue: DateRangeValue | undefined
-): DateRangeValue {
-  const start = value?.start ? getSafeInitialBSDate(value.start, undefined) : null;
-  const end = value?.end ? getSafeInitialBSDate(value.end, undefined) : null;
-
-  if (start) {
-    return { start, end };
-  }
-
-  const defStart = defaultValue?.start
-    ? getSafeInitialBSDate(defaultValue.start, undefined)
-    : null;
-  const defEnd = defaultValue?.end
-    ? getSafeInitialBSDate(defaultValue.end, undefined)
-    : null;
-
-  if (defStart) {
-    return { start: defStart, end: defEnd };
-  }
-
-  return { start: null, end: null };
-}
-
-export function RangePickerModal({
-  visible,
-  value,
-  defaultValue,
-  onChange,
-  onConfirm,
-  onCancel,
-  onClose,
-  onClear,
-  locale,
-  numerals,
-  minDate,
-  maxDate,
-  markedDates,
-  disabledDates,
-  weekStartsOn,
-  theme,
-  colorScheme,
-  title = 'Select Date Range',
-  confirmText = 'Confirm',
-  cancelText = 'Cancel',
-  clearText = 'Clear',
-  allowSameDay = true,
-  testID,
-}: RangePickerModalProps) {
-  const calendarTheme = useCalendarTheme({ colorScheme, theme });
-
-  const [tempRange, setTempRange] = useState<DateRangeValue>(() =>
-    getInitialTempRange(value, defaultValue)
-  );
-
-  useEffect(() => {
-    if (visible) {
-      setTempRange(getInitialTempRange(value, defaultValue));
-    }
-  }, [visible, value, defaultValue]);
-
-  const handleDateSelect = useCallback(
-    (date: BSDateValue) => {
-      setTempRange((prev) => selectRangeDate(prev, date, { allowSameDay }));
-    },
-    [allowSameDay]
-  );
-
-  const handleConfirm = useCallback(() => {
-    if (!tempRange.start) return;
-    onConfirm?.(tempRange);
-    onChange?.(tempRange);
-    onClose?.();
-  }, [tempRange, onConfirm, onChange, onClose]);
-
-  const handleCancel = useCallback(() => {
-    onCancel?.();
-    onClose?.();
-  }, [onCancel, onClose]);
-
-  const handleClear = useCallback(() => {
-    setTempRange({ start: null, end: null });
-    onClear?.();
-  }, [onClear]);
-
-  const handleBackdropPress = useCallback(() => {
-    onCancel?.();
-    onClose?.();
-  }, [onCancel, onClose]);
-
-  const rangeSummary = useMemo(() => {
-    const startStr = tempRange.start
-      ? safeFormatBSDate(tempRange.start, 'yyyy-MM-dd', locale, numerals)
-      : null;
-    const endStr = tempRange.end
-      ? safeFormatBSDate(tempRange.end, 'yyyy-MM-dd', locale, numerals)
-      : null;
-
-    if (startStr && endStr) return `${startStr} → ${endStr}`;
-    if (startStr) return `${startStr} → ...`;
-    return `... → ...`;
-  }, [tempRange, locale, numerals]);
-
-  const isConfirmDisabled = tempRange.start == null || tempRange.end == null;
-
-  const modalContent = useMemo(
-    () => (
-      <View
-        style={[
-          styles.modalContent,
-          { backgroundColor: calendarTheme.colors.modalBackground },
-        ]}
-        testID={testID}
-      >
-        <Text
-          style={[
-            styles.title,
-            {
-              color: calendarTheme.colors.text,
-              borderBottomColor: calendarTheme.colors.border,
-            },
-          ]}
-        >
-          {title}
-        </Text>
-
-        <View
-          style={[
-            styles.rangeSummary,
-            { borderBottomColor: calendarTheme.colors.border },
-          ]}
-        >
-          <Text style={[styles.rangeText, { color: calendarTheme.colors.primary }]}>
-            {rangeSummary}
-          </Text>
-        </View>
-
-        <View style={styles.calendarWrapper}>
-          <NepaliCalendar
-            value={tempRange.start}
-            onChange={handleDateSelect}
-            locale={locale}
-            numerals={numerals}
-            minDate={minDate}
-            maxDate={maxDate}
-            markedDates={markedDates}
-            disabledDates={disabledDates}
-            weekStartsOn={weekStartsOn}
-            theme={theme}
-            colorScheme={colorScheme}
-            rangeValue={tempRange}
-          />
-        </View>
-
-        <View
-          style={[
-            styles.buttonRow,
-            { borderTopColor: calendarTheme.colors.border },
-          ]}
-        >
-          <Pressable
-            style={[styles.button, styles.clearButton]}
-            onPress={handleClear}
-            accessibilityRole="button"
-            accessibilityLabel="Clear selected date range"
-          >
-            <Text style={[styles.clearText, { color: calendarTheme.colors.danger }]}>
-              {clearText}
-            </Text>
-          </Pressable>
-
-          <Pressable
-            style={[styles.button, styles.cancelButton]}
-            onPress={handleCancel}
-            accessibilityRole="button"
-            accessibilityLabel="Cancel date range selection"
-          >
-            <Text style={[styles.cancelText, { color: calendarTheme.colors.mutedText }]}>
-              {cancelText}
-            </Text>
-          </Pressable>
-
-          <Pressable
-            style={[
-              styles.button,
-              {
-                backgroundColor: isConfirmDisabled
-                  ? calendarTheme.colors.disabledText
-                  : calendarTheme.colors.primary,
-              },
-            ]}
-            onPress={handleConfirm}
-            disabled={isConfirmDisabled}
-            accessibilityRole="button"
-            accessibilityLabel="Confirm selected date range"
-            accessibilityState={{ disabled: isConfirmDisabled }}
-          >
-            <Text
-              style={[
-                styles.confirmText,
-                { color: calendarTheme.colors.primaryText },
-              ]}
-            >
-              {confirmText}
-            </Text>
-          </Pressable>
-        </View>
-      </View>
-    ),
-    [
-      tempRange,
-      title,
-      rangeSummary,
-      locale,
-      numerals,
-      minDate,
-      maxDate,
-      markedDates,
-      disabledDates,
-      weekStartsOn,
-      theme,
-      colorScheme,
-      testID,
-      clearText,
-      cancelText,
-      confirmText,
-      isConfirmDisabled,
-      calendarTheme,
-      handleClear,
-      handleCancel,
-      handleConfirm,
-      handleDateSelect,
-    ]
-  );
-
-  return (
-    <Modal
-      visible={visible}
-      transparent
-      animationType="fade"
-      onRequestClose={handleCancel}
-    >
-      <TouchableWithoutFeedback onPress={handleBackdropPress}>
-        <View style={[styles.backdrop, { backgroundColor: calendarTheme.colors.overlay }]}>
-          <TouchableWithoutFeedback>{modalContent}</TouchableWithoutFeedback>
-        </View>
-      </TouchableWithoutFeedback>
-    </Modal>
-  );
-}
-
-const styles = StyleSheet.create({
-  backdrop: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 20,
-  },
-  modalContent: {
-    borderRadius: 16,
-    overflow: 'hidden',
-    width: '100%',
-    maxWidth: 400,
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: '600',
-    textAlign: 'center',
-    paddingVertical: 16,
-    paddingHorizontal: 16,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-  },
-  rangeSummary: {
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    alignItems: 'center',
-  },
-  rangeText: {
-    fontSize: 16,
-    fontWeight: '500',
-  },
-  calendarWrapper: {
-    padding: 8,
-  },
-  buttonRow: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    gap: 10,
-    borderTopWidth: StyleSheet.hairlineWidth,
-  },
-  button: {
-    paddingVertical: 10,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    minWidth: 70,
-    alignItems: 'center',
-  },
-  clearButton: {
-    backgroundColor: 'transparent',
-  },
-  cancelButton: {
-    backgroundColor: 'transparent',
-  },
-  clearText: {
-    fontSize: 15,
-    fontWeight: '600',
-  },
-  cancelText: {
-    fontSize: 15,
-    fontWeight: '600',
-  },
-  confirmText: {
-    fontSize: 15,
-    fontWeight: '600',
-  },
-});

package/src/components/NepaliRangePicker/index.ts

@@ -1,11 +0,0 @@
-export { NepaliRangePicker } from './NepaliRangePicker';
-export { RangePickerModal } from './RangePickerModal';
-export type { NepaliRangePickerProps, RangePickerModalProps, DateRangeValue } from './types';
-export {
-  isDateInRange,
-  isRangeStart,
-  isRangeEnd,
-  normalizeRange,
-  selectRangeDate,
-  getRangeDateKey,
-} from './range-utils';

package/src/components/NepaliRangePicker/range-utils.ts

@@ -1,75 +0,0 @@
-import type { BSDateValue } from '../../core/types';
-import { compareBS } from '../../core';
-import type { DateRangeValue } from './types';
-
-export function isDateInRange(
-  date: BSDateValue,
-  range: DateRangeValue
-): boolean {
-  if (!range.start || !range.end) return false;
-  const cmpStart = compareBS(date, range.start);
-  const cmpEnd = compareBS(date, range.end);
-  return cmpStart >= 0 && cmpEnd <= 0;
-}
-
-export function isRangeStart(
-  date: BSDateValue,
-  range: DateRangeValue
-): boolean {
-  if (!range.start) return false;
-  return compareBS(date, range.start) === 0;
-}
-
-export function isRangeEnd(
-  date: BSDateValue,
-  range: DateRangeValue
-): boolean {
-  if (!range.end) return false;
-  return compareBS(date, range.end) === 0;
-}
-
-export function normalizeRange(
-  start: BSDateValue,
-  end: BSDateValue,
-  options?: { allowSameDay?: boolean }
-): DateRangeValue {
-  const allowSameDay = options?.allowSameDay ?? true;
-
-  if (!allowSameDay && compareBS(start, end) === 0) {
-    return { start, end: null };
-  }
-
-  if (compareBS(start, end) <= 0) {
-    return { start, end };
-  }
-
-  return { start: end, end: start };
-}
-
-export function selectRangeDate(
-  currentRange: DateRangeValue,
-  date: BSDateValue,
-  options?: { allowSameDay?: boolean }
-): DateRangeValue {
-  const allowSameDay = options?.allowSameDay ?? true;
-
-  if (!currentRange.start) {
-    return { start: date, end: null };
-  }
-
-  if (!currentRange.end) {
-    return normalizeRange(currentRange.start, date, { allowSameDay });
-  }
-
-  return { start: date, end: null };
-}
-
-export function getRangeDateKey(
-  range: DateRangeValue,
-  date: BSDateValue
-): 'start' | 'end' | 'in-range' | 'none' {
-  if (isRangeStart(date, range)) return 'start';
-  if (isRangeEnd(date, range)) return 'end';
-  if (isDateInRange(date, range)) return 'in-range';
-  return 'none';
-}