react-day-picker 8.0.0-beta.33 → 8.0.0-beta.38

package/dist/components/Root/Root.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+/** Render the container with the months according to the number of months to display. */
+export declare function Root(): JSX.Element;

package/{build → dist}/components/Root/index.d.ts

@@ -1 +1 @@
-export * from './Root';
+export * from './Root';

package/{build → dist}/components/Row/Row.d.ts

@@ -1,16 +1,14 @@
-/// <reference types="react" />
-/**
- * The props for the [[Row]] component.
- */
-export interface RowProps {
-    /** The month where the row is displayed. */
-    displayMonth: Date;
-    /** The number of the week to render. */
-    weekNumber: number;
-    /** The days contained in the week. */
-    dates: Date[];
-}
-/**
- * Render a row in the calendar, with the days and optionally the week number.
- */
-export declare function Row(props: RowProps): JSX.Element;
+/// <reference types="react" />
+/**
+ * The props for the [[Row]] component.
+ */
+export interface RowProps {
+    /** The month where the row is displayed. */
+    displayMonth: Date;
+    /** The number of the week to render. */
+    weekNumber: number;
+    /** The days contained in the week. */
+    dates: Date[];
+}
+/** Render a row in the calendar, with the days and the week number. */
+export declare function Row(props: RowProps): JSX.Element;

package/{build → dist}/components/Row/index.d.ts

@@ -1 +1 @@
-export * from './Row';
+export * from './Row';

package/{build → dist}/components/Table/Table.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-/**
- * The props for the [[Table]] component.
- */
-export interface TableProps {
-    /** The month where the table is displayed. */
-    displayMonth: Date;
-}
-/**
- * Render the table with the calendar.
- */
-export declare function Table(props: TableProps): JSX.Element;
+/// <reference types="react" />
+/** The props for the [[Table]] component. */
+export interface TableProps {
+    /** The ID of the label of the table (the same given to the Caption). */
+    ['aria-labelledby']?: string;
+    /** The month where the table is displayed. */
+    displayMonth: Date;
+}
+/** Render the table with the calendar. */
+export declare function Table(props: TableProps): JSX.Element;

package/{build → dist}/components/Table/index.d.ts

@@ -1 +1 @@
-export * from './Table';
+export * from './Table';

package/{build → dist}/components/Table/utils/getOutsideEndDays.d.ts

@@ -1,3 +1,3 @@
-export declare function getOutsideEndDays(month: Date, options?: {
-    locale?: Locale;
-}): Date[];
+export declare function getOutsideEndDays(month: Date, options?: {
+    locale?: Locale;
+}): Date[];

package/{build → dist}/components/Table/utils/getOutsideStartDays.d.ts

@@ -1,4 +1,4 @@
-import { Locale } from 'date-fns';
-export declare function getOutsideStartDays(month: Date, options?: {
-    locale?: Locale;
-}): Date[];
+import { Locale } from 'date-fns';
+export declare function getOutsideStartDays(month: Date, options?: {
+    locale?: Locale;
+}): Date[];

package/{build → dist}/components/Table/utils/getWeeks.d.ts

@@ -1,17 +1,17 @@
-import { Locale } from 'date-fns';
-/**
- * Represents a week in the month.
- */
-export declare type MonthWeek = {
-    /** The week number from the start of the year. */
-    weekNumber: number;
-    /** The dates in the week. */
-    dates: Date[];
-};
-/**
- * Return the weeks belonging to the given month.
- */
-export declare function getWeeks(month: Date, { locale, fixedWeeks }: {
-    locale: Locale;
-    fixedWeeks?: boolean;
-}): MonthWeek[];
+import { Locale } from 'date-fns';
+/**
+ * Represents a week in the month.
+ */
+export declare type MonthWeek = {
+    /** The week number from the start of the year. */
+    weekNumber: number;
+    /** The dates in the week. */
+    dates: Date[];
+};
+/**
+ * Return the weeks belonging to the given month.
+ */
+export declare function getWeeks(month: Date, { locale, fixedWeeks }: {
+    locale: Locale;
+    fixedWeeks?: boolean;
+}): MonthWeek[];

