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

package/build/components/Caption/Caption.js

@@ -1,58 +1,62 @@
 import React from 'react';
 import { isSameMonth } from 'date-fns';
-import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
-import '../../contexts/DayPicker/DayPickerContext.js';
-import '../../contexts/Navigation/NavigationContext.js';
-import { useNavigation } from '../../contexts/Navigation/useNavigation.js';
-import { MonthsDropdown } from '../MonthsDropdown/MonthsDropdown.js';
-import { Navigation } from '../Navigation/Navigation.js';
-import { YearsDropdown } from '../YearsDropdown/YearsDropdown.js';
-
-/**
- * Render the caption of a month, which includes title and navigation buttons.
- * The caption has a different layout when setting the `numberOfMonths` prop.
- */
-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 captionLabel = React.createElement(CaptionLabel, { displayMonth: displayMonth });
-    var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
-    var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
-    return (React.createElement("div", { className: classNames.caption, style: styles.caption },
-        disableNavigation && captionLabel,
-        !disableNavigation && (React.createElement(React.Fragment, null, captionLayout === 'dropdown' ? (React.createElement("div", { className: classNames.caption_dropdowns, style: styles.caption_dropdowns },
-            React.createElement(MonthsDropdown, { onChange: handleMonthChange, displayMonth: displayMonth }),
-            React.createElement(YearsDropdown, { onChange: handleMonthChange, displayMonth: displayMonth }))) : (React.createElement(React.Fragment, null,
-            React.createElement(CaptionLabel, { displayMonth: displayMonth }),
-            React.createElement(Navigation, { displayMonth: displayMonth, hideNext: hideNext, hidePrevious: hidePrevious, nextMonth: nextMonth, previousMonth: previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick })))))));
+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));
 }
