@rupe/v-datepicker 1.0.0-alpha.0

package/dist/components/Calendar/useCalendar.d.ts

@@ -0,0 +1,50 @@
+import { DateValue } from '@internationalized/date';
+import { Ref } from 'vue';
+import { Grid, Matcher, WeekDayFormat } from '../../date';
+export type UseCalendarProps = {
+    locale: Ref<string>;
+    placeholder: Ref<DateValue>;
+    weekStartsOn: Ref<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+    fixedWeeks: Ref<boolean>;
+    numberOfMonths: Ref<number>;
+    minValue: Ref<DateValue | undefined>;
+    maxValue: Ref<DateValue | undefined>;
+    disabled: Ref<boolean>;
+    weekdayFormat: Ref<WeekDayFormat>;
+    pagedNavigation: Ref<boolean>;
+    isDateDisabled?: Matcher;
+    isDateUnavailable?: Matcher;
+    calendarLabel: Ref<string | undefined>;
+    nextPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;
+    prevPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;
+};
+export type UseCalendarStateProps = {
+    isDateDisabled: Matcher;
+    isDateUnavailable: Matcher;
+    date: Ref<DateValue | DateValue[] | undefined>;
+};
+export declare function useCalendarState(props: UseCalendarStateProps): {
+    isDateSelected: (dateObj: DateValue) => boolean;
+    isInvalid: import('vue').ComputedRef<boolean>;
+};
+export declare function useCalendar(props: UseCalendarProps): {
+    isDateDisabled: (dateObj: DateValue) => boolean;
+    isDateUnavailable: (date: DateValue) => boolean;
+    isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
+    isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
+    grid: Ref<Grid<DateValue>[], Grid<DateValue>[]>;
+    weekdays: import('vue').ComputedRef<string[]>;
+    visibleView: import('vue').ComputedRef<DateValue[]>;
+    isOutsideVisibleView: (date: DateValue) => boolean;
+    formatter: import('../../shared').Formatter;
+    nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
+    prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
+    headingValue: import('vue').ComputedRef<string>;
+    currentMonth: import('vue').ComputedRef<string>;
+    currentYear: import('vue').ComputedRef<string>;
+    fullCalendarLabel: import('vue').ComputedRef<string>;
+    months: import('vue').ComputedRef<(DateValue & {
+        monthName: string;
+    })[]>;
+    years: import('vue').ComputedRef<DateValue[]>;
+};

package/dist/components/Calendar/useCalendar.js