package/{build → dist}/components/WeekNumber/WeekNumber.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-/**
- * The props for the [[WeekNumber]] component.
- */
-export interface WeekNumberProps {
-    /** The number of the week. */
-    number: number;
-    /** The dates in the week. */
-    dates: Date[];
-}
-/**
- * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it
- * renders a button, otherwise a span element.
- */
-export declare function WeekNumber(props: WeekNumberProps): JSX.Element;
+/// <reference types="react" />
+/**
+ * The props for the [[WeekNumber]] component.
+ */
+export interface WeekNumberProps {
+    /** The number of the week. */
+    number: number;
+    /** The dates in the week. */
+    dates: Date[];
+}
+/**
+ * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it
+ * renders a button, otherwise a span element.
+ */
+export declare function WeekNumber(props: WeekNumberProps): JSX.Element;

package/{build → dist}/components/WeekNumber/index.d.ts

@@ -1 +1 @@
-export * from './WeekNumber';
+export * from './WeekNumber';

package/{build → dist}/components/YearsDropdown/YearsDropdown.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { MonthChangeEventHandler } from '../../types/EventHandlers';
-/**
- * The props for the [[YearsDropdown]] component.
- */
-export interface YearsDropdownProps {
-    /** The month where the drop-down is displayed. */
-    displayMonth: Date;
-    /** Callback to handle the `change` event. */
-    onChange: MonthChangeEventHandler;
-}
-/**
- * Render a dropdown to change the year. Take in account the `nav.fromDate` and
- * `toDate` from context.
- */
-export declare function YearsDropdown(props: YearsDropdownProps): JSX.Element;
+/// <reference types="react" />
+import { MonthChangeEventHandler } from '../../types/EventHandlers';
+/**
+ * The props for the [[YearsDropdown]] component.
+ */
+export interface YearsDropdownProps {
+    /** The month where the drop-down is displayed. */
+    displayMonth: Date;
+    /** Callback to handle the `change` event. */
+    onChange: MonthChangeEventHandler;
+}
+/**
+ * Render a dropdown to change the year. Take in account the `nav.fromDate` and
+ * `toDate` from context.
+ */
+export declare function YearsDropdown(props: YearsDropdownProps): JSX.Element;

package/{build → dist}/components/YearsDropdown/index.d.ts

@@ -1 +1 @@
-export * from './YearsDropdown';
+export * from './YearsDropdown';

package/dist/contexts/DayPicker/DayPickerContext.d.ts

@@ -0,0 +1,45 @@
+import React, { ReactNode } from 'react';
+import { CaptionLayout } from '../../components/Caption';
+import { DayPickerProps } from '../../types/DayPicker';
+import { Formatters } from '../../types/Formatters';
+import { Labels } from '../../types/Labels';
+import { DayModifiers, ModifiersClassNames } from '../../types/Modifiers';
+import { ClassNames, Styles } from '../../types/Styles';
+/** The value of the [[DayPickerContext]] */
+export interface DayPickerContextValue extends DayPickerProps {
+    captionLayout: CaptionLayout;
+    classNames: Required<ClassNames>;
+    formatters: Formatters;
+    labels: Labels;
+    locale: Locale;
+    modifiersClassNames: ModifiersClassNames;
+    modifierPrefix: string;
+    modifiers: DayModifiers;
+    numberOfMonths: number;
+    styles: Styles;
+    today: Date;
+    toYear?: never;
+    fromYear?: never;
+    toMonth?: never;
+    fromMonth?: never;
+}
+/**
+ * The DayPicker Context shares the props passed to DayPicker within internal
+ * and custom components. It is used to set the default values and perform
+ * one-time calculations required to render the days.
+ *
+ * Developers may access this context from the [[useDayPicker]] hook when
+ * using custom components.
+ */
+export declare const DayPickerContext: React.Context<DayPickerContextValue | undefined>;
+/** The props for the [[DayPickerProvider]]. */
+export interface DayPickerProviderProps {
+    /** The initial props from the DayPicker component. */
+    initialProps: DayPickerProps;
+    children?: ReactNode;
+}
+/**
+ * The provider for the [[DayPickerContext]], assigning the defaults from the
+ * initial DayPicker props.
+ */
+export declare function DayPickerProvider(props: DayPickerProviderProps): JSX.Element;

package/{build → dist}/contexts/DayPicker/defaultClassNames.d.ts

@@ -1,5 +1,5 @@
-import { ClassNames } from '../../types';
-/**
- * The name of the default CSS classes.
- */
-export declare const defaultClassNames: Required<ClassNames>;
+import { ClassNames } from '../../types/Styles';
+/**
+ * The name of the default CSS classes.
+ */
+export declare const defaultClassNames: Required<ClassNames>;

package/dist/contexts/DayPicker/defaultContextValue.d.ts

@@ -0,0 +1,6 @@
+import { DayPickerContextValue } from '../../contexts/DayPicker';
+/**
+ * Returns the default values to use in the DayPickerContext, in case they are
+ * not passed down with the DayPicker initial props.
+ */
+export declare function getDefaultContextValue(): DayPickerContextValue;

package/{build → dist}/contexts/DayPicker/formatters/formatCaption.d.ts

@@ -1,7 +1,7 @@
-import { Locale } from 'date-fns';
-/**
- * The default formatter for the caption.
- */
-export declare function formatCaption(month: Date, options?: {
-    locale?: Locale;
-}): string;
+import { Locale } from 'date-fns';
+/**
+ * The default formatter for the caption.
+ */
+export declare function formatCaption(month: Date, options?: {
+    locale?: Locale;
+}): string;

package/{build → dist}/contexts/DayPicker/formatters/formatDay.d.ts

@@ -1,7 +1,7 @@
-import { Locale } from 'date-fns';
-/**
- * The default formatter for the Day button.
- */
-export declare function formatDay(day: Date, options?: {
-    locale?: Locale;
-}): string;
+import { Locale } from 'date-fns';
+/**
+ * The default formatter for the Day button.
+ */
+export declare function formatDay(day: Date, options?: {
+    locale?: Locale;
+}): string;

package/{build → dist}/contexts/DayPicker/formatters/formatMonthCaption.d.ts

@@ -1,7 +1,7 @@
-import { Locale } from 'date-fns';
-/**
- * The default formatter for the Month caption.
- */
-export declare function formatMonthCaption(month: Date, options?: {
-    locale?: Locale;
-}): string;
+import { Locale } from 'date-fns';
+/**
+ * The default formatter for the Month caption.
+ */
+export declare function formatMonthCaption(month: Date, options?: {
+    locale?: Locale;
+}): string;

package/{build → dist}/contexts/DayPicker/formatters/formatWeekNumber.d.ts

@@ -1,4 +1,4 @@
-/**
- * The default formatter for the week number.
- */
-export declare function formatWeekNumber(weekNumber: number): string;
+/**
+ * The default formatter for the week number.
+ */
+export declare function formatWeekNumber(weekNumber: number): string;

package/{build → dist}/contexts/DayPicker/formatters/formatWeekdayName.d.ts

@@ -1,7 +1,7 @@
-import { Locale } from 'date-fns';
-/**
- * The default formatter for the name of the weekday.
- */
-export declare function formatWeekdayName(weekday: Date, options?: {
-    locale?: Locale;
-}): string;
+import { Locale } from 'date-fns';
+/**
+ * The default formatter for the name of the weekday.
+ */
+export declare function formatWeekdayName(weekday: Date, options?: {
+    locale?: Locale;
+}): string;

package/{build → dist}/contexts/DayPicker/formatters/formatYearCaption.d.ts

@@ -1,6 +1,6 @@
-/**
- * The default formatter for the Year caption.
- */
-export declare function formatYearCaption(year: Date, options?: {
-    locale?: Locale;
-}): string;
+/**
+ * The default formatter for the Year caption.
+ */
+export declare function formatYearCaption(year: Date, options?: {
+    locale?: Locale;
+}): string;

package/{build → dist}/contexts/DayPicker/formatters/index.d.ts

@@ -1,6 +1,6 @@
-export * from './formatCaption';
-export * from './formatDay';
-export * from './formatMonthCaption';
-export * from './formatWeekNumber';
-export * from './formatWeekdayName';
-export * from './formatYearCaption';
+export * from './formatCaption';
+export * from './formatDay';
+export * from './formatMonthCaption';
+export * from './formatWeekNumber';
+export * from './formatWeekdayName';
+export * from './formatYearCaption';

package/dist/contexts/DayPicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDayPicker';
+export * from './DayPickerContext';

package/{build → dist}/contexts/DayPicker/labels/index.d.ts

@@ -1,7 +1,7 @@
-export * from './labelDay';
-export * from './labelMonthDropdown';
-export * from './labelNext';
-export * from './labelPrevious';
-export * from './labelWeekday';
-export * from './labelWeekNumber';
-export * from './labelYearDropdown';
+export * from './labelDay';
+export * from './labelMonthDropdown';
+export * from './labelNext';
+export * from './labelPrevious';
+export * from './labelWeekday';
+export * from './labelWeekNumber';
+export * from './labelYearDropdown';

package/{build → dist}/contexts/DayPicker/labels/labelDay.d.ts

@@ -1,5 +1,5 @@
-import { DayLabel } from '../../../types';
-/**
- * The default ARIA label for the day button.
- */
-export declare const labelDay: DayLabel;
+import { DayLabel } from '../../../types/Labels';
+/**
+ * The default ARIA label for the day button.
+ */
+export declare const labelDay: DayLabel;

package/{build → dist}/contexts/DayPicker/labels/labelMonthDropdown.d.ts

@@ -1,4 +1,4 @@
-/**
- * The default ARIA label for the WeekNumber element.
- */
-export declare const labelMonthDropdown: () => string;
+/**
+ * The default ARIA label for the WeekNumber element.
+ */
+export declare const labelMonthDropdown: () => string;

package/{build → dist}/contexts/DayPicker/labels/labelNext.d.ts

@@ -1,5 +1,5 @@
-import { NavButtonLabel } from '../../../types';
-/**
- * The default ARIA label for next month button in navigation
- */
-export declare const labelNext: NavButtonLabel;
+import { NavButtonLabel } from '../../../types/Labels';
+/**
+ * The default ARIA label for next month button in navigation
+ */
+export declare const labelNext: NavButtonLabel;

package/{build → dist}/contexts/DayPicker/labels/labelPrevious.d.ts

@@ -1,5 +1,5 @@
-import { NavButtonLabel } from '../../../types';
-/**
- * The default ARIA label for previous month button in navigation
- */
-export declare const labelPrevious: NavButtonLabel;
+import { NavButtonLabel } from '../../../types/Labels';
+/**
+ * The default ARIA label for previous month button in navigation
+ */
+export declare const labelPrevious: NavButtonLabel;

package/{build → dist}/contexts/DayPicker/labels/labelWeekNumber.d.ts

@@ -1,5 +1,5 @@
-import { WeekNumberLabel } from '../../../types';
-/**
- * The default ARIA label for the WeekNumber element.
- */
-export declare const labelWeekNumber: WeekNumberLabel;
+import { WeekNumberLabel } from '../../../types/Labels';
+/**
+ * The default ARIA label for the WeekNumber element.
+ */
+export declare const labelWeekNumber: WeekNumberLabel;

package/{build → dist}/contexts/DayPicker/labels/labelWeekday.d.ts

@@ -1,5 +1,5 @@
-import { WeekdayLabel } from '../../../types';
-/**
- * The default ARIA label for the Weekday element.
- */
-export declare const labelWeekday: WeekdayLabel;
+import { WeekdayLabel } from '../../../types/Labels';
+/**
+ * The default ARIA label for the Weekday element.
+ */
+export declare const labelWeekday: WeekdayLabel;

package/{build → dist}/contexts/DayPicker/labels/labelYearDropdown.d.ts

@@ -1,4 +1,4 @@
-/**
- * The default ARIA label for the WeekNumber element.
- */
-export declare const labelYearDropdown: () => string;
+/**
+ * The default ARIA label for the WeekNumber element.
+ */
+export declare const labelYearDropdown: () => string;

package/{build → dist}/contexts/DayPicker/useDayPicker.d.ts

@@ -1,8 +1,8 @@
-import { DayPickerContextValue } from './DayPickerContext';
-/**
- * Hook to access the [[DayPickerContext]].
- *
- * To use this hook make sure to wrap the components with a one
- * [[DayPickerProvider]].
- * */
-export declare function useDayPicker(): DayPickerContextValue;
+import { DayPickerContextValue } from './DayPickerContext';
+/**
+ * Hook to access the [[DayPickerContext]].
+ *
+ * To use this hook make sure to wrap the components with a one
+ * [[DayPickerProvider]].
+ */
+export declare function useDayPicker(): DayPickerContextValue;

package/dist/contexts/DayPicker/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './parseFromToProps';

package/{build → dist}/contexts/DayPicker/utils/parseFromToProps.d.ts

@@ -1,9 +1,6 @@
-import { DayPickerProps } from '../../../types';
-/**
- * Build the `fromDate` and `toDate` values, given the fromMonth/toMonth
- * or fromYear/toYear props.
- */
-export declare function parseFromToProps(props: Pick<DayPickerProps, 'fromYear' | 'toYear' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth'>): {
-    fromDate: Date | undefined;
-    toDate: Date | undefined;
-};
+import { DayPickerProps } from '../../../types/DayPicker';
+/** Return the `fromDate` and `toDate` prop values values parsing the DayPicker props. */
+export declare function parseFromToProps(props: Pick<DayPickerProps, 'fromYear' | 'toYear' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth'>): {
+    fromDate: Date | undefined;
+    toDate: Date | undefined;
+};

package/dist/contexts/Focus/FocusContext.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+/** Represents the value of the [[NavigationContext]]. */
+export declare type FocusContextValue = {
+    /** The day currently focused. */
+    focusedDay: Date | undefined;
+    /** Day that will be focused.  */
+    focusTarget: Date | undefined;
+    /** Focus a day. */
+    focus: (day: Date) => void;
+    /** Blur the focused day. */
+    blur: () => void;
+    /** Focus the day after the focused day. */
+    focusDayAfter: () => void;
+    /** Focus the day before the focused day. */
+    focusDayBefore: () => void;
+    /** Focus the day in the week before the focused day. */
+    focusWeekBefore: () => void;
+    /** Focus the day in the week after the focused day. */
+    focusWeekAfter: () => void;
+    focusMonthBefore: () => void;
+    focusMonthAfter: () => void;
+    focusYearBefore: () => void;
+    focusYearAfter: () => void;
+    focusStartOfWeek: () => void;
+    focusEndOfWeek: () => void;
+};
+/**
+ * The Focus context shares details about the focused day for the keyboard
+ *
+ * Access this context from the [[useFocus]] hook.
+ */
+export declare const FocusContext: React.Context<FocusContextValue | undefined>;
+/** The provider for the [[FocusContext]]. */
+export declare function FocusProvider(props: {
+    children: ReactNode;
+}): JSX.Element;

package/dist/contexts/Focus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FocusContext';
+export * from './useFocusContext';

package/{build/contexts/Focus/useFocus.d.ts → dist/contexts/Focus/useFocusContext.d.ts}

@@ -1,3 +1,3 @@
-import { FocusContextValue } from './FocusContext';
-/** Hook to access the [[FocusContext]]. */
-export declare function useFocus(): FocusContextValue;
+import { FocusContextValue } from './FocusContext';
+/** Hook to access the [[FocusContext]]. */
+export declare function useFocusContext(): FocusContextValue;

package/dist/contexts/Focus/utils/getInitialFocusTarget.d.ts

@@ -0,0 +1,3 @@
+import { Modifiers } from '../../../types/Modifiers';
+/** Returns the day that should be the target of the focus when DayPicker is rendered the first time. */
+export declare function getInitialFocusTarget(displayMonths: Date[], modifiers: Modifiers): Date | undefined;

package/dist/contexts/Modifiers/ModifiersContext.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { Modifiers } from '../../types/Modifiers';
+/** The Modifiers context store the modifiers used in DayPicker. To access the value of this context, use [[useModifiers]]. */
+export declare const ModifiersContext: React.Context<Modifiers | undefined>;
+export declare type ModifiersProviderProps = {
+    children: ReactNode;
+};
+/** Provide the value for the [[ModifiersContext]]. */
+export declare function ModifiersProvider(props: ModifiersProviderProps): JSX.Element;

package/dist/contexts/Modifiers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useModifiers';
+export * from './utils/getActiveModifiers';

package/dist/contexts/Modifiers/useModifiers.d.ts

@@ -0,0 +1,6 @@
+import { Modifiers } from '../../types/Modifiers';
+/**
+ * Return the modifiers used by DayPicker.
+ *
+ * Requires to be wrapped into [[ModifiersProvider]]. */
+export declare function useModifiers(): Modifiers;

package/dist/contexts/Modifiers/utils/getActiveModifiers.d.ts

@@ -0,0 +1,7 @@
+import { ActiveModifiers, Modifiers } from '../../../types/Modifiers';
+/** Return the active modifiers for the given day. */
+export declare function getActiveModifiers(day: Date, 
+/** The modifiers to match for the given date. */
+modifiers: Modifiers, 
+/** The month where the day is displayed, to add the "outside" modifiers.  */
+displayMonth?: Date): ActiveModifiers;

package/dist/contexts/Modifiers/utils/getCustomModifiers.d.ts

@@ -0,0 +1,3 @@
+import { CustomModifiers, DayModifiers } from '../../../types/Modifiers';
+/** Create CustomModifiers from dayModifiers */
+export declare function getCustomModifiers(dayModifiers: DayModifiers): CustomModifiers;

package/dist/contexts/Modifiers/utils/getInternalModifiers.d.ts

@@ -0,0 +1,6 @@
+import { DayPickerContextValue } from '../../../contexts/DayPicker';
+import { SelectMultipleContextValue } from '../../../contexts/SelectMultiple';
+import { SelectRangeContextValue } from '../../../contexts/SelectRange';
+import { InternalModifiers } from '../../../types/Modifiers';
+/** Return the [[InternalModifiers]] from the DayPicker and select contexts. */
+export declare function getInternalModifiers(dayPicker: DayPickerContextValue, selectMultiple: SelectMultipleContextValue, selectRange: SelectRangeContextValue): InternalModifiers;

package/{build/hooks/useModifiers → dist/contexts/Modifiers}/utils/isDateInRange.d.ts

@@ -1,3 +1,3 @@
-import { DateRange } from '../../../types/Matchers';
-/** Return `true` whether the given date is inside the range. */
-export declare function isDateInRange(date: Date, range: DateRange): boolean;
+import { DateRange } from '../../../types/Matchers';
+/** Return `true` whether `date` is inside `range`. */
+export declare function isDateInRange(date: Date, range: DateRange): boolean;

package/{build/hooks/useModifiers → dist/contexts/Modifiers}/utils/isMatch.d.ts

@@ -1,5 +1,3 @@
-import { Matcher } from '../../../types/Matchers';
-/**
- * Returns `true` whether the day matches against the given matchers.
- */
-export declare function isMatch(day: Date, matchers: Matcher[]): boolean;
+import { Matcher } from '../../../types/Matchers';
+/** Returns `true` whether the day matches against the given matchers. */
+export declare function isMatch(day: Date, matchers: Matcher[]): boolean;