-
-export { Caption };
-//# sourceMappingURL=Caption.js.map
+//# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","sources":["../../../src/components/Caption/Caption.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isSameMonth } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useNavigation } from '../../contexts/Navigation';\nimport { MonthsDropdown } from '../MonthsDropdown';\nimport { Navigation } from '../Navigation';\nimport { YearsDropdown } from '../YearsDropdown';\nimport { MonthChangeEventHandler } from '../../types/EventHandlers';\n\n/** Represent the props of the [[Caption]] component. */\nexport interface CaptionProps {\n  /** The month where the caption is displayed. */\n  displayMonth: Date;\n}\n\n/**\n * The layout of the caption:\n *\n * - `dropdown` - display a month / year dropdown\n * - `buttons` - display previous / next month button.\n */\nexport type CaptionLayout = 'dropdown' | 'buttons';\n\n/**\n * Render the caption of a month, which includes title and navigation buttons.\n * The caption has a different layout when setting the `numberOfMonths` prop.\n */\nexport function Caption(props: CaptionProps): JSX.Element {\n  const { displayMonth } = props;\n  const context = useDayPicker();\n  const {\n    classNames,\n    numberOfMonths,\n    disableNavigation,\n    styles,\n    captionLayout,\n    onMonthChange,\n    dir,\n    components: { CaptionLabel }\n  } = context;\n\n  const { previousMonth, nextMonth, goToMonth, displayMonths } =\n    useNavigation();\n\n  const handlePreviousClick: React.MouseEventHandler = () => {\n    if (!previousMonth) return;\n    goToMonth(previousMonth);\n    onMonthChange?.(previousMonth);\n  };\n\n  const handleNextClick: React.MouseEventHandler = () => {\n    if (!nextMonth) return;\n    goToMonth(nextMonth);\n    onMonthChange?.(nextMonth);\n  };\n\n  const handleMonthChange: MonthChangeEventHandler = (newMonth) => {\n    goToMonth(newMonth);\n    onMonthChange?.(newMonth);\n  };\n\n  const displayIndex = displayMonths.findIndex((month) =>\n    isSameMonth(displayMonth, month)\n  );\n  let isFirst = displayIndex === 0;\n  let isLast = displayIndex === displayMonths.length - 1;\n  if (dir === 'rtl') {\n    [isLast, isFirst] = [isFirst, isLast];\n  }\n\n  const captionLabel = <CaptionLabel displayMonth={displayMonth} />;\n  const hideNext = numberOfMonths > 1 && (isFirst || !isLast);\n  const hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);\n\n  return (\n    <div className={classNames.caption} style={styles.caption}>\n      {disableNavigation && captionLabel}\n      {!disableNavigation && (\n        <>\n          {captionLayout === 'dropdown' ? (\n            <div\n              className={classNames.caption_dropdowns}\n              style={styles.caption_dropdowns}\n            >\n              <MonthsDropdown\n                onChange={handleMonthChange}\n                displayMonth={displayMonth}\n              />\n              <YearsDropdown\n                onChange={handleMonthChange}\n                displayMonth={displayMonth}\n              />\n            </div>\n          ) : (\n            <>\n              <CaptionLabel displayMonth={displayMonth} />\n              <Navigation\n                displayMonth={displayMonth}\n                hideNext={hideNext}\n                hidePrevious={hidePrevious}\n                nextMonth={nextMonth}\n                previousMonth={previousMonth}\n                onPreviousClick={handlePreviousClick}\n                onNextClick={handleNextClick}\n              />\n            </>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAyBA;;;;SAIgB,OAAO,CAAC,KAAmB;;IACjC,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IAC/B,IAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE7B,IAAA,UAAU,GAQR,OAAO,WARC,EACV,cAAc,GAOZ,OAAO,eAPK,EACd,iBAAiB,GAMf,OAAO,kBANQ,EACjB,MAAM,GAKJ,OAAO,OALH,EACN,aAAa,GAIX,OAAO,cAJI,EACb,aAAa,GAGX,OAAO,cAHI,EACb,GAAG,GAED,OAAO,IAFN,EACW,YAAY,GACxB,OAAO,wBADiB,CAChB;IAEN,IAAA,KACJ,aAAa,EAAE,EADT,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,aAAa,mBACzC,CAAC;IAElB,IAAM,mBAAmB,GAA4B;QACnD,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,SAAS,CAAC,aAAa,CAAC,CAAC;QACzB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,aAAa,CAAC,CAAC;KAChC,CAAC;IAEF,IAAM,eAAe,GAA4B;QAC/C,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;KAC5B,CAAC;IAEF,IAAM,iBAAiB,GAA4B,UAAC,QAAQ;QAC1D,SAAS,CAAC,QAAQ,CAAC,CAAC;QACpB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,QAAQ,CAAC,CAAC;KAC3B,CAAC;IAEF,IAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAAC,UAAC,KAAK;QACjD,OAAA,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC;KAAA,CACjC,CAAC;IACF,IAAI,OAAO,GAAG,YAAY,KAAK,CAAC,CAAC;IACjC,IAAI,MAAM,GAAG,YAAY,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,IAAI,GAAG,KAAK,KAAK,EAAE;QACjB,KAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,EAApC,MAAM,QAAA,EAAE,OAAO,QAAA,CAAsB;KACvC;IAED,IAAM,YAAY,GAAG,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY,GAAI,CAAC;IAClE,IAAM,QAAQ,GAAG,cAAc,GAAG,CAAC,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,IAAM,YAAY,GAAG,cAAc,GAAG,CAAC,KAAK,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC;IAEhE,QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO;QACtD,iBAAiB,IAAI,YAAY;QACjC,CAAC,iBAAiB,KACjB,0CACG,aAAa,KAAK,UAAU,IAC3B,6BACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,KAAK,EAAE,MAAM,CAAC,iBAAiB;YAE/B,oBAAC,cAAc,IACb,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,YAAY,GAC1B;YACF,oBAAC,aAAa,IACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,YAAY,GAC1B,CACE,KAEN;YACE,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY,GAAI;YAC5C,oBAAC,UAAU,IACT,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,mBAAmB,EACpC,WAAW,EAAE,eAAe,GAC5B,CACD,CACJ,CACA,CACJ,CACG,EACN;AACJ;;;;"}
+{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"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"}

package/build/components/Caption/index.d.ts

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

package/build/components/Caption/index.js

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

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

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

package/build/components/CaptionLabel/CaptionLabel.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-/** The props for the [[CaptionLabel]] component. */
-export interface CaptionLabelProps {
-    /** The month where the caption is displayed. */
-    displayMonth: Date;
-}
-/** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
-export declare function CaptionLabel(props: CaptionLabelProps): JSX.Element;
+/// <reference types="react" />
+/** The props for the [[CaptionLabel]] component. */
+export interface CaptionLabelProps {
+    /** The ID for the heading element. Must be the same as the labelled-by in Table. */
+    id?: string;
+    /** The month where the caption is displayed. */
+    displayMonth: Date;
+}
+/** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
+export declare function CaptionLabel(props: CaptionLabelProps): JSX.Element;

package/build/components/CaptionLabel/CaptionLabel.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CaptionLabel.js","sources":["../../../src/components/CaptionLabel/CaptionLabel.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/** The props for the [[CaptionLabel]] component. */\nexport interface CaptionLabelProps {\n  /** The month where the caption is displayed. */\n  displayMonth: Date;\n}\n\n/** Render the caption for the displayed month. This component is used when `captionLayout=\"buttons\"`. */\nexport function CaptionLabel(props: CaptionLabelProps): JSX.Element {\n  const {\n    locale,\n    classNames,\n    styles,\n    formatters: { formatCaption }\n  } = useDayPicker();\n  return (\n    <div\n      key=\"caption\"\n      className={classNames.caption_label}\n      style={styles.caption_label}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {formatCaption(props.displayMonth, { locale })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAUA;SACgB,YAAY,CAAC,KAAwB;IAC7C,IAAA,KAKF,YAAY,EAAE,EAJhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACQ,aAAa,8BACX,CAAC;IACnB,QACE,6BACE,GAAG,EAAC,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,KAAK,EAAE,MAAM,CAAC,aAAa,eACjB,QAAQ,iBACN,MAAM,IAEjB,aAAa,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC1C,EACN;AACJ;;;;"}
+{"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.d.ts

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

package/build/components/CaptionLabel/index.js

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

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

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

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-/** Represent the props used by the [[Day]] component. */
-export interface DayProps {
-    /** The month where the date is displayed. */
-    displayMonth: Date;
-    /** The date to render. */
-    date: Date;
-}
-/**
- * The content of a day cell – as a button or span element according to its
- * modifiers.
- */
-export declare function Day(props: DayProps): JSX.Element;
+/// <reference types="react" />
+/** Represent the props used by the [[Day]] component. */
+export interface DayProps {
+    /** The month where the date is displayed. */
+    displayMonth: Date;
+    /** The date to render. */
+    date: Date;
+}
+/**
+ * The content of a day cell – as a button or span element according to its
+ * modifiers.
+ */
+export declare function Day(props: DayProps): JSX.Element;

package/build/components/Day/Day.js

@@ -1,24 +1,21 @@
-import { __assign } from '../../_virtual/_tslib.js';
+import { __assign } from "tslib";
 import React from 'react';
-import { Button } from '../Button/Button.js';
-import { useDay } from './hooks/useDay.js';
-
-/**
- * The content of a day cell – as a button or span element according to its
- * modifiers.
- */
-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));
+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));
 }
-
-export { Day };
-//# sourceMappingURL=Day.js.map
+//# sourceMappingURL=Day.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../src/components/Day/Day.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\n\nimport { useDay } from './hooks/useDay';\n\n/** Represent the props used by the [[Day]] component. */\nexport interface DayProps {\n  /** The month where the date is displayed. */\n  displayMonth: Date;\n  /** The date to render. */\n  date: Date;\n}\n\n/**\n * The content of a day cell – as a button or span element according to its\n * modifiers.\n */\nexport function Day(props: DayProps): JSX.Element {\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  const day = useDay(props.date, props.displayMonth, buttonRef);\n  const { buttonProps, nonInteractiveProps } = day;\n\n  if (!buttonProps && !nonInteractiveProps) {\n    return <></>;\n  }\n  if (nonInteractiveProps) {\n    return <div {...nonInteractiveProps} />;\n  }\n  return <Button ref={buttonRef} {...buttonProps} />;\n}\n"],"names":[],"mappings":";;;;;AAcA;;;;SAIgB,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;;;;"}
+{"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 +1 @@
-export * from './useDay';
+export * from './useDay';

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

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

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

@@ -0,0 +1 @@
+{"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,58 +1,60 @@
-import React from 'react';
-import { DateRange, ModifierStatus, StyledComponent } from '../../../types';
-import { SelectMultipleContextValue } from '../../../contexts/SelectMultiple/SelectMultipleContext';
-import { SelectRangeContextValue } from '../../../contexts/SelectRange/SelectRangeContext';
-import { SelectSingleContextValue } from '../../../contexts/SelectSingle/SelectSingleContext';
-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;
+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;