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

package/build/types/Matchers.d.ts

@@ -0,0 +1,34 @@
+/** A `Matcher` is a function, a date, an object, or an array of them used to determine if a day matches a modifier. */
+export declare type Matcher = ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek;
+/** A matcher to match a day falling after the specified date, with the date not included. */
+export declare type DateAfter = {
+    after: Date;
+};
+/** A matcher to match a day falling before the specified date, with the date not included. */
+export declare type DateBefore = {
+    before: Date;
+};
+/** A matcher to match a day falling before and after two dates, where the dates are not included. */
+export declare type DateInterval = {
+    before: Date;
+    after: Date;
+};
+/** A matcher to match a range of dates. The range can be open. Differently from [[DateInterval]], the dates here are included. */
+export declare type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+/** A matcher to match a date being one of the specified days of the week (`0-7`, where `0` is Sunday). */
+export declare type DayOfWeek = {
+    dayOfWeek: number[];
+};
+/** Returns true if `matcher` is of type [[DateInterval]]. */
+export declare function isDateInterval(matcher: unknown): matcher is DateInterval;
+/** Returns true if `value` is a [[DateRange]] type. */
+export declare function isDateRange(value: unknown): value is DateRange;
+/** Returns true if `value` is of type [[DateAfter]]. */
+export declare function isDateAfterType(value: unknown): value is DateAfter;
+/** Returns true if `value` is of type [[DateBefore]]. */
+export declare function isDateBeforeType(value: unknown): value is DateBefore;
+/** Returns true if `value` is a [[DayOfWeek]] type. */
+export declare function isDayOfWeekType(value: unknown): value is DayOfWeek;

package/build/types/Matchers.js

@@ -0,0 +1,27 @@
+/** Returns true if `matcher` is of type [[DateInterval]]. */
+function isDateInterval(matcher) {
+    return Boolean(matcher &&
+        typeof matcher === 'object' &&
+        'before' in matcher &&
+        'after' in matcher);
+}
+/** Returns true if `value` is a [[DateRange]] type. */
+function isDateRange(value) {
+    // TODO: Check if dates?!
+    return Boolean(value && typeof value === 'object' && 'from' in value);
+}
+/** Returns true if `value` is of type [[DateAfter]]. */
+function isDateAfterType(value) {
+    return Boolean(value && typeof value === 'object' && 'after' in value);
+}
+/** Returns true if `value` is of type [[DateBefore]]. */
+function isDateBeforeType(value) {
+    return Boolean(value && typeof value === 'object' && 'before' in value);
+}
+/** Returns true if `value` is a [[DayOfWeek]] type. */
+function isDayOfWeekType(value) {
+    return Boolean(value && typeof value === 'object' && 'dayOfWeek' in value);
+}
+
+export { isDateAfterType, isDateBeforeType, isDateInterval, isDateRange, isDayOfWeekType };
+//# sourceMappingURL=Matchers.js.map

package/build/types/Matchers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Matchers.js","sources":["../../src/types/Matchers.ts"],"sourcesContent":["/** A `Matcher` is a function, a date, an object, or an array of them used to determine if a day matches a modifier. */\nexport type Matcher =\n  | ((date: Date) => boolean)\n  | Date\n  | Date[]\n  | DateRange\n  | DateBefore\n  | DateAfter\n  | DateInterval\n  | DayOfWeek;\n\n/** A matcher to match a day falling after the specified date, with the date not included. */\nexport type DateAfter = { after: Date };\n\n/** A matcher to match a day falling before the specified date, with the date not included. */\nexport type DateBefore = { before: Date };\n\n/** A matcher to match a day falling before and after two dates, where the dates are not included. */\nexport type DateInterval = { before: Date; after: Date };\n\n/** A matcher to match a range of dates. The range can be open. Differently from [[DateInterval]], the dates here are included. */\nexport type DateRange = { from: Date | undefined; to?: Date | undefined };\n\n/** A matcher to match a date being one of the specified days of the week (`0-7`, where `0` is Sunday). */\nexport type DayOfWeek = { dayOfWeek: number[] };\n\n/** Returns true if `matcher` is of type [[DateInterval]]. */\nexport function isDateInterval(matcher: unknown): matcher is DateInterval {\n  return Boolean(\n    matcher &&\n      typeof matcher === 'object' &&\n      'before' in matcher &&\n      'after' in matcher\n  );\n}\n\n/** Returns true if `value` is a [[DateRange]] type. */\nexport function isDateRange(value: unknown): value is DateRange {\n  // TODO: Check if dates?!\n  return Boolean(value && typeof value === 'object' && 'from' in value);\n}\n\n/** Returns true if `value` is of type [[DateAfter]]. */\nexport function isDateAfterType(value: unknown): value is DateAfter {\n  return Boolean(value && typeof value === 'object' && 'after' in value);\n}\n\n/** Returns true if `value` is of type [[DateBefore]]. */\nexport function isDateBeforeType(value: unknown): value is DateBefore {\n  return Boolean(value && typeof value === 'object' && 'before' in value);\n}\n\n/** Returns true if `value` is a [[DayOfWeek]] type. */\nexport function isDayOfWeekType(value: unknown): value is DayOfWeek {\n  return Boolean(value && typeof value === 'object' && 'dayOfWeek' in value);\n}\n"],"names":[],"mappings":"AA0BA;SACgB,cAAc,CAAC,OAAgB;IAC7C,OAAO,OAAO,CACZ,OAAO;QACL,OAAO,OAAO,KAAK,QAAQ;QAC3B,QAAQ,IAAI,OAAO;QACnB,OAAO,IAAI,OAAO,CACrB,CAAC;AACJ,CAAC;AAED;SACgB,WAAW,CAAC,KAAc;;IAExC,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC;AACxE,CAAC;AAED;SACgB,eAAe,CAAC,KAAc;IAC5C,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC,CAAC;AACzE,CAAC;AAED;SACgB,gBAAgB,CAAC,KAAc;IAC7C,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,CAAC,CAAC;AAC1E,CAAC;AAED;SACgB,eAAe,CAAC,KAAc;IAC5C,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,IAAI,KAAK,CAAC,CAAC;AAC7E;;;;"}

package/build/types/Modifiers.d.ts

@@ -1,5 +1,16 @@
-import { InternalModifier } from './InternalModifier';
-import { Matcher } from './Matcher';
-import { Modifier } from './Modifier';
-/** Represent the map of modifiers with an array of matcher. */
+/// <reference types="react" />
+import { Matcher } from './Matchers';
+/** The map of modifiers with an array of matcher. */
 export declare type Modifiers = Record<Modifier, Matcher[]> & Record<InternalModifier, Matcher[]>;
+/** The modifiers that are used internally in DayPicker. */
+export declare type InternalModifier = 'selected' | 'disabled' | 'hidden' | 'today' | 'range_start' | 'range_end' | 'range_middle';
+/** A _modifier_ represents different styles or states of a day displayed in the calendar. */
+export declare type Modifier = string;
+/** The status of a modifiers when matched a day. */
+export declare type ModifierStatus = Record<Modifier, true> & Partial<Record<InternalModifier, true>>;
+/** The inline-style to apply to the day matching `modifier`. */
+export declare type ModifierStyles = Record<Modifier, React.CSSProperties> & Partial<Record<InternalModifier, React.CSSProperties>>;
+/** The classnames to assign to each modifier. */
+export declare type ModifierClassNames = Record<Modifier, string> & Partial<Record<InternalModifier, string>>;
+/** A map of matchers to use as custom modifiers.*/
+export declare type CustomModifiers = Record<Modifier, Matcher | Matcher[]>;

package/build/types/Styles.d.ts

@@ -1,4 +1,85 @@
-import * as React from 'react';
-import { StyledElement } from './StyledElement';
+import React from 'react';
+/** The style (either via class names or via in-line styles) of an element. */
+export declare type StyledElement<T = string | React.CSSProperties> = {
+    /** The style of the root element. */
+    readonly root: T;
+    /** The style of the root element when `numberOfMonths > 1`. */
+    readonly multiple_month: T;
+    /** The style of the root element when `showWeekNumber={true}`. */
+    readonly with_weeknumber: T;
+    /** The style of an element visually hidden. */
+    readonly vhidden: T;
+    /** The style for resetting the buttons. */
+    readonly button_reset: T;
+    /** The style of the buttons. */
+    readonly button: T;
+    /** The style of the caption (showing the calendar heading and the navigation) */
+    readonly caption: T;
+    /** The style of the caption when the first of a series of months. */
+    readonly caption_first: T;
+    /** The style of the caption when the last of a series of months. */
+    readonly caption_last: T;
+    /** The style of the caption when in the middle of a series of months.. */
+    readonly caption_middle: T;
+    /** The style of the caption label (e.g. "September 2021"). */
+    readonly caption_label: T;
+    /** The style of the drop-downs container. */
+    readonly caption_dropdowns: T;
+    /** The style of the drop-down (select) element. */
+    readonly dropdown: T;
+    /** The style of the drop-down to change the month. */
+    readonly dropdown_month: T;
+    /** The style of the drop-down to change the year. */
+    readonly dropdown_year: T;
+    /** The style of the drop-down icon. */
+    readonly dropdown_icon: T;
+    /** The style of the months wrapper. */
+    readonly months: T;
+    /** The style of the table wrapper. */
+    readonly month: T;
+    /** The style of table containing the monthly calendar. */
+    readonly table: T;
+    /** The style of the table body. */
+    readonly tbody: T;
+    /** The style of the table footer. */
+    readonly tfoot: T;
+    /** The style of the table’s head. */
+    readonly head: T;
+    /** The style of the row in the head. */
+    readonly head_row: T;
+    /** The style of the head cell. */
+    readonly head_cell: T;
+    /** The style of the navigation container. */
+    readonly nav: T;
+    /** The style of the navigation button. */
+    readonly nav_button: T;
+    /** The style of the "previous month" navigation button. */
+    readonly nav_button_previous: T;
+    /** The style of the "next month" navigation button. */
+    readonly nav_button_next: T;
+    /** The style of the icon for the navigation button. */
+    readonly nav_icon: T;
+    /** A style of the table’s row. */
+    readonly row: T;
+    /** The style of the weeknumber. */
+    readonly weeknumber: T;
+    /** The style of the table cell containing the day element. */
+    readonly cell: T;
+    /** The style of the day button (it is a `span` when not interactive). */
+    readonly day: T;
+    /** The style of a day when outside the month. */
+    readonly day_outside: T;
+};
+/** The class names of each element. */
+export declare type ClassNames = Partial<StyledElement<string>>;
 /** The inline-styles of each element. */
 export declare type Styles = Partial<StyledElement<React.CSSProperties>>;
+/** Represent component props to style a component inline or via CSS. */
+export declare type StyledComponent = {
+    /** The class name to apply to the container element. */
+    className?: string;
+    /** The inline style of the container element. */
+    style?: React.CSSProperties;
+    /** The content of the element. */
+    children?: React.ReactNode;
+};

package/build/types/index.d.ts

@@ -1,54 +1,11 @@
-export * from './CaptionLayout';
-export * from './ClassNames';
-export * from './Components';
-export * from './CustomModifiers';
-export * from './DateAfter';
-export * from './DateBefore';
-export * from './DateFormatter';
-export * from './DateInterval';
-export * from './DateRange';
-export * from './DayClickEventHandler';
-export * from './DayFocusEventHandler';
-export * from './DayKeyboardEventHandler';
-export * from './DayLabelFormatter';
-export * from './DayMouseEventHandler';
-export * from './DayOfWeekMatcher';
-export * from './DayPickerProps';
-export * from './DayPickerCustomProps';
-export * from './DayPickerMultipleProps';
-export * from './DayPickerProps';
-export * from './DayPickerRangeProps';
-export * from './DayPickerSingleProps';
-export * from './DayTouchEventHandler';
-export * from './InternalModifier';
+export * from './DayPicker';
+export * from './DayPickerCustom';
+export * from './DayPickerMultiple';
+export * from './DayPickerRange';
+export * from './DayPickerSingle';
+export * from './EventHandlers';
 export * from './Formatters';
-export * from './isArrayOfDates';
-export * from './isDateAfterType';
-export * from './isDateBeforeType';
-export * from './isDateInterval';
-export * from './isDateRange';
-export * from './isDateType';
-export * from './isDayOfWeekType';
-export * from './isDayPickerCustom';
-export * from './isDayPickerMultiple';
-export * from './isDayPickerRange';
-export * from './isDayPickerSingle';
 export * from './Labels';
-export * from './Matcher';
-export * from './Modifier';
-export * from './ModifierClassNames';
+export * from './Matchers';
 export * from './Modifiers';
-export * from './ModifierStatus';
-export * from './ModifierStyles';
-export * from './MonthChangeEventHandler';
-export * from './NavButtonLabelFormatter';
-export * from './SelectMultipleEventHandler';
-export * from './SelectRangeEventHandler';
-export * from './SelectSingleEventHandler';
-export * from './StyledComponentProps';
-export * from './StyledElement';
 export * from './Styles';
-export * from './WeekdayLabelFormatter';
-export * from './WeekNumberClickEventHandler';
-export * from './WeekNumberFormatter';
-export * from './WeekNumberLabelFormatter';