@@ -0,0 +1,317 @@
+import { isEqualMonth as $14e0f24ef4ac5c92$export$5a8da0c44a3afdf2, isSameDay as $14e0f24ef4ac5c92$export$ea39ec197993aef0 } from "../../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/dist/queries.js";
+import { computed, ref, watch } from "vue";
+import { createMonths, createYearRange } from "../../date/calendar.js";
+import { toDate, getDaysInMonth, isBefore, isAfter } from "../../date/comparators.js";
+import { useDateFormatter } from "../../shared/useDateFormatter.js";
+function useCalendarState(props) {
+  function isDateSelected(dateObj) {
+    if (Array.isArray(props.date.value))
+      return props.date.value.some((d) => $14e0f24ef4ac5c92$export$ea39ec197993aef0(d, dateObj));
+    else if (!props.date.value) return false;
+    else return $14e0f24ef4ac5c92$export$ea39ec197993aef0(props.date.value, dateObj);
+  }
+  const isInvalid = computed(() => {
+    if (Array.isArray(props.date.value)) {
+      if (!props.date.value.length) return false;
+      for (const dateObj of props.date.value) {
+        if (props.isDateDisabled?.(dateObj)) return true;
+        if (props.isDateUnavailable?.(dateObj)) return true;
+      }
+    } else {
+      if (!props.date.value) return false;
+      if (props.isDateDisabled?.(props.date.value)) return true;
+      if (props.isDateUnavailable?.(props.date.value)) return true;
+    }
+    return false;
+  });
+  return {
+    isDateSelected,
+    isInvalid
+  };
+}
+function handleNextDisabled(lastPeriodInView, nextPageFunc) {
+  const firstPeriodOfNextPage = nextPageFunc(lastPeriodInView);
+  const diff = firstPeriodOfNextPage.compare(lastPeriodInView);
+  const duration = {};
+  if (diff >= 7) duration.day = 1;
+  if (diff >= getDaysInMonth(lastPeriodInView)) duration.month = 1;
+  return firstPeriodOfNextPage.set({ ...duration });
+}
+function handlePrevDisabled(firstPeriodInView, prevPageFunc) {
+  const lastPeriodOfPrevPage = prevPageFunc(firstPeriodInView);
+  const diff = firstPeriodInView.compare(lastPeriodOfPrevPage);
+  const duration = {};
+  if (diff >= 7) duration.day = 35;
+  if (diff >= getDaysInMonth(firstPeriodInView)) duration.month = 13;
+  return lastPeriodOfPrevPage.set({ ...duration });
+}
+function handleNextPage(date, nextPageFunc) {
+  return nextPageFunc(date);
+}
+function handlePrevPage(date, prevPageFunc) {
+  return prevPageFunc(date);
+}
+function useCalendar(props) {
+  const formatter = useDateFormatter(props.locale.value);
+  const headingFormatOptions = computed(() => {
+    const options = {
+      calendar: props.placeholder.value.calendar.identifier
+    };
+    if (props.placeholder.value.calendar.identifier === "gregory" && props.placeholder.value.era === "BC")
+      options.era = "short";
+    return options;
+  });
+  const grid = ref(
+    createMonths({
+      dateObj: props.placeholder.value,
+      weekStartsOn: props.weekStartsOn.value,
+      locale: props.locale.value,
+      fixedWeeks: props.fixedWeeks.value,
+      numberOfMonths: props.numberOfMonths.value
+    })
+  );
+  const visibleView = computed(() => {
+    return grid.value.map((month) => month.value);
+  });
+  function isOutsideVisibleView(date) {
+    return !visibleView.value.some((month) => $14e0f24ef4ac5c92$export$5a8da0c44a3afdf2(date, month));
+  }
+  const isNextButtonDisabled = (nextPageFunc) => {
+    if (!props.maxValue.value || !grid.value.length) return false;
+    if (props.disabled.value) return true;
+    const lastPeriodInView = grid.value[grid.value.length - 1].value;
+    if (!nextPageFunc && !props.nextPage.value) {
+      const firstPeriodOfNextPage2 = lastPeriodInView.add({ months: 1 }).set({ day: 1 });
+      return isAfter(firstPeriodOfNextPage2, props.maxValue.value);
+    }
+    const firstPeriodOfNextPage = handleNextDisabled(
+      lastPeriodInView,
+      nextPageFunc || props.nextPage.value
+    );
+    return isAfter(firstPeriodOfNextPage, props.maxValue.value);
+  };
+  const isPrevButtonDisabled = (prevPageFunc) => {
+    if (!props.minValue.value || !grid.value.length) return false;
+    if (props.disabled.value) return true;
+    const firstPeriodInView = grid.value[0].value;
+    if (!prevPageFunc && !props.prevPage.value) {
+      const lastPeriodOfPrevPage2 = firstPeriodInView.subtract({ months: 1 }).set({ day: 35 });
+      return isBefore(lastPeriodOfPrevPage2, props.minValue.value);
+    }
+    const lastPeriodOfPrevPage = handlePrevDisabled(
+      firstPeriodInView,
+      prevPageFunc || props.prevPage.value
+    );
+    return isBefore(lastPeriodOfPrevPage, props.minValue.value);
+  };
+  function isDateDisabled(dateObj) {
+    if (props.isDateDisabled?.(dateObj) || props.disabled.value) return true;
+    if (props.maxValue.value && isAfter(dateObj, props.maxValue.value))
+      return true;
+    if (props.minValue.value && isBefore(dateObj, props.minValue.value))
+      return true;
+    return false;
+  }
+  const isDateUnavailable = (date) => {
+    if (props.isDateUnavailable?.(date)) return true;
+    return false;
+  };
+  const weekdays = computed(() => {
+    if (!grid.value.length) return [];
+    return grid.value[0].rows[0].map((date) => {
+      return formatter.dayOfWeek(toDate(date), props.weekdayFormat.value);
+    });
+  });
+  const nextPage = (nextPageFunc) => {
+    const firstDate = grid.value[0].value;
+    if (!nextPageFunc && !props.nextPage.value) {
+      const newDate2 = firstDate.add({
+        months: props.pagedNavigation.value ? props.numberOfMonths.value : 1
+      });
+      const newGrid2 = createMonths({
+        dateObj: newDate2,
+        weekStartsOn: props.weekStartsOn.value,
+        locale: props.locale.value,
+        fixedWeeks: props.fixedWeeks.value,
+        numberOfMonths: props.numberOfMonths.value
+      });
+      grid.value = newGrid2;
+      props.placeholder.value = newGrid2[0].value.set({ day: 1 });
+      return;
+    }
+    const newDate = handleNextPage(
+      firstDate,
+      nextPageFunc || props.nextPage.value
+    );
+    const newGrid = createMonths({
+      dateObj: newDate,
+      weekStartsOn: props.weekStartsOn.value,
+      locale: props.locale.value,
+      fixedWeeks: props.fixedWeeks.value,
+      numberOfMonths: props.numberOfMonths.value
+    });
+    grid.value = newGrid;
+    const duration = {};
+    if (!nextPageFunc) {
+      const diff = newGrid[0].value.compare(firstDate);
+      if (diff >= getDaysInMonth(firstDate)) duration.day = 1;
+      if (diff >= 365) duration.month = 1;
+    }
+    props.placeholder.value = newGrid[0].value.set({ ...duration });
+  };
+  const prevPage = (prevPageFunc) => {
+    const firstDate = grid.value[0].value;
+    if (!prevPageFunc && !props.prevPage.value) {
+      const newDate2 = firstDate.subtract({
+        months: props.pagedNavigation.value ? props.numberOfMonths.value : 1
+      });
+      const newGrid2 = createMonths({
+        dateObj: newDate2,
+        weekStartsOn: props.weekStartsOn.value,
+        locale: props.locale.value,
+        fixedWeeks: props.fixedWeeks.value,
+        numberOfMonths: props.numberOfMonths.value
+      });
+      grid.value = newGrid2;
+      props.placeholder.value = newGrid2[0].value.set({ day: 1 });
+      return;
+    }
+    const newDate = handlePrevPage(
+      firstDate,
+      prevPageFunc || props.prevPage.value
+    );
+    const newGrid = createMonths({
+      dateObj: newDate,
+      weekStartsOn: props.weekStartsOn.value,
+      locale: props.locale.value,
+      fixedWeeks: props.fixedWeeks.value,
+      numberOfMonths: props.numberOfMonths.value
+    });
+    grid.value = newGrid;
+    const duration = {};
+    if (!prevPageFunc) {
+      const diff = firstDate.compare(newGrid[0].value);
+      if (diff >= getDaysInMonth(firstDate)) duration.day = 1;
+      if (diff >= 365) duration.month = 1;
+    }
+    props.placeholder.value = newGrid[0].value.set({ ...duration });
+  };
+  watch(props.placeholder, (value) => {
+    if (visibleView.value.some((month) => $14e0f24ef4ac5c92$export$5a8da0c44a3afdf2(month, value))) return;
+    grid.value = createMonths({
+      dateObj: value,
+      weekStartsOn: props.weekStartsOn.value,
+      locale: props.locale.value,
+      fixedWeeks: props.fixedWeeks.value,
+      numberOfMonths: props.numberOfMonths.value
+    });
+  });
+  watch(
+    [props.locale, props.weekStartsOn, props.fixedWeeks, props.numberOfMonths],
+    () => {
+      grid.value = createMonths({
+        dateObj: props.placeholder.value,
+        weekStartsOn: props.weekStartsOn.value,
+        locale: props.locale.value,
+        fixedWeeks: props.fixedWeeks.value,
+        numberOfMonths: props.numberOfMonths.value
+      });
+    }
+  );
+  const headingValue = computed(() => {
+    if (!grid.value.length) return "";
+    if (props.locale.value !== formatter.getLocale())
+      formatter.setLocale(props.locale.value);
+    if (grid.value.length === 1) {
+      const month = grid.value[0].value;
+      return `${formatter.fullMonthAndYear(toDate(month), headingFormatOptions.value)}`;
+    }
+    const startMonth = toDate(grid.value[0].value);
+    const endMonth = toDate(grid.value[grid.value.length - 1].value);
+    const startMonthName = formatter.fullMonth(
+      startMonth,
+      headingFormatOptions.value
+    );
+    const endMonthName = formatter.fullMonth(
+      endMonth,
+      headingFormatOptions.value
+    );
+    const startMonthYear = formatter.fullYear(
+      startMonth,
+      headingFormatOptions.value
+    );
+    const endMonthYear = formatter.fullYear(
+      endMonth,
+      headingFormatOptions.value
+    );
+    const content = startMonthYear === endMonthYear ? `${startMonthName} - ${endMonthName} ${endMonthYear}` : `${startMonthName} ${startMonthYear} - ${endMonthName} ${endMonthYear}`;
+    return content;
+  });
+  const currentMonth = computed(() => {
+    if (!grid.value.length) return "";
+    if (props.locale.value !== formatter.getLocale())
+      formatter.setLocale(props.locale.value);
+    const date = grid.value[0]?.value;
+    if (date) {
+      return `${formatter.fullMonth(toDate(date), headingFormatOptions.value)}`;
+    }
+    return "";
+  });
+  const currentYear = computed(() => {
+    if (!grid.value.length) return "";
+    if (props.locale.value !== formatter.getLocale())
+      formatter.setLocale(props.locale.value);
+    const date = grid.value[0]?.value;
+    if (date) {
+      return `${formatter.fullYear(toDate(date), headingFormatOptions.value)}`;
+    }
+    return "";
+  });
+  const months = computed(() => {
+    const startDate = props.placeholder.value.set({ month: 1 });
+    const monthsArray = createMonths({
+      dateObj: startDate,
+      weekStartsOn: props.weekStartsOn.value,
+      locale: props.locale.value,
+      fixedWeeks: props.fixedWeeks.value,
+      numberOfMonths: 12
+    });
+    return monthsArray.map((month) => {
+      const date = month.value.copy();
+      date.monthName = `${formatter.fullMonth(toDate(date), headingFormatOptions.value)}`;
+      return date;
+    });
+  });
+  const years = computed(() => {
+    const startDate = props.placeholder.value.set({ year: 1875 });
+    const endDate = props.placeholder.value.set({ year: 2100 });
+    return createYearRange({ start: startDate, end: endDate });
+  });
+  const fullCalendarLabel = computed(
+    () => `${props.calendarLabel.value ?? "Event Date"}, ${headingValue.value}`
+  );
+  return {
+    isDateDisabled,
+    isDateUnavailable,
+    isNextButtonDisabled,
+    isPrevButtonDisabled,
+    grid,
+    weekdays,
+    visibleView,
+    isOutsideVisibleView,
+    formatter,
+    nextPage,
+    prevPage,
+    headingValue,
+    currentMonth,
+    currentYear,
+    fullCalendarLabel,
+    months,
+    years
+  };
+}
+export {
+  useCalendar,
+  useCalendarState
+};
+//# sourceMappingURL=useCalendar.js.map

package/dist/components/Calendar/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","sources":["../../../src/components/Calendar/useCalendar.ts"],"sourcesContent":["/*\n * Adapted from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/builders/calendar/create.ts\n */\n\nimport type { DateFields, DateValue } from \"@internationalized/date\";\nimport type { Ref } from \"vue\";\nimport type { Grid, Matcher, WeekDayFormat } from \"../../date\";\nimport type { DateFormatterOptions } from \"../../shared/useDateFormatter\";\nimport { isEqualMonth, isSameDay } from \"@internationalized/date\";\nimport { computed, ref, watch } from \"vue\";\nimport {\n  createMonths,\n  getDaysInMonth,\n  isAfter,\n  isBefore,\n  toDate,\n  createYearRange,\n} from \"../../date\";\nimport { useDateFormatter } from \"../../shared\";\n\nexport type UseCalendarProps = {\n  locale: Ref<string>;\n  placeholder: Ref<DateValue>;\n  weekStartsOn: Ref<0 | 1 | 2 | 3 | 4 | 5 | 6>;\n  fixedWeeks: Ref<boolean>;\n  numberOfMonths: Ref<number>;\n  minValue: Ref<DateValue | undefined>;\n  maxValue: Ref<DateValue | undefined>;\n  disabled: Ref<boolean>;\n  weekdayFormat: Ref<WeekDayFormat>;\n  pagedNavigation: Ref<boolean>;\n  isDateDisabled?: Matcher;\n  isDateUnavailable?: Matcher;\n  calendarLabel: Ref<string | undefined>;\n  nextPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;\n  prevPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;\n};\n\nexport type UseCalendarStateProps = {\n  isDateDisabled: Matcher;\n  isDateUnavailable: Matcher;\n  date: Ref<DateValue | DateValue[] | undefined>;\n};\n\nexport function useCalendarState(props: UseCalendarStateProps) {\n  function isDateSelected(dateObj: DateValue) {\n    if (Array.isArray(props.date.value))\n      return props.date.value.some((d) => isSameDay(d, dateObj));\n    else if (!props.date.value) return false;\n    else return isSameDay(props.date.value, dateObj);\n  }\n\n  const isInvalid = computed(() => {\n    if (Array.isArray(props.date.value)) {\n      if (!props.date.value.length) return false;\n      for (const dateObj of props.date.value) {\n        if (props.isDateDisabled?.(dateObj)) return true;\n        if (props.isDateUnavailable?.(dateObj)) return true;\n      }\n    } else {\n      if (!props.date.value) return false;\n      if (props.isDateDisabled?.(props.date.value)) return true;\n      if (props.isDateUnavailable?.(props.date.value)) return true;\n    }\n    return false;\n  });\n\n  return {\n    isDateSelected,\n    isInvalid,\n  };\n}\n\nfunction handleNextDisabled(\n  lastPeriodInView: DateValue,\n  nextPageFunc: (date: DateValue) => DateValue,\n): DateValue {\n  const firstPeriodOfNextPage = nextPageFunc(lastPeriodInView);\n  const diff = firstPeriodOfNextPage.compare(lastPeriodInView);\n  const duration: DateFields = {};\n  if (diff >= 7) duration.day = 1;\n  if (diff >= getDaysInMonth(lastPeriodInView)) duration.month = 1;\n  return firstPeriodOfNextPage.set({ ...duration });\n}\nfunction handlePrevDisabled(\n  firstPeriodInView: DateValue,\n  prevPageFunc: (date: DateValue) => DateValue,\n): DateValue {\n  const lastPeriodOfPrevPage = prevPageFunc(firstPeriodInView);\n  const diff = firstPeriodInView.compare(lastPeriodOfPrevPage);\n  const duration: DateFields = {};\n  if (diff >= 7) duration.day = 35;\n  if (diff >= getDaysInMonth(firstPeriodInView)) duration.month = 13;\n  return lastPeriodOfPrevPage.set({ ...duration });\n}\nfunction handleNextPage(\n  date: DateValue,\n  nextPageFunc: (date: DateValue) => DateValue,\n): DateValue {\n  return nextPageFunc(date);\n}\n\nfunction handlePrevPage(\n  date: DateValue,\n  prevPageFunc: (date: DateValue) => DateValue,\n): DateValue {\n  return prevPageFunc(date);\n}\n\nexport function useCalendar(props: UseCalendarProps) {\n  const formatter = useDateFormatter(props.locale.value);\n\n  const headingFormatOptions = computed(() => {\n    const options: DateFormatterOptions = {\n      calendar: props.placeholder.value.calendar.identifier,\n    };\n\n    if (\n      props.placeholder.value.calendar.identifier === \"gregory\" &&\n      props.placeholder.value.era === \"BC\"\n    )\n      options.era = \"short\";\n\n    return options;\n  });\n\n  const grid = ref<Grid<DateValue>[]>(\n    createMonths({\n      dateObj: props.placeholder.value,\n      weekStartsOn: props.weekStartsOn.value,\n      locale: props.locale.value,\n      fixedWeeks: props.fixedWeeks.value,\n      numberOfMonths: props.numberOfMonths.value,\n    }),\n  ) as Ref<Grid<DateValue>[]>;\n\n  const visibleView = computed(() => {\n    return grid.value.map((month) => month.value);\n  });\n\n  function isOutsideVisibleView(date: DateValue) {\n    return !visibleView.value.some((month) => isEqualMonth(date, month));\n  }\n\n  const isNextButtonDisabled = (\n    nextPageFunc?: (date: DateValue) => DateValue,\n  ) => {\n    if (!props.maxValue.value || !grid.value.length) return false;\n    if (props.disabled.value) return true;\n\n    const lastPeriodInView = grid.value[grid.value.length - 1].value;\n\n    if (!nextPageFunc && !props.nextPage.value) {\n      const firstPeriodOfNextPage = lastPeriodInView\n        .add({ months: 1 })\n        .set({ day: 1 });\n      return isAfter(firstPeriodOfNextPage, props.maxValue.value);\n    }\n\n    const firstPeriodOfNextPage = handleNextDisabled(\n      lastPeriodInView,\n      nextPageFunc || props.nextPage.value!,\n    );\n    return isAfter(firstPeriodOfNextPage, props.maxValue.value);\n  };\n\n  const isPrevButtonDisabled = (\n    prevPageFunc?: (date: DateValue) => DateValue,\n  ) => {\n    if (!props.minValue.value || !grid.value.length) return false;\n    if (props.disabled.value) return true;\n    const firstPeriodInView = grid.value[0].value;\n\n    if (!prevPageFunc && !props.prevPage.value) {\n      const lastPeriodOfPrevPage = firstPeriodInView\n        .subtract({ months: 1 })\n        .set({ day: 35 });\n      return isBefore(lastPeriodOfPrevPage, props.minValue.value);\n    }\n\n    const lastPeriodOfPrevPage = handlePrevDisabled(\n      firstPeriodInView,\n      prevPageFunc || props.prevPage.value!,\n    );\n    return isBefore(lastPeriodOfPrevPage, props.minValue.value);\n  };\n\n  function isDateDisabled(dateObj: DateValue) {\n    if (props.isDateDisabled?.(dateObj) || props.disabled.value) return true;\n    if (props.maxValue.value && isAfter(dateObj, props.maxValue.value))\n      return true;\n    if (props.minValue.value && isBefore(dateObj, props.minValue.value))\n      return true;\n    return false;\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    if (props.isDateUnavailable?.(date)) return true;\n    return false;\n  };\n\n  const weekdays = computed(() => {\n    if (!grid.value.length) return [];\n    return grid.value[0].rows[0].map((date) => {\n      return formatter.dayOfWeek(toDate(date), props.weekdayFormat.value);\n    });\n  });\n\n  const nextPage = (nextPageFunc?: (date: DateValue) => DateValue) => {\n    const firstDate = grid.value[0].value;\n\n    if (!nextPageFunc && !props.nextPage.value) {\n      const newDate = firstDate.add({\n        months: props.pagedNavigation.value ? props.numberOfMonths.value : 1,\n      });\n\n      const newGrid = createMonths({\n        dateObj: newDate,\n        weekStartsOn: props.weekStartsOn.value,\n        locale: props.locale.value,\n        fixedWeeks: props.fixedWeeks.value,\n        numberOfMonths: props.numberOfMonths.value,\n      });\n\n      grid.value = newGrid;\n\n      props.placeholder.value = newGrid[0].value.set({ day: 1 });\n      return;\n    }\n\n    const newDate = handleNextPage(\n      firstDate,\n      nextPageFunc || props.nextPage.value!,\n    );\n    const newGrid = createMonths({\n      dateObj: newDate,\n      weekStartsOn: props.weekStartsOn.value,\n      locale: props.locale.value,\n      fixedWeeks: props.fixedWeeks.value,\n      numberOfMonths: props.numberOfMonths.value,\n    });\n\n    grid.value = newGrid;\n\n    const duration: DateFields = {};\n\n    // Do not adjust the placeholder if the nextPageFunc is defined (overwrite)\n    if (!nextPageFunc) {\n      const diff = newGrid[0].value.compare(firstDate);\n      if (diff >= getDaysInMonth(firstDate)) duration.day = 1;\n\n      if (diff >= 365) duration.month = 1;\n    }\n\n    props.placeholder.value = newGrid[0].value.set({ ...duration });\n  };\n\n  const prevPage = (prevPageFunc?: (date: DateValue) => DateValue) => {\n    const firstDate = grid.value[0].value;\n\n    if (!prevPageFunc && !props.prevPage.value) {\n      const newDate = firstDate.subtract({\n        months: props.pagedNavigation.value ? props.numberOfMonths.value : 1,\n      });\n\n      const newGrid = createMonths({\n        dateObj: newDate,\n        weekStartsOn: props.weekStartsOn.value,\n        locale: props.locale.value,\n        fixedWeeks: props.fixedWeeks.value,\n        numberOfMonths: props.numberOfMonths.value,\n      });\n\n      grid.value = newGrid;\n\n      props.placeholder.value = newGrid[0].value.set({ day: 1 });\n      return;\n    }\n\n    const newDate = handlePrevPage(\n      firstDate,\n      prevPageFunc || props.prevPage.value!,\n    );\n    const newGrid = createMonths({\n      dateObj: newDate,\n      weekStartsOn: props.weekStartsOn.value,\n      locale: props.locale.value,\n      fixedWeeks: props.fixedWeeks.value,\n      numberOfMonths: props.numberOfMonths.value,\n    });\n\n    grid.value = newGrid;\n\n    const duration: DateFields = {};\n\n    // Do not adjust the placeholder if the prevPageFunc is defined (overwrite)\n    if (!prevPageFunc) {\n      const diff = firstDate.compare(newGrid[0].value);\n      if (diff >= getDaysInMonth(firstDate)) duration.day = 1;\n\n      if (diff >= 365) duration.month = 1;\n    }\n\n    props.placeholder.value = newGrid[0].value.set({ ...duration });\n  };\n\n  watch(props.placeholder, (value) => {\n    if (visibleView.value.some((month) => isEqualMonth(month, value))) return;\n    grid.value = createMonths({\n      dateObj: value,\n      weekStartsOn: props.weekStartsOn.value,\n      locale: props.locale.value,\n      fixedWeeks: props.fixedWeeks.value,\n      numberOfMonths: props.numberOfMonths.value,\n    });\n  });\n\n  watch(\n    [props.locale, props.weekStartsOn, props.fixedWeeks, props.numberOfMonths],\n    () => {\n      grid.value = createMonths({\n        dateObj: props.placeholder.value,\n        weekStartsOn: props.weekStartsOn.value,\n        locale: props.locale.value,\n        fixedWeeks: props.fixedWeeks.value,\n        numberOfMonths: props.numberOfMonths.value,\n      });\n    },\n  );\n\n  const headingValue = computed(() => {\n    if (!grid.value.length) return \"\";\n\n    if (props.locale.value !== formatter.getLocale())\n      formatter.setLocale(props.locale.value);\n\n    if (grid.value.length === 1) {\n      const month = grid.value[0].value;\n      return `${formatter.fullMonthAndYear(toDate(month), headingFormatOptions.value)}`;\n    }\n\n    const startMonth = toDate(grid.value[0].value);\n    const endMonth = toDate(grid.value[grid.value.length - 1].value);\n\n    const startMonthName = formatter.fullMonth(\n      startMonth,\n      headingFormatOptions.value,\n    );\n    const endMonthName = formatter.fullMonth(\n      endMonth,\n      headingFormatOptions.value,\n    );\n    const startMonthYear = formatter.fullYear(\n      startMonth,\n      headingFormatOptions.value,\n    );\n    const endMonthYear = formatter.fullYear(\n      endMonth,\n      headingFormatOptions.value,\n    );\n\n    const content =\n      startMonthYear === endMonthYear\n        ? `${startMonthName} - ${endMonthName} ${endMonthYear}`\n        : `${startMonthName} ${startMonthYear} - ${endMonthName} ${endMonthYear}`;\n\n    return content;\n  });\n\n  // TODO: rewrite (a lot of duplication)\n  const currentMonth = computed(() => {\n    if (!grid.value.length) return \"\";\n    \n    if (props.locale.value !== formatter.getLocale())\n      formatter.setLocale(props.locale.value);\n\n    const date = grid.value[0]?.value;\n\n    if (date) {\n      return `${formatter.fullMonth(toDate(date), headingFormatOptions.value)}`;\n    }\n\n    return \"\";\n  });\n\n  const currentYear = computed(() => {\n    if (!grid.value.length) return \"\";\n\n    if (props.locale.value !== formatter.getLocale())\n      formatter.setLocale(props.locale.value);\n\n    const date = grid.value[0]?.value;\n\n    if (date) {\n      return `${formatter.fullYear(toDate(date), headingFormatOptions.value)}`;\n    }\n\n    return \"\";\n  });\n\n  // TODO: look if there is a better way to create months with locale month name\n  const months = computed(() => {\n    const startDate = props.placeholder.value.set({ month: 1 });\n\n    const monthsArray = createMonths({\n      dateObj: startDate,\n      weekStartsOn: props.weekStartsOn.value,\n      locale: props.locale.value,\n      fixedWeeks: props.fixedWeeks.value,\n      numberOfMonths: 12,\n    });\n\n    \n\n    return monthsArray.map((month) => {\n      const date = month.value.copy() as DateValue & { monthName: string };\n      date.monthName = `${formatter.fullMonth(toDate(date), headingFormatOptions.value)}`;\n      return date;\n    });\n  });\n\n  // TODO: add min and max for years and maybe we should switch to date object here as well for consistency\n  const years = computed(() => {\n    const startDate = props.placeholder.value.set({ year: 1875 });\n    const endDate = props.placeholder.value.set({ year: 2100 });\n    \n    return createYearRange({ start: startDate, end: endDate })\n  });\n\n  const fullCalendarLabel = computed(\n    () => `${props.calendarLabel.value ?? \"Event Date\"}, ${headingValue.value}`,\n  );\n\n  return {\n    isDateDisabled,\n    isDateUnavailable,\n    isNextButtonDisabled,\n    isPrevButtonDisabled,\n    grid,\n    weekdays,\n    visibleView,\n    isOutsideVisibleView,\n    formatter,\n    nextPage,\n    prevPage,\n    headingValue,\n    currentMonth,\n    currentYear,\n    fullCalendarLabel,\n    months,\n    years,\n  };\n}\n"],"names":["isSameDay","isEqualMonth","firstPeriodOfNextPage","lastPeriodOfPrevPage","newDate","newGrid"],"mappings":"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"}

package/dist/components/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,51 @@
+import { Ref } from 'vue';
+import { Direction, ScrollBodyOption } from '../../shared/types';
+interface ConfigProviderContextValue {
+    dir?: Ref<Direction>;
+    locale?: Ref<string>;
+    scrollBody?: Ref<boolean | ScrollBodyOption>;
+    nonce?: Ref<string | undefined>;
+    useId?: () => string;
+}
+export declare const injectConfigProviderContext: <T extends ConfigProviderContextValue | null | undefined = ConfigProviderContextValue>(fallback?: T | undefined) => T extends null ? ConfigProviderContextValue | null : ConfigProviderContextValue, provideConfigProviderContext: (contextValue: ConfigProviderContextValue) => ConfigProviderContextValue;
+export interface ConfigProviderProps {
+    /**
+     * The global reading direction of your application. This will be inherited by all primitives.
+     * @defaultValue 'ltr'
+     */
+    dir?: Direction;
+    /**
+     * The global locale of your application. This will be inherited by all primitives.
+     * @defaultValue 'en'
+     */
+    locale?: string;
+    /**
+     * The global scroll body behavior of your application. This will be inherited by the related primitives.
+     * @type boolean | ScrollBodyOption
+     */
+    scrollBody?: boolean | ScrollBodyOption;
+    /**
+     * The global `nonce` value of your application. This will be inherited by the related primitives.
+     * @type string
+     */
+    nonce?: string;
+    /**
+     * The global `useId` injection as a workaround for preventing hydration issue.
+     */
+    useId?: () => string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
+    locale: string;
+    dir: Direction;
+    scrollBody: boolean | ScrollBodyOption;
+    nonce: string;
+    useId: () => string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConfigProvider/ConfigProvider.vue.js

@@ -0,0 +1,7 @@
+import "vue";
+import { createContext } from "../../shared/createContext.js";
+const [injectConfigProviderContext] = createContext("ConfigProvider");
+export {
+  injectConfigProviderContext
+};
+//# sourceMappingURL=ConfigProvider.vue.js.map

package/dist/components/ConfigProvider/ConfigProvider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.vue.js","sources":["../../../src/components/ConfigProvider/ConfigProvider.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Ref } from \"vue\";\nimport type { Direction, ScrollBodyOption } from \"../../shared/types\";\nimport { createContext } from \"../../shared\";\n\ninterface ConfigProviderContextValue {\n  dir?: Ref<Direction>;\n  locale?: Ref<string>;\n  scrollBody?: Ref<boolean | ScrollBodyOption>;\n  nonce?: Ref<string | undefined>;\n  useId?: () => string;\n}\n\nexport const [injectConfigProviderContext, provideConfigProviderContext] =\n  createContext<ConfigProviderContextValue>(\"ConfigProvider\");\n\nexport interface ConfigProviderProps {\n  /**\n   * The global reading direction of your application. This will be inherited by all primitives.\n   * @defaultValue 'ltr'\n   */\n  dir?: Direction;\n  /**\n   * The global locale of your application. This will be inherited by all primitives.\n   * @defaultValue 'en'\n   */\n  locale?: string;\n  /**\n   * The global scroll body behavior of your application. This will be inherited by the related primitives.\n   * @type boolean | ScrollBodyOption\n   */\n  scrollBody?: boolean | ScrollBodyOption;\n  /**\n   * The global `nonce` value of your application. This will be inherited by the related primitives.\n   * @type string\n   */\n  nonce?: string;\n  /**\n   * The global `useId` injection as a workaround for preventing hydration issue.\n   */\n  useId?: () => string;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ConfigProviderProps>(), {\n  dir: \"ltr\",\n  locale: \"en\",\n  scrollBody: true,\n  nonce: undefined,\n  useId: undefined,\n});\n\nconst { dir, locale, scrollBody, nonce } = toRefs(props);\n\nprovideConfigProviderContext({\n  dir,\n  locale,\n  scrollBody,\n  nonce,\n  useId: props.useId,\n});\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":[],"mappings":";;AAaO,MAAM,CAAC,2BAAyD,IACrE,cAA0C,gBAAgB;"}

package/dist/components/ConfigProvider/index.d.ts

@@ -0,0 +1 @@
+export { default as ConfigProvider, type ConfigProviderProps, injectConfigProviderContext, } from './ConfigProvider';

package/dist/components/DateField/DateFieldInput.d.ts

@@ -0,0 +1,15 @@
+import { PrimitiveProps } from '../Primitive';
+import { SegmentPart } from '../../shared/date';
+export interface DateFieldInputProps extends PrimitiveProps {
+    /** The part of the date to render */
+    part: SegmentPart;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DateFieldInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DateFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DateField/DateFieldInput.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent, ref, computed, createBlock, openBlock, unref, mergeProps, toHandlers, withCtx, renderSlot } from "vue";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+import { useDateField } from "../../shared/date/useDateField.js";
+import { injectDateFieldRootContext } from "./DateFieldRoot.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DateFieldInput",
+  props: {
+    part: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectDateFieldRootContext();
+    const hasLeftFocus = ref(true);
+    const lastKeyZero = ref(false);
+    const { handleSegmentClick, handleSegmentKeydown, attributes } = useDateField({
+      hasLeftFocus,
+      lastKeyZero,
+      placeholder: rootContext.placeholder,
+      hourCycle: rootContext.hourCycle,
+      step: rootContext.step,
+      segmentValues: rootContext.segmentValues,
+      formatter: rootContext.formatter,
+      part: props.part,
+      disabled: rootContext.disabled,
+      readonly: rootContext.readonly,
+      focusNext: rootContext.focusNext,
+      modelValue: rootContext.modelValue
+    });
+    const disabled = computed(() => rootContext.disabled.value);
+    const readonly = computed(() => rootContext.readonly.value);
+    const isInvalid = computed(() => rootContext.isInvalid.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps({
+        as: __props.as,
+        "as-child": __props.asChild
+      }, unref(attributes), {
+        contenteditable: disabled.value || readonly.value ? false : __props.part !== "literal",
+        "data-reka-date-field-segment": __props.part,
+        "aria-disabled": disabled.value ? true : void 0,
+        "aria-readonly": readonly.value ? true : void 0,
+        "data-disabled": disabled.value ? "" : void 0,
+        "data-invalid": isInvalid.value ? "" : void 0,
+        "aria-invalid": isInvalid.value ? true : void 0
+      }, toHandlers(
+        __props.part !== "literal" ? {
+          mousedown: unref(handleSegmentClick),
+          keydown: unref(handleSegmentKeydown),
+          focusout: () => {
+            hasLeftFocus.value = true;
+          },
+          focusin: (e) => {
+            unref(rootContext).setFocusedElement(e.target);
+          }
+        } : {}
+      )), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as", "as-child", "contenteditable", "data-reka-date-field-segment", "aria-disabled", "aria-readonly", "data-disabled", "data-invalid", "aria-invalid"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DateFieldInput.vue.js.map

package/dist/components/DateField/DateFieldInput.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldInput.vue.js","sources":["../../../src/components/DateField/DateFieldInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from \"../Primitive\";\nimport type { SegmentPart } from \"../../shared/date\";\nimport { computed, ref } from \"vue\";\nimport { Primitive } from \"../Primitive\";\nimport { useDateField } from \"../../shared/date/useDateField\";\nimport { injectDateFieldRootContext } from \"./DateFieldRoot.vue\";\n\nexport interface DateFieldInputProps extends PrimitiveProps {\n  /** The part of the date to render */\n  part: SegmentPart;\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<DateFieldInputProps>();\n\nconst rootContext = injectDateFieldRootContext();\n\nconst hasLeftFocus = ref(true);\nconst lastKeyZero = ref(false);\n\nconst { handleSegmentClick, handleSegmentKeydown, attributes } = useDateField({\n  hasLeftFocus,\n  lastKeyZero,\n  placeholder: rootContext.placeholder,\n  hourCycle: rootContext.hourCycle,\n  step: rootContext.step,\n  segmentValues: rootContext.segmentValues,\n  formatter: rootContext.formatter,\n  part: props.part,\n  disabled: rootContext.disabled,\n  readonly: rootContext.readonly,\n  focusNext: rootContext.focusNext,\n  modelValue: rootContext.modelValue,\n});\n\nconst disabled = computed(() => rootContext.disabled.value);\nconst readonly = computed(() => rootContext.readonly.value);\nconst isInvalid = computed(() => rootContext.isInvalid.value);\n</script>\n\n<template>\n  <Primitive\n    :as=\"as\"\n    :as-child=\"asChild\"\n    v-bind=\"attributes\"\n    :contenteditable=\"disabled || readonly ? false : part !== 'literal'\"\n    :data-reka-date-field-segment=\"part\"\n    :aria-disabled=\"disabled ? true : undefined\"\n    :aria-readonly=\"readonly ? true : undefined\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :data-invalid=\"isInvalid ? '' : undefined\"\n    :aria-invalid=\"isInvalid ? true : undefined\"\n    v-on=\"\n      part !== 'literal'\n        ? {\n            mousedown: handleSegmentClick,\n            keydown: handleSegmentKeydown,\n            focusout: () => {\n              hasLeftFocus = true;\n            },\n            focusin: (e: FocusEvent) => {\n              rootContext.setFocusedElement(e.target as HTMLElement);\n            },\n          }\n        : {}\n    \"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_toHandlers","_renderSlot"],"mappings":";;;;;;;;;;;;;AAeA,UAAM,QAAQ;AAEd,UAAM,cAAc,2BAAA;AAEpB,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,cAAc,IAAI,KAAK;AAE7B,UAAM,EAAE,oBAAoB,sBAAsB,WAAA,IAAe,aAAa;AAAA,MAC5E;AAAA,MACA;AAAA,MACA,aAAa,YAAY;AAAA,MACzB,WAAW,YAAY;AAAA,MACvB,MAAM,YAAY;AAAA,MAClB,eAAe,YAAY;AAAA,MAC3B,WAAW,YAAY;AAAA,MACvB,MAAM,MAAM;AAAA,MACZ,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,WAAW,YAAY;AAAA,MACvB,YAAY,YAAY;AAAA,IAAA,CACzB;AAED,UAAM,WAAW,SAAS,MAAM,YAAY,SAAS,KAAK;AAC1D,UAAM,WAAW,SAAS,MAAM,YAAY,SAAS,KAAK;AAC1D,UAAM,YAAY,SAAS,MAAM,YAAY,UAAU,KAAK;;AAI1D,aAAAA,aAAAC,YA2BYC,kBA3BZC,WA2BY;AAAA,QA1BT,IAAI,QAAA;AAAA,QACJ,YAAU,QAAA;AAAA,MAAA,GACHD,MAAA,UAAA,GAAU;AAAA,QACjB,iBAAiB,SAAA,SAAY,SAAA,gBAAmB,QAAA,SAAI;AAAA,QACpD,gCAA8B,QAAA;AAAA,QAC9B,iBAAe,SAAA,QAAQ,OAAU;AAAA,QACjC,iBAAe,SAAA,QAAQ,OAAU;AAAA,QACjC,iBAAe,SAAA,QAAQ,KAAQ;AAAA,QAC/B,gBAAc,UAAA,QAAS,KAAQ;AAAA,QAC/B,gBAAc,UAAA,QAAS,OAAU;AAAA,MAAA,GAClCE;AAAAA,QAAa,QAAA,SAAI;qBAAkDF,MAAA,kBAAA;AAAA,mBAAyCA,MAAA,oBAAA;AAAA;AAAkE,yBAAA,QAAY;AAAA;oBAA8C,MAAa;AAAqBA,kBAAA,WAAA,EAAY,kBAAkB,EAAE,MAAM;AAAA;;;yBAehT,MAAQ;AAAA,UAARG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/components/DateField/DateFieldInput.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./DateFieldInput.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DateFieldInput.vue2.js.map

package/dist/components/DateField/DateFieldInput.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}