react-day-picker 8.0.0-beta.36 → 8.0.0-beta.39

package/dist/types/Matchers.d.ts

@@ -0,0 +1,84 @@
+/**
+ * A value or a function that matches a specific day.
+ *
+ *
+ * Matchers are passed to DayPicker via [[DayPickerProps.disabled]],
+ * [[DayPickerProps.hidden]] or [[DayPickerProps.selected]] and are used to
+ * determine if a day should get a [[Modifier]].
+ *
+ * Matchers can be of different types:
+ *
+ * ```
+ * // will always match the day
+ * const booleanMatcher: Matcher = true;
+ *
+ *  // will match the today's date
+ * const dateMatcher: Matcher = new Date();
+ *
+ * // will match the days in the array
+ * const arrayMatcher: Matcher = [new Date(2019, 1, 2);, new Date(2019, 1, 4)];
+ *
+ * // will match days after the 2nd of February 2019
+ * const afterMatcher: DateAfter = { after: new Date(2019, 1, 2); };
+ *  // will match days before the 2nd of February 2019 }
+ * const beforeMatcher: DateBefore = { before: : new Date(2019, 1, 2); };
+ *
+ * // will match Sundays
+ * const dayOfWeekMatcher: DayOfWeek = {
+ *  dayOfWeek: 0
+ * };
+ *
+ * // will match the included days, except the two dates
+ * const intervalMatcher: DateInterval = {
+ *    after: new Date(2019, 1, 2);,
+ *    before: new Date(2019, 1, 5)
+ * };
+ *
+ * // will match the included days, including the two dates
+ * const rangeMatcher: DateRange = {
+ *    from: new Date(2019, 1, 2);,
+ *    to: new Date(2019, 1, 5)
+ * };
+ *
+ * // will match when the function return true
+ * const functionMatcher: Matcher = (day: Date) => {
+ *  return (new Date()).getMonth() === 2 // match when month is March
+ * };
+ * ```
+ *
+ * @see [[isMatch]]
+ *
+ * */
+export declare type Matcher = boolean | ((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 → dist}/types/Modifiers.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { Matcher } from './Matchers';
-/** Map of modifiers and an array of matcher. */
-export declare type Modifiers = Record<Modifier, Matcher[]> & Record<InternalModifier, Matcher[]>;
-/** The modifiers that are used internally by DayPicker. */
+/** A _modifier_ represents different styles or states of a day displayed in the calendar. */
+export declare type Modifier = string;
+/** The modifiers used by DayPicker. */
+export declare type Modifiers = CustomModifiers & InternalModifiers;
+/** The name of the modifiers that are used internally by DayPicker. */
 export declare enum InternalModifier {
+    Outside = "outside",
     /** Name of the modifier applied to the disabled days, using the `disabled` prop. */
     Disabled = "disabled",
     /** Name of the modifier applied to the selected days using the `selected` prop). */
@@ -21,18 +24,28 @@ export declare enum InternalModifier {
 }
 /** Map of matchers used for the internal modifiers. */
 export declare type InternalModifiers = Record<InternalModifier, Matcher[]>;
-/** 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>>;
+/**
+ * Active modifiers are those Modifiers matching a specific day.
+ *
+ * @example
+ *
+ * ```
+ * const activeModifiers: ActiveModifiers = {
+ *  selected: true,
+ *  customModifier: true
+ * }
+ * ```
+ *
+ * */
+export declare type ActiveModifiers = Record<Modifier, true> & Partial<Record<InternalModifier, true>>;
+/** The style to apply to each day element matching a modifier. */
+export declare type ModifiersStyles = Record<Modifier, React.CSSProperties> & Partial<Record<InternalModifier, React.CSSProperties>>;
+/** The classnames to assign to each day element matching a modifier. */
+export declare type ModifiersClassNames = Record<Modifier, string> & Partial<Record<InternalModifier, string>>;
 /** The custom modifiers passed to the [[DayPickerProps.modifiers]]. */
 export declare type DayModifiers = Record<Modifier, Matcher | Matcher[]>;
 /**
  * A map of matchers used as custom modifiers by DayPicker component. This is
  * the same as [[DayModifiers]], but it accepts only array of [[Matcher]]s.
- **/
+ */
 export declare type CustomModifiers = Record<Modifier, Matcher[]>;

package/{build → dist}/types/Styles.d.ts

@@ -74,12 +74,9 @@ export declare type StyledElement<T = string | React.CSSProperties> = {
 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. */
+/** Props of a component that can be styled via classNames or inline-styles. */
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-day-picker",
-  "version": "8.0.0-beta.36",
+  "version": "8.0.0-beta.39",
   "description": "Customizable Date Picker for React",
   "author": "Giampaolo Bellavite <io@gpbl.dev>",
   "homepage": "http://react-day-picker.js.org",
@@ -12,15 +12,16 @@
   "bugs": {
     "url": "https://github.com/gpbl/react-day-picker/issues"
   },
-  "module": "build/index.js",
   "main": "dist/index.js",
-  "types": "build/index.d.ts",
+  "module": "dist/index.esm.js",
+  "browser": "dist/react-day-picker.min.js",
+  "unpkg": "dist/react-day-picker.min.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/style.css",
   "scripts": {
-    "build": "yarn build-esm && yarn build-cjs",
-    "build-esm": "rimraf build && yarn css-types && tsc --project tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
-    "build-cjs": "rimraf dist && tsc --project tsconfig.cjs.json && tsc-alias -p tsconfig.cjs.json",
-    "build-watch": "rimraf build && rimraf dist && yarn css-types && tsc --project tsconfig.cjs.json -w & tsc-alias -p tsconfig.cjs.json -w",
-    "css-types": "yarn tcm -p style.css",
+    "build": "rimraf dist && rollup -c",
+    "build-watch": "rollup -c -w --no-watch.clearScreen",
+    "css-types": "yarn tcm -p src/style.css",
     "lint": "eslint --ext .ts,.tsx src",
     "test": "jest",
     "test-watch": "jest --watch",
@@ -28,45 +29,54 @@
     "typecheck-watch": "tsc --project ./tsconfig.json --noEmit --skipLibCheck --watch"
   },
   "files": [
-    "build",
-    "dist",
-    "style.css",
-    "style.css.d.ts"
+    "dist"
   ],
   "dependencies": {
     "@reach/auto-id": "^0.16.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^12.1.2",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@testing-library/dom": "^8.11.3",
+    "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.0.3",
-    "@types/node": "^14.17.34",
-    "@types/react": "^17.0.37",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "^5.5.0",
-    "date-fns": "^2.22.1",
-    "eslint": "^8.3.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.0",
+    "@types/jest": "^27.4.1",
+    "@types/node": "^14.18.12",
+    "@types/react": "^17.0.40",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/parser": "^5.15.0",
+    "date-fns": "^2.28.0",
+    "eslint": "^8.11.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-rdp": "workspace:^",
+    "eslint-import-resolver-typescript": "^2.5.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^26.1.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "jest": "^27.4.3",
-    "prettier": "^2.5.0",
+    "jest": "^27.5.1",
+    "prettier": "^2.6.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
+    "rollup": "^2.70.1",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-local-resolve": "^1.0.7",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
     "timekeeper": "^2.2.0",
-    "ts-jest": "^27.1.1",
-    "ts-node": "^10.4.0",
-    "tsc-alias": "^1.4.2",
+    "ts-jest": "^27.1.3",
+    "ts-node": "^10.7.0",
+    "tsc-alias": "^1.6.4",
     "tslib": "^2.3.1",
     "typed-css-modules": "^0.7.0",
-    "typescript": "~4.4.4"
+    "typescript": "~4.5.5"
   },
   "peerDependencies": {
-    "date-fns": "^2.10.0",
+    "date-fns": "^2.28.0",
     "react": "^16.8.0 || ^17.0.0"
   },
   "funding": {

package/build/DayPicker.js

@@ -1,95 +0,0 @@
-import { __assign } from "tslib";
-import React from 'react';
-import { Root } from './components/Root';
-import { RootProvider } from './contexts/RootProvider';
-/**
- * DayPicker render a date picker component to let users pick dates from a
- * calendar. See http://react-day-picker.js.org for updated documentation and
- * examples.
- *
- * ### Customization
- *
- * DayPicker offers different customization props. For example,
- *
- * - show multiple months using `numberOfMonths`
- * - display a dropdown to navigate the months via `captionLayout`
- * - display the week numbers with `showWeekNumbers`
- * - disable or hide days with `disabled` or `hidden`
- *
- * ### Controlling the months
- *
- * Change the initially displayed month using the `defaultMonth` prop. The
- * displayed months are controlled by DayPicker and stored in its internal
- * state. To control the months yourself, use `month` instead of `defaultMonth`
- * and use the `onMonthChange` event to set it.
- *
- * To limit the months the user can navigate to, use
- * `fromDate`/`fromMonth`/`fromYear` or `toDate`/`toMonth`/`toYear`.
- *
- * ### Selection modes
- *
- * DayPicker supports different selection mode that can be toggled using the
- * `mode` prop:
- *
- * - `mode="single"`: only one day can be selected. Use `required` to make the
- *   selection required. Use the `onSelect` event handler to get the selected
- *   days.
- * - `mode="multiple"`: users can select one or more days. Limit the amount of
- *   days that can be selected with the `min` or the `max` props.
- * - `mode="range"`: users can select a range of days. Limit the amount of days
- *   in the range with the `min` or the `max` props.
- * - `mode="custom"`: implement your own selection mode with `onDayClick`.
- *
- * These selection modes should cover the most common use cases. In case you
- * need a more refined way of selecting days, use `mode="custom"`. Use the
- * `selected` props and add the day event handlers to add/remove days from the
- * selection.
- *
- * ### Modifiers
- *
- * A _modifier_ represents different styles or states for the days displayed in
- * the calendar (like "selected" or "disabled"). Define custom modifiers using
- * the `modifiers` prop.
- *
- * ### Formatters and custom component
- *
- * You can customize how the content is displayed in the date picker by using
- * either the formatters or replacing the internal components.
- *
- * For the most common cases you want to use the `formatters` prop to change how
- * the content is formatted in the calendar. Use the `components` prop to
- * replace the internal components, like the navigation icons.
- *
- * ### Styling
- *
- * DayPicker comes with a default, basic style in `react-day-picker/style` – use
- * it as template for your own style.
- *
- * If you are using CSS modules, pass the imported styles object the
- * `classNames` props.
- *
- * You can also style the elements via inline-styles using the `styles` prop.
- *
- * ### Form fields
- *
- * If you need to bind the date picker to a form field, you can use the
- * `useInput` hooks for a basic behavior. See the `useInput` source as an
- * example to bind the date picker with form fields.
- *
- * ### Localization
- *
- * To localize DayPicker, import the locale from `date-fns` package and use the
- * `locale` prop.
- *
- * For example, to use Spanish locale:
- *
- * ```
- * import es from 'date-fns/locale/es';
- * <DayPicker locale={es} />
- * ```
- */
-export function DayPicker(props) {
-    return (React.createElement(RootProvider, __assign({}, props),
-        React.createElement(Root, null)));
-}
-//# sourceMappingURL=DayPicker.js.map

package/build/DayPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../src/DayPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,MAAM,UAAU,SAAS,CACvB,KAKwB;IAExB,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,oBAAC,IAAI,OAAG,CACK,CAChB,CAAC;AACJ,CAAC"}

package/build/components/Button/Button.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/** The props for the [[Button]] component. */
-export declare type ButtonProps = React.HTMLProps<HTMLButtonElement>;
-/**
- * Render a button HTML element applying the reset class name.
- */
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "id" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLButtonElement>>;

package/build/components/Button/Button.js

@@ -1,20 +0,0 @@
-import { __assign } from "tslib";
-import React from 'react';
-import { useDayPicker } from '../../contexts/DayPicker';
-/**
- * Render a button HTML element applying the reset class name.
- */
-export var Button = React.forwardRef(function (props, ref) {
-    var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles;
-    var classNamesArr = [classNames.button_reset, classNames.button];
-    if (props.className) {
-        classNamesArr.push(props.className);
-    }
-    var className = classNamesArr.join(' ');
-    var style = __assign(__assign({}, styles.button_reset), styles.button);
-    if (props.style) {
-        Object.assign(style, props.style);
-    }
-    return (React.createElement("button", __assign({}, props, { ref: ref, type: "button", className: className, style: style })));
-});
-//# sourceMappingURL=Button.js.map

package/build/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,UAAC,KAAK,EAAE,GAAG;IACH,IAAA,KAAyB,YAAY,EAAE,EAArC,UAAU,gBAAA,EAAE,MAAM,YAAmB,CAAC;IAE9C,IAAM,aAAa,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACnE,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KACrC;IACD,IAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE1C,IAAM,KAAK,yBAAQ,MAAM,CAAC,YAAY,GAAK,MAAM,CAAC,MAAM,CAAE,CAAC;IAC3D,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;KACnC;IAED,OAAO,CACL,2CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/build/components/Button/index.js

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.js.map

package/build/components/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/build/components/Caption/Caption.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { isSameMonth } from 'date-fns';
-import { MonthsDropdown } from '../../components/MonthsDropdown';
-import { Navigation } from '../../components/Navigation';
-import { YearsDropdown } from '../../components/YearsDropdown';
-import { useDayPicker } from '../../contexts/DayPicker';
-import { useNavigation } from '../../contexts/Navigation';
-/**
- * Render the caption of a month, which includes title and navigation buttons.
- * The caption has a different layout when setting the [[DayPickerProps.captionLayout]] prop.
- */
-export function Caption(props) {
-    var _a;
-    var displayMonth = props.displayMonth;
-    var context = useDayPicker();
-    var classNames = context.classNames, numberOfMonths = context.numberOfMonths, disableNavigation = context.disableNavigation, styles = context.styles, captionLayout = context.captionLayout, onMonthChange = context.onMonthChange, dir = context.dir, CaptionLabel = context.components.CaptionLabel;
-    var _b = useNavigation(), previousMonth = _b.previousMonth, nextMonth = _b.nextMonth, goToMonth = _b.goToMonth, displayMonths = _b.displayMonths;
-    var handlePreviousClick = function () {
-        if (!previousMonth)
-            return;
-        goToMonth(previousMonth);
-        onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(previousMonth);
-    };
-    var handleNextClick = function () {
-        if (!nextMonth)
-            return;
-        goToMonth(nextMonth);
-        onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextMonth);
-    };
-    var handleMonthChange = function (newMonth) {
-        goToMonth(newMonth);
-        onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(newMonth);
-    };
-    var displayIndex = displayMonths.findIndex(function (month) {
-        return isSameMonth(displayMonth, month);
-    });
-    var isFirst = displayIndex === 0;
-    var isLast = displayIndex === displayMonths.length - 1;
-    if (dir === 'rtl') {
-        _a = [isFirst, isLast], isLast = _a[0], isFirst = _a[1];
-    }
-    var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
-    var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
-    var captionLabel = (React.createElement(CaptionLabel, { id: props.id, displayMonth: displayMonth }));
-    var captionContent;
-    if (disableNavigation) {
-        captionContent = captionLabel;
-    }
-    else if (captionLayout === 'dropdown') {
-        captionContent = (React.createElement("div", { className: classNames.caption_dropdowns, style: styles.caption_dropdowns },
-            React.createElement("div", { className: classNames.vhidden }, captionLabel),
-            React.createElement(MonthsDropdown, { onChange: handleMonthChange, displayMonth: displayMonth }),
-            React.createElement(YearsDropdown, { onChange: handleMonthChange, displayMonth: displayMonth })));
-    }
-    else {
-        captionContent = (React.createElement(React.Fragment, null,
-            captionLabel,
-            React.createElement(Navigation, { displayMonth: displayMonth, hideNext: hideNext, hidePrevious: hidePrevious, nextMonth: nextMonth, previousMonth: previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick })));
-    }
-    return (React.createElement("div", { className: classNames.caption, style: styles.caption }, captionContent));
-}
-//# sourceMappingURL=Caption.js.map

package/build/components/Caption/Caption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"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"}

package/build/components/Caption/index.js

@@ -1,2 +0,0 @@
-export * from './Caption';
-//# sourceMappingURL=index.js.map

package/build/components/Caption/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/build/components/CaptionLabel/CaptionLabel.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { useDayPicker } from '../../contexts/DayPicker';
-/** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
-export function CaptionLabel(props) {
-    var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, formatCaption = _a.formatters.formatCaption;
-    return (React.createElement("h2", { className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", "aria-atomic": "true", id: props.id }, formatCaption(props.displayMonth, { locale: locale })));
-}
-//# sourceMappingURL=CaptionLabel.js.map

package/build/components/CaptionLabel/CaptionLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaptionLabel.js","sourceRoot":"","sources":["../../../src/components/CaptionLabel/CaptionLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD,yGAAyG;AACzG,MAAM,UAAU,YAAY,CAAC,KAAwB;IAC7C,IAAA,KAKF,YAAY,EAAE,EAJhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACQ,aAAa,8BACX,CAAC;IACnB,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,KAAK,EAAE,MAAM,CAAC,aAAa,eACjB,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,IAEX,aAAa,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC3C,CACN,CAAC;AACJ,CAAC"}

package/build/components/CaptionLabel/index.js

@@ -1,2 +0,0 @@
-export * from './CaptionLabel';
-//# sourceMappingURL=index.js.map

package/build/components/CaptionLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CaptionLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/build/components/Day/Day.js

@@ -1,21 +0,0 @@
-import { __assign } from "tslib";
-import React from 'react';
-import { Button } from '../Button';
-import { useDay } from './hooks/useDay';
-/**
- * The content of a day cell – as a button or span element according to its
- * modifiers.
- */
-export function Day(props) {
-    var buttonRef = React.useRef(null);
-    var day = useDay(props.date, props.displayMonth, buttonRef);
-    var buttonProps = day.buttonProps, nonInteractiveProps = day.nonInteractiveProps;
-    if (!buttonProps && !nonInteractiveProps) {
-        return React.createElement(React.Fragment, null);
-    }
-    if (nonInteractiveProps) {
-        return React.createElement("div", __assign({}, nonInteractiveProps));
-    }
-    return React.createElement(Button, __assign({ ref: buttonRef }, buttonProps));
-}
-//# sourceMappingURL=Day.js.map

package/build/components/Day/Day.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/components/Day/Day.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAUxC;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,IAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACtD,IAAA,WAAW,GAA0B,GAAG,YAA7B,EAAE,mBAAmB,GAAK,GAAG,oBAAR,CAAS;IAEjD,IAAI,CAAC,WAAW,IAAI,CAAC,mBAAmB,EAAE;QACxC,OAAO,yCAAK,CAAC;KACd;IACD,IAAI,mBAAmB,EAAE;QACvB,OAAO,wCAAS,mBAAmB,EAAI,CAAC;KACzC;IACD,OAAO,oBAAC,MAAM,aAAC,GAAG,EAAE,SAAS,IAAM,WAAW,EAAI,CAAC;AACrD,CAAC"}

package/build/components/Day/hooks/index.d.ts

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

package/build/components/Day/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './useDay';
-//# sourceMappingURL=index.js.map

package/build/components/Day/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Day/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/build/components/Day/hooks/useDay.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-import { SelectMultipleContextValue } from '../../../contexts/SelectMultiple';
-import { SelectRangeContextValue } from '../../../contexts/SelectRange';
-import { SelectSingleContextValue } from '../../../contexts/SelectSingle';
-import { DateRange } from '../../../types/Matchers';
-import { ModifierStatus } from '../../../types/Modifiers';
-import { StyledComponent } from '../../../types/Styles';
-export declare type UseDay = {
-    /** Whether the date is outside the display month/ */
-    isOutside: boolean;
-    /** The modifiers for the given date. */
-    modifiers: ModifierStatus;
-    /** The days in DayPicker currently selected. */
-    selected: Date | Date[] | DateRange | undefined;
-    /**
-     * The props for rendering the day as interactive element.
-     *
-     * When `undefined`, DayPicker should render a non interactive element with non-interactive
-     * props.
-     */
-    buttonProps?: Omit<React.HTMLProps<HTMLButtonElement>, 'ref'>;
-    /**
-     * The props for rendering the day as not interactive element.
-     *
-     * When both this value and `buttonProps` are `undefined`, DayPicker should not render anything.
-     */
-    nonInteractiveProps?: StyledComponent;
-    single: SelectSingleContextValue;
-    multiple: SelectMultipleContextValue;
-    range: SelectRangeContextValue;
-};
-/**
- * This hook returns details about the content to render in the day cell.
- *
- *
- * When a day cell is rendered in the table, DayPicker can either:
- *
- * - render nothing: when the day is outside the month or has matched the
- *   "hidden" modifier.
- * - render a button. When a selection mode is set, DayPicker renders a button
- *   to allow the focus and the selection. In case of `custom` selection
- *   mode, DayPicker expects a `onDayClick` prop to render a button.
- * - render a non-interactive element: when no selection mode is set, the day
- *   cell shouldn’t respond to any interaction. DayPicker should render a `div`
- *   or a `span`.
- *
- * ### Usage
- *
- * Use this hook to customize the behavior of the [[Day]] component. Create a
- * new `Day` component using this hook and pass it to the `components` prop.
- * The source of [[Day]] can be a good starting point.
- *
- * */
-export declare function useDay(
-/** The day rendered in the month. */
-date: Date, 
-/** The month where the date is displayed. DayPicker renders days outside the display month when `showOutsideDays` is true. */
-displayMonth: Date, 
-/** A ref to the button element. */
-buttonRef: React.RefObject<HTMLButtonElement>): UseDay;