@cxing/date-selector
Advanced tools
Comparing version 0.0.20 to 0.0.21
Changelog | ||
### 0.0.21 (2020-10-15) | ||
### 0.0.20 (2020-10-15) | ||
@@ -3,0 +5,0 @@ |
@@ -1,7 +0,25 @@ | ||
/* @cxing/date-selector version 0.0.20 © 2020 Cutter's Crossing */ | ||
import React, { useCallback, useEffect, useRef, Fragment, createContext, useContext, useState, useMemo } from 'react'; | ||
/* @cxing/date-selector version 0.0.21 © 2020 Cutter's Crossing */ | ||
import React, { createContext, useContext, useState, useMemo, useCallback, useEffect, useRef, Fragment } from 'react'; | ||
import PropTypes from 'prop-types'; | ||
import { Duration, DateTime } from 'luxon'; | ||
import { DateTime, Duration } from 'luxon'; | ||
import classnames from 'classnames'; | ||
function _extends() { | ||
_extends = Object.assign || function (target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
function createRange({ | ||
@@ -23,3 +41,3 @@ first, | ||
function getFirstDayOfWeek(fromDate) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return; | ||
if (!fromDate?.isValid) return; | ||
const firstDayOfWeek = fromDate.startOf('week'); | ||
@@ -34,3 +52,3 @@ return firstDayOfWeek.minus({ | ||
}) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return; | ||
if (!fromDate?.isValid) return; | ||
const firstDayOfMonth = fromDate.startOf(period); | ||
@@ -40,3 +58,3 @@ return getFirstDayOfWeek(firstDayOfMonth); | ||
function getLastDayOfWeek(fromDate) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return; | ||
if (!fromDate?.isValid) return; | ||
const lastDayOfWeek = fromDate.endOf('week'); | ||
@@ -51,3 +69,3 @@ return lastDayOfWeek.minus({ | ||
}) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return; | ||
if (!fromDate?.isValid) return; | ||
const lastDayOfMonth = fromDate.endOf(period); | ||
@@ -57,3 +75,3 @@ return getLastDayOfWeek(lastDayOfMonth); | ||
function getDisplayDaysRange(fromDate) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return []; | ||
if (!fromDate?.isValid) return []; | ||
const first = getFirstDisplayDay({ | ||
@@ -71,3 +89,3 @@ fromDate | ||
function getDisplayMonthsRange(fromDate) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return []; | ||
if (!fromDate?.isValid) return []; | ||
const first = fromDate.startOf('year'); | ||
@@ -86,3 +104,3 @@ const last = fromDate.endOf('year'); | ||
}) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid) || !range) return; | ||
if (!fromDate?.isValid || !range) return; | ||
const year = fromDate.year; | ||
@@ -98,3 +116,3 @@ const newYear = parseInt((year - 1) / range, 10) * range + 1; | ||
}) { | ||
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid) || !range) return []; | ||
if (!fromDate?.isValid || !range) return []; | ||
const first = getStartingYear({ | ||
@@ -176,31 +194,37 @@ fromDate, | ||
function useNext ({ | ||
setActiveDate, | ||
view, | ||
conversions | ||
function LabelButton({ | ||
buttonLabel: label, | ||
buttonARIALabel, | ||
onClick, | ||
className | ||
}) { | ||
return useCallback(() => setActiveDate(prev => prev.plus(conversions[view])), [setActiveDate, view, conversions]); | ||
return React.createElement("button", { | ||
"aria-label": buttonARIALabel, | ||
className: className, | ||
onClick: onClick | ||
}, label); | ||
} | ||
function usePrevious ({ | ||
setActiveDate, | ||
view, | ||
conversions | ||
function PreviousButton({ | ||
ariaButtonLabel, | ||
onClick, | ||
className | ||
}) { | ||
return useCallback(() => setActiveDate(prev => prev.minus(conversions[view])), [setActiveDate, view, conversions]); | ||
return React.createElement("button", { | ||
"aria-label": ariaButtonLabel, | ||
className: className, | ||
onClick: onClick | ||
}, '<'); | ||
} | ||
const decision = { | ||
day: 'month', | ||
month: 'year', | ||
year: 'month' | ||
}; | ||
function useOnLabelClick ({ | ||
setShowCal, | ||
setView | ||
function NextButton({ | ||
ariaButtonLabel, | ||
onClick, | ||
className | ||
}) { | ||
return useCallback(() => { | ||
setShowCal(false); | ||
setView(prev => decision[prev]); | ||
}, [setShowCal, setView]); | ||
return React.createElement("button", { | ||
"aria-label": ariaButtonLabel, | ||
className: className, | ||
onClick: onClick | ||
}, '>'); | ||
} | ||
@@ -231,7 +255,184 @@ | ||
var css_248z = ".Header-module_wrapper__3dq9j{display:inline;position:relative}.Header-module_button__1nR7o{border-color:transparent;border-radius:3px;background-color:initial}.Header-module_thisDay__3QL7a:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.Header-module_activeDate__3aarC.Header-module_thisDay__3QL7a:after{border-bottom-color:#fff}.Header-module_activeDate__3aarC button{background-color:#66f;color:#fff}.Header-module_valueDate__3fY84 button{background-color:#00f}.Header-module_header__3xTSI{display:flex;flex-direction:row;align-items:stretch}.Header-module_button__1nR7o{position:relative;height:2rem}.Header-module_navButton__1uok4{width:2rem}.Header-module_label__1uuqH{flex-grow:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLDZCQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQ29CLENBRXRCLG9DQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZixvRUFDRSx3QkFBNEIsQ0FFOUIsd0NBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsdUNBQ0UscUJBQXdCLENBRTFCLDZCQUNFLFlBQWEsQ0FDYixrQkFBbUIsQ0FDbkIsbUJBQXNCLENBRXhCLDZCQUNFLGlCQUFrQixDQUNsQixXQUFjLENBRWhCLGdDQUNFLFVBQWEsQ0FFZiw0QkFDRSxXQUFjIiwiZmlsZSI6IkhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDsgfVxuXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLm5hdkJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtOyB9XG5cbi5sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTsgfVxuIl19 */"; | ||
var styles = {"wrapper":"Header-module_wrapper__3dq9j","button":"Header-module_button__1nR7o","thisDay":"Header-module_thisDay__3QL7a","activeDate":"Header-module_activeDate__3aarC","valueDate":"Header-module_valueDate__3fY84","header":"Header-module_header__3xTSI","navButton":"Header-module_navButton__1uok4","label":"Header-module_label__1uuqH"}; | ||
var css_248z = ".DayButton-module_dayWrapper__M76XC,.DayButton-module_wrapper__3XQ0X{display:inline;position:relative}.DayButton-module_button__2wtT1,.DayButton-module_dayButton__417d2{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.DayButton-module_thisDay__yNlh9:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.DayButton-module_activeDate__1dMaf.DayButton-module_thisDay__yNlh9:after{border-bottom-color:#fff}.DayButton-module_activeDate__1dMaf button{background-color:#66f;color:#fff}.DayButton-module_valueDate__3u92f button{background-color:#00f}.DayButton-module_dayButton__417d2{width:2rem;height:2rem}.DayButton-module_thisDay__yNlh9:after{bottom:-.2rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRheUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLG1FQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQTZCLENBQzdCLGlCQUFvQixDQUV0Qix1Q0FDRSxVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLFlBQWEsQ0FDYixPQUFRLENBQ1IsUUFBUyxDQUNULG1DQUFxQyxDQUNyQyxrQ0FBb0MsQ0FDcEMsOEJBQWdDLENBQ2hDLFlBQWMsQ0FDZCxVQUFhLENBRWYsMEVBQ0Usd0JBQTRCLENBRTlCLDJDQUNFLHFCQUF5QixDQUN6QixVQUFjLENBRWhCLDBDQUNFLHFCQUF3QixDQUUxQixtQ0FDRSxVQUFXLENBQ1gsV0FBYyxDQUVoQix1Q0FDRSxhQUFpQiIsImZpbGUiOiJEYXlCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLmRheVdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4uYnV0dG9uLCAuZGF5QnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLmRheUJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC4ycmVtOyB9XG4iXX0= */"; | ||
var styles = {"wrapper":"DayButton-module_wrapper__3XQ0X","dayWrapper":"DayButton-module_dayWrapper__M76XC","button":"DayButton-module_button__2wtT1","dayButton":"DayButton-module_dayButton__417d2","thisDay":"DayButton-module_thisDay__yNlh9","activeDate":"DayButton-module_activeDate__1dMaf","valueDate":"DayButton-module_valueDate__3u92f"}; | ||
styleInject(css_248z); | ||
var _jsxFileName = "/home/runner/work/date-selector/date-selector/src/picker/header/Header.component.js"; | ||
function DayButton({ | ||
buttonRef, | ||
date, | ||
disabled, | ||
onClick, | ||
ariaButtonLabel | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles.dayButton, | ||
disabled: disabled, | ||
onClick: onClick | ||
}, date.toFormat('dd')); | ||
} | ||
DayButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
date: PropTypes.instanceOf(DateTime), | ||
disabled: PropTypes.bool, | ||
onClick: PropTypes.func, | ||
ariaButtonLabel: PropTypes.string | ||
}; | ||
var css_248z$1 = ".MonthButton-module_monthWrapper__2F5k3,.MonthButton-module_wrapper__33o7z{display:inline;position:relative}.MonthButton-module_button__2bqgM,.MonthButton-module_monthButton__pz4e5{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.MonthButton-module_thisDay__tiLrV:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.MonthButton-module_activeDate__lck4_.MonthButton-module_thisDay__tiLrV:after{border-bottom-color:#fff}.MonthButton-module_activeDate__lck4_ button{background-color:#66f;color:#fff}.MonthButton-module_valueDate__2M9dB button{background-color:#00f}.MonthButton-module_monthButton__pz4e5{width:25%;height:3.3333rem}.MonthButton-module_thisDay__tiLrV:after{bottom:-.9rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vbnRoQnV0dG9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJFQUNFLGNBQWUsQ0FDZixpQkFBb0IsQ0FFdEIseUVBQ0Usd0JBQXlCLENBQ3pCLGlCQUFrQixDQUNsQix3QkFBNkIsQ0FDN0IsaUJBQW9CLENBRXRCLHlDQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZiw4RUFDRSx3QkFBNEIsQ0FFOUIsNkNBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsNENBQ0UscUJBQXdCLENBRTFCLHVDQUNFLFNBQVUsQ0FDVixnQkFBbUIsQ0FFckIseUNBQ0UsYUFBaUIiLCJmaWxlIjoiTW9udGhCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLm1vbnRoV3JhcHBlciB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi5idXR0b24sIC5tb250aEJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5tb250aEJ1dHRvbiB7XG4gIHdpZHRoOiAyNSU7XG4gIGhlaWdodDogMy4zMzMzcmVtOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGJvdHRvbTogLTAuOXJlbTsgfVxuIl19 */"; | ||
var styles$1 = {"wrapper":"MonthButton-module_wrapper__33o7z","monthWrapper":"MonthButton-module_monthWrapper__2F5k3","button":"MonthButton-module_button__2bqgM","monthButton":"MonthButton-module_monthButton__pz4e5","thisDay":"MonthButton-module_thisDay__tiLrV","activeDate":"MonthButton-module_activeDate__lck4_","valueDate":"MonthButton-module_valueDate__2M9dB"}; | ||
styleInject(css_248z$1); | ||
function MonthButton({ | ||
buttonRef, | ||
ariaButtonLabel, | ||
date, | ||
onClick | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles$1.monthButton, | ||
onClick: onClick | ||
}, date.toFormat('MMM')); | ||
} | ||
MonthButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
ariaButtonLabel: PropTypes.string, | ||
date: PropTypes.instanceOf(DateTime), | ||
onClick: PropTypes.func | ||
}; | ||
var css_248z$2 = ".YearButton-module_wrapper__1wZxO,.YearButton-module_yearWrapper__QTX-d{display:inline;position:relative}.YearButton-module_button__3yaLP,.YearButton-module_yearButton__3LCb6{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.YearButton-module_thisDay__3PSWa:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.YearButton-module_activeDate__2tXOu.YearButton-module_thisDay__3PSWa:after{border-bottom-color:#fff}.YearButton-module_activeDate__2tXOu button{background-color:#66f;color:#fff}.YearButton-module_valueDate__3Tvkt button{background-color:#00f}.YearButton-module_thisDay__3PSWa:after{bottom:-.9rem}.YearButton-module_yearButton__3LCb6{width:20%;height:3.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlllYXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0VBQ0UsY0FBZSxDQUNmLGlCQUFvQixDQUV0QixzRUFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLHdCQUE2QixDQUM3QixpQkFBb0IsQ0FFdEIsd0NBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixZQUFhLENBQ2IsT0FBUSxDQUNSLFFBQVMsQ0FDVCxtQ0FBcUMsQ0FDckMsa0NBQW9DLENBQ3BDLDhCQUFnQyxDQUNoQyxZQUFjLENBQ2QsVUFBYSxDQUVmLDRFQUNFLHdCQUE0QixDQUU5Qiw0Q0FDRSxxQkFBeUIsQ0FDekIsVUFBYyxDQUVoQiwyQ0FDRSxxQkFBd0IsQ0FFMUIsd0NBQ0UsYUFBaUIsQ0FFbkIscUNBQ0UsU0FBVSxDQUNWLGFBQWdCIiwiZmlsZSI6IlllYXJCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLnllYXJXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLnllYXJCdXR0b24ge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogYXV0bztcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLWxlZnQ6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAwLjVyZW0gc29saWQgYmx1ZTtcbiAgcmlnaHQ6IDAuMjVyZW07XG4gIGNsZWFyOiBib3RoOyB9XG5cbi5hY3RpdmVEYXRlLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogd2hpdGU7IH1cblxuLmFjdGl2ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjZmZjtcbiAgY29sb3I6IHdoaXRlOyB9XG5cbi52YWx1ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBib3R0b206IC0wLjlyZW07IH1cblxuLnllYXJCdXR0b24ge1xuICB3aWR0aDogMjAlO1xuICBoZWlnaHQ6IDMuNXJlbTsgfVxuIl19 */"; | ||
var styles$2 = {"wrapper":"YearButton-module_wrapper__1wZxO","yearWrapper":"YearButton-module_yearWrapper__QTX-d","button":"YearButton-module_button__3yaLP","yearButton":"YearButton-module_yearButton__3LCb6","thisDay":"YearButton-module_thisDay__3PSWa","activeDate":"YearButton-module_activeDate__2tXOu","valueDate":"YearButton-module_valueDate__3Tvkt"}; | ||
styleInject(css_248z$2); | ||
function YearButton({ | ||
buttonRef, | ||
ariaButtonLabel, | ||
date, | ||
onClick | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles$2.yearButton, | ||
onClick: onClick | ||
}, date.toFormat('yyyy')); | ||
} | ||
YearButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
ariaButtonLabel: PropTypes.string, | ||
date: PropTypes.instanceOf(DateTime), | ||
onClick: PropTypes.func | ||
}; | ||
const defaultComponents = { | ||
labelButton: LabelButton, | ||
previousButton: PreviousButton, | ||
nextButton: NextButton, | ||
dayButton: DayButton, | ||
monthButton: MonthButton, | ||
yearButton: YearButton | ||
}; | ||
function mixComponents({ | ||
components = {} | ||
}) { | ||
return { ...defaultComponents, | ||
...components | ||
}; | ||
} | ||
const DateSelectorContext = createContext(); | ||
function DateSelectorProvider({ | ||
defaultDate, | ||
value, | ||
minDate, | ||
maxDate, | ||
defaultView, | ||
messages, | ||
components, | ||
onChange, | ||
isDateDisabled, | ||
...props | ||
}) { | ||
const [today] = useState(defaultDate?.startOf('day') || DateTime.local().startOf('day')); | ||
const [activeDate, setActiveDate] = useState(value?.startOf('day') || today); | ||
const [showCal, setShowCal] = useState(false); | ||
const [view, setView] = useState(defaultView); | ||
const [range, setRange] = useState(); | ||
const values = useMemo(() => ({ | ||
today, | ||
value, | ||
activeDate, | ||
setActiveDate, | ||
showCal, | ||
setShowCal, | ||
view, | ||
setView, | ||
range, | ||
setRange, | ||
minDate, | ||
maxDate, | ||
messages: mixMessages({ | ||
messages | ||
}), | ||
components: mixComponents({ | ||
components | ||
}), | ||
onChange, | ||
isDateDisabled | ||
}), [today, value, activeDate, setActiveDate, showCal, setShowCal, view, setView, range, setRange, minDate, maxDate, messages, components, onChange, isDateDisabled]); | ||
return React.createElement(DateSelectorContext.Provider, _extends({ | ||
value: values | ||
}, props)); | ||
} | ||
DateSelectorProvider.propTypes = { | ||
defaultDate: PropTypes.instanceOf(DateTime), | ||
value: PropTypes.instanceOf(DateTime), | ||
minDate: PropTypes.instanceOf(DateTime), | ||
maxDate: PropTypes.instanceOf(DateTime), | ||
defaultView: PropTypes.oneOf(['day', 'month', 'year']), | ||
messages: PropTypes.object, | ||
onChange: PropTypes.func, | ||
isDateDisabled: PropTypes.func | ||
}; | ||
const useDateSelector = () => useContext(DateSelectorContext); | ||
function useNext ({ | ||
setActiveDate, | ||
view, | ||
conversions | ||
}) { | ||
return useCallback(() => setActiveDate(prev => prev.plus(conversions[view])), [setActiveDate, view, conversions]); | ||
} | ||
function usePrevious ({ | ||
setActiveDate, | ||
view, | ||
conversions | ||
}) { | ||
return useCallback(() => setActiveDate(prev => prev.minus(conversions[view])), [setActiveDate, view, conversions]); | ||
} | ||
const decision = { | ||
day: 'month', | ||
month: 'year', | ||
year: 'month' | ||
}; | ||
function useOnLabelClick ({ | ||
setShowCal, | ||
setView | ||
}) { | ||
return useCallback(() => { | ||
setShowCal(false); | ||
setView(prev => decision[prev]); | ||
}, [setShowCal, setView]); | ||
} | ||
var css_248z$3 = ".Header-module_wrapper__3dq9j{display:inline;position:relative}.Header-module_button__1nR7o{border-color:transparent;border-radius:3px;background-color:initial}.Header-module_thisDay__3QL7a:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.Header-module_activeDate__3aarC.Header-module_thisDay__3QL7a:after{border-bottom-color:#fff}.Header-module_activeDate__3aarC button{background-color:#66f;color:#fff}.Header-module_valueDate__3fY84 button{background-color:#00f}.Header-module_header__3xTSI{display:flex;flex-direction:row;align-items:stretch}.Header-module_button__1nR7o{position:relative;height:2rem}.Header-module_navButton__1uok4{width:2rem}.Header-module_label__1uuqH{flex-grow:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLDZCQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQ29CLENBRXRCLG9DQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZixvRUFDRSx3QkFBNEIsQ0FFOUIsd0NBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsdUNBQ0UscUJBQXdCLENBRTFCLDZCQUNFLFlBQWEsQ0FDYixrQkFBbUIsQ0FDbkIsbUJBQXNCLENBRXhCLDZCQUNFLGlCQUFrQixDQUNsQixXQUFjLENBRWhCLGdDQUNFLFVBQWEsQ0FFZiw0QkFDRSxXQUFjIiwiZmlsZSI6IkhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDsgfVxuXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLm5hdkJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtOyB9XG5cbi5sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTsgfVxuIl19 */"; | ||
var styles$3 = {"wrapper":"Header-module_wrapper__3dq9j","button":"Header-module_button__1nR7o","thisDay":"Header-module_thisDay__3QL7a","activeDate":"Header-module_activeDate__3aarC","valueDate":"Header-module_valueDate__3fY84","header":"Header-module_header__3xTSI","navButton":"Header-module_navButton__1uok4","label":"Header-module_label__1uuqH"}; | ||
styleInject(css_248z$3); | ||
const conversions = { | ||
@@ -256,7 +457,7 @@ day: Duration.fromObject({ | ||
}) { | ||
if (!(activeDate === null || activeDate === void 0 ? void 0 : activeDate.isValid) || !view) return ''; | ||
if (view === 'day') return activeDate === null || activeDate === void 0 ? void 0 : activeDate.toFormat('MMMM yyyy'); | ||
if (view === 'month') return activeDate === null || activeDate === void 0 ? void 0 : activeDate.toFormat('yyyy'); | ||
if (!activeDate?.isValid || !view) return ''; | ||
if (view === 'day') return activeDate?.toFormat('MMMM yyyy'); | ||
if (view === 'month') return activeDate?.toFormat('yyyy'); | ||
if (view === 'year') { | ||
const len = range === null || range === void 0 ? void 0 : range.length; | ||
const len = range?.length; | ||
if (!len) return ''; | ||
@@ -308,40 +509,16 @@ const first = range[0]; | ||
return React.createElement("div", { | ||
className: styles.header, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName, | ||
lineNumber: 57, | ||
columnNumber: 5 | ||
} | ||
className: styles$3.header | ||
}, React.createElement(PreviousButton, { | ||
className: classnames(styles.button, styles.navButton), | ||
className: classnames(styles$3.button, styles$3.navButton), | ||
ariaButtonLabel: previousButtonARIALabel, | ||
onClick: prev, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName, | ||
lineNumber: 58, | ||
columnNumber: 7 | ||
} | ||
onClick: prev | ||
}), React.createElement(LabelButton, { | ||
className: classnames(styles.button, styles.label), | ||
className: classnames(styles$3.button, styles$3.label), | ||
buttonLabel: label, | ||
buttonARIALabel: labelButtonARIALabel, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName, | ||
lineNumber: 63, | ||
columnNumber: 7 | ||
} | ||
onClick: onClick | ||
}), React.createElement(NextButton, { | ||
className: classnames(styles.button, styles.navButton), | ||
className: classnames(styles$3.button, styles$3.navButton), | ||
ariaButtonLabel: nextButtonARIALabel, | ||
onClick: next, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName, | ||
lineNumber: 69, | ||
columnNumber: 7 | ||
} | ||
onClick: next | ||
})); | ||
@@ -358,3 +535,3 @@ } | ||
current | ||
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {}; | ||
} = buttonRef ?? {}; | ||
if (current && +date === +activeDate) { | ||
@@ -366,7 +543,2 @@ current.focus(); | ||
var css_248z$1 = ".DayButton-module_dayWrapper__M76XC,.DayButton-module_wrapper__3XQ0X{display:inline;position:relative}.DayButton-module_button__2wtT1,.DayButton-module_dayButton__417d2{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.DayButton-module_thisDay__yNlh9:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.DayButton-module_activeDate__1dMaf.DayButton-module_thisDay__yNlh9:after{border-bottom-color:#fff}.DayButton-module_activeDate__1dMaf button{background-color:#66f;color:#fff}.DayButton-module_valueDate__3u92f button{background-color:#00f}.DayButton-module_dayButton__417d2{width:2rem;height:2rem}.DayButton-module_thisDay__yNlh9:after{bottom:-.2rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRheUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLG1FQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQTZCLENBQzdCLGlCQUFvQixDQUV0Qix1Q0FDRSxVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLFlBQWEsQ0FDYixPQUFRLENBQ1IsUUFBUyxDQUNULG1DQUFxQyxDQUNyQyxrQ0FBb0MsQ0FDcEMsOEJBQWdDLENBQ2hDLFlBQWMsQ0FDZCxVQUFhLENBRWYsMEVBQ0Usd0JBQTRCLENBRTlCLDJDQUNFLHFCQUF5QixDQUN6QixVQUFjLENBRWhCLDBDQUNFLHFCQUF3QixDQUUxQixtQ0FDRSxVQUFXLENBQ1gsV0FBYyxDQUVoQix1Q0FDRSxhQUFpQiIsImZpbGUiOiJEYXlCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLmRheVdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4uYnV0dG9uLCAuZGF5QnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLmRheUJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC4ycmVtOyB9XG4iXX0= */"; | ||
var styles$1 = {"wrapper":"DayButton-module_wrapper__3XQ0X","dayWrapper":"DayButton-module_dayWrapper__M76XC","button":"DayButton-module_button__2wtT1","dayButton":"DayButton-module_dayButton__417d2","thisDay":"DayButton-module_thisDay__yNlh9","activeDate":"DayButton-module_activeDate__1dMaf","valueDate":"DayButton-module_valueDate__3u92f"}; | ||
styleInject(css_248z$1); | ||
var _jsxFileName$1 = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayButtonWrapper.component.js"; | ||
function DayButtonWrapper({ | ||
@@ -403,14 +575,8 @@ date, | ||
return React.createElement("div", { | ||
className: classnames(styles$1.dayWrapper, { | ||
[styles$1.activeDate]: +date === +activeDate, | ||
[styles$1.thisDay]: +date === +today, | ||
[styles$1.valueDate]: +(date === null || date === void 0 ? void 0 : date.ordinal) === +(value === null || value === void 0 ? void 0 : value.ordinal) | ||
}), | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$1, | ||
lineNumber: 40, | ||
columnNumber: 5 | ||
} | ||
}, React.createElement(DayButton, Object.assign({ | ||
className: classnames(styles.dayWrapper, { | ||
[styles.activeDate]: +date === +activeDate, | ||
[styles.thisDay]: +date === +today, | ||
[styles.valueDate]: +date?.ordinal === +value?.ordinal | ||
}) | ||
}, React.createElement(DayButton, { | ||
buttonRef, | ||
@@ -421,10 +587,3 @@ date, | ||
ariaButtonLabel | ||
}, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$1, | ||
lineNumber: 47, | ||
columnNumber: 7 | ||
} | ||
}))); | ||
})); | ||
} | ||
@@ -458,3 +617,2 @@ DayButtonWrapper.propTypes = { | ||
var _jsxFileName$2 = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayView.component.js"; | ||
function DayView() { | ||
@@ -474,20 +632,7 @@ const { | ||
}); | ||
return React.createElement(Fragment, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$2, | ||
lineNumber: 24, | ||
columnNumber: 5 | ||
} | ||
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(DayButtonWrapper, Object.assign({ | ||
return React.createElement(Fragment, null, range?.map(date => React.createElement(DayButtonWrapper, _extends({ | ||
date, | ||
handleOnClick | ||
}, { | ||
key: date.ordinal, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$2, | ||
lineNumber: 26, | ||
columnNumber: 9 | ||
} | ||
key: date.ordinal | ||
})))); | ||
@@ -504,4 +649,4 @@ } | ||
current | ||
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {}; | ||
if (current && (date === null || date === void 0 ? void 0 : date.month) === (activeDate === null || activeDate === void 0 ? void 0 : activeDate.month)) { | ||
} = buttonRef ?? {}; | ||
if (current && date?.month === activeDate?.month) { | ||
current.focus(); | ||
@@ -512,7 +657,2 @@ } | ||
var css_248z$2 = ".MonthButton-module_monthWrapper__2F5k3,.MonthButton-module_wrapper__33o7z{display:inline;position:relative}.MonthButton-module_button__2bqgM,.MonthButton-module_monthButton__pz4e5{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.MonthButton-module_thisDay__tiLrV:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.MonthButton-module_activeDate__lck4_.MonthButton-module_thisDay__tiLrV:after{border-bottom-color:#fff}.MonthButton-module_activeDate__lck4_ button{background-color:#66f;color:#fff}.MonthButton-module_valueDate__2M9dB button{background-color:#00f}.MonthButton-module_monthButton__pz4e5{width:25%;height:3.5rem}.MonthButton-module_thisDay__tiLrV:after{bottom:-.9rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vbnRoQnV0dG9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJFQUNFLGNBQWUsQ0FDZixpQkFBb0IsQ0FFdEIseUVBQ0Usd0JBQXlCLENBQ3pCLGlCQUFrQixDQUNsQix3QkFBNkIsQ0FDN0IsaUJBQW9CLENBRXRCLHlDQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZiw4RUFDRSx3QkFBNEIsQ0FFOUIsNkNBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsNENBQ0UscUJBQXdCLENBRTFCLHVDQUNFLFNBQVUsQ0FDVixhQUFnQixDQUVsQix5Q0FDRSxhQUFpQiIsImZpbGUiOiJNb250aEJ1dHRvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyLCAubW9udGhXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLm1vbnRoQnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLm1vbnRoQnV0dG9uIHtcbiAgd2lkdGg6IDI1JTtcbiAgaGVpZ2h0OiAzLjVyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC45cmVtOyB9XG4iXX0= */"; | ||
var styles$2 = {"wrapper":"MonthButton-module_wrapper__33o7z","monthWrapper":"MonthButton-module_monthWrapper__2F5k3","button":"MonthButton-module_button__2bqgM","monthButton":"MonthButton-module_monthButton__pz4e5","thisDay":"MonthButton-module_thisDay__tiLrV","activeDate":"MonthButton-module_activeDate__lck4_","valueDate":"MonthButton-module_valueDate__2M9dB"}; | ||
styleInject(css_248z$2); | ||
var _jsxFileName$3 = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthButtonWrapper.component.js"; | ||
function MonthButtonWrapper({ | ||
@@ -542,13 +682,7 @@ date, | ||
return React.createElement("div", { | ||
className: classnames(styles$2.monthWrapper, { | ||
[styles$2.activeDate]: +(date === null || date === void 0 ? void 0 : date.month) === +(activeDate === null || activeDate === void 0 ? void 0 : activeDate.month), | ||
[styles$2.thisDay]: +(date === null || date === void 0 ? void 0 : date.month) === +(today === null || today === void 0 ? void 0 : today.month) | ||
}), | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$3, | ||
lineNumber: 28, | ||
columnNumber: 5 | ||
} | ||
}, React.createElement(MonthButton, Object.assign({ | ||
className: classnames(styles$1.monthWrapper, { | ||
[styles$1.activeDate]: +date?.month === +activeDate?.month, | ||
[styles$1.thisDay]: +date?.month === +today?.month | ||
}) | ||
}, React.createElement(MonthButton, { | ||
buttonRef, | ||
@@ -558,10 +692,3 @@ ariaButtonLabel, | ||
onClick | ||
}, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$3, | ||
lineNumber: 34, | ||
columnNumber: 7 | ||
} | ||
}))); | ||
})); | ||
} | ||
@@ -594,3 +721,2 @@ MonthButtonWrapper.propTypes = { | ||
var _jsxFileName$4 = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthView.component.js"; | ||
function MonthView() { | ||
@@ -610,20 +736,7 @@ const { | ||
}); | ||
return React.createElement(Fragment, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$4, | ||
lineNumber: 24, | ||
columnNumber: 5 | ||
} | ||
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(MonthButtonWrapper, Object.assign({ | ||
return React.createElement(Fragment, null, range?.map(date => React.createElement(MonthButtonWrapper, _extends({ | ||
date, | ||
handleOnClick | ||
}, { | ||
key: date.month, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$4, | ||
lineNumber: 26, | ||
columnNumber: 9 | ||
} | ||
key: date.month | ||
})))); | ||
@@ -640,4 +753,4 @@ } | ||
current | ||
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {}; | ||
if (current && (date === null || date === void 0 ? void 0 : date.year) === (activeDate === null || activeDate === void 0 ? void 0 : activeDate.year)) { | ||
} = buttonRef ?? {}; | ||
if (current && date?.year === activeDate?.year) { | ||
current.focus(); | ||
@@ -648,7 +761,2 @@ } | ||
var css_248z$3 = ".YearButton-module_wrapper__1wZxO,.YearButton-module_yearWrapper__QTX-d{display:inline;position:relative}.YearButton-module_button__3yaLP,.YearButton-module_yearButton__3LCb6{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.YearButton-module_thisDay__3PSWa:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.YearButton-module_activeDate__2tXOu.YearButton-module_thisDay__3PSWa:after{border-bottom-color:#fff}.YearButton-module_activeDate__2tXOu button{background-color:#66f;color:#fff}.YearButton-module_valueDate__3Tvkt button{background-color:#00f}.YearButton-module_thisDay__3PSWa:after{bottom:-.9rem}.YearButton-module_yearButton__3LCb6{width:20%;height:3.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlllYXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0VBQ0UsY0FBZSxDQUNmLGlCQUFvQixDQUV0QixzRUFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLHdCQUE2QixDQUM3QixpQkFBb0IsQ0FFdEIsd0NBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixZQUFhLENBQ2IsT0FBUSxDQUNSLFFBQVMsQ0FDVCxtQ0FBcUMsQ0FDckMsa0NBQW9DLENBQ3BDLDhCQUFnQyxDQUNoQyxZQUFjLENBQ2QsVUFBYSxDQUVmLDRFQUNFLHdCQUE0QixDQUU5Qiw0Q0FDRSxxQkFBeUIsQ0FDekIsVUFBYyxDQUVoQiwyQ0FDRSxxQkFBd0IsQ0FFMUIsd0NBQ0UsYUFBaUIsQ0FFbkIscUNBQ0UsU0FBVSxDQUNWLGFBQWdCIiwiZmlsZSI6IlllYXJCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLnllYXJXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLnllYXJCdXR0b24ge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogYXV0bztcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLWxlZnQ6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAwLjVyZW0gc29saWQgYmx1ZTtcbiAgcmlnaHQ6IDAuMjVyZW07XG4gIGNsZWFyOiBib3RoOyB9XG5cbi5hY3RpdmVEYXRlLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogd2hpdGU7IH1cblxuLmFjdGl2ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjZmZjtcbiAgY29sb3I6IHdoaXRlOyB9XG5cbi52YWx1ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBib3R0b206IC0wLjlyZW07IH1cblxuLnllYXJCdXR0b24ge1xuICB3aWR0aDogMjAlO1xuICBoZWlnaHQ6IDMuNXJlbTsgfVxuIl19 */"; | ||
var styles$3 = {"wrapper":"YearButton-module_wrapper__1wZxO","yearWrapper":"YearButton-module_yearWrapper__QTX-d","button":"YearButton-module_button__3yaLP","yearButton":"YearButton-module_yearButton__3LCb6","thisDay":"YearButton-module_thisDay__3PSWa","activeDate":"YearButton-module_activeDate__2tXOu","valueDate":"YearButton-module_valueDate__3Tvkt"}; | ||
styleInject(css_248z$3); | ||
var _jsxFileName$5 = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearButtonWrapper.component.js"; | ||
function YearButtonWrapper({ | ||
@@ -678,13 +786,7 @@ date, | ||
return React.createElement("div", { | ||
className: classnames(styles$3.yearWrapper, { | ||
[styles$3.activeDate]: +(date === null || date === void 0 ? void 0 : date.year) === +(activeDate === null || activeDate === void 0 ? void 0 : activeDate.year), | ||
[styles$3.thisDay]: +(date === null || date === void 0 ? void 0 : date.year) === +(today === null || today === void 0 ? void 0 : today.year) | ||
}), | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$5, | ||
lineNumber: 28, | ||
columnNumber: 5 | ||
} | ||
}, React.createElement(YearButton, Object.assign({ | ||
className: classnames(styles$2.yearWrapper, { | ||
[styles$2.activeDate]: +date?.year === +activeDate?.year, | ||
[styles$2.thisDay]: +date?.year === +today?.year | ||
}) | ||
}, React.createElement(YearButton, { | ||
buttonRef, | ||
@@ -694,10 +796,3 @@ ariaButtonLabel, | ||
onClick | ||
}, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$5, | ||
lineNumber: 34, | ||
columnNumber: 7 | ||
} | ||
}))); | ||
})); | ||
} | ||
@@ -728,3 +823,2 @@ YearButtonWrapper.propTypes = { | ||
var _jsxFileName$6 = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearView.component.js"; | ||
function YearView() { | ||
@@ -744,24 +838,10 @@ const { | ||
}); | ||
return React.createElement(Fragment, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$6, | ||
lineNumber: 24, | ||
columnNumber: 5 | ||
} | ||
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(YearButtonWrapper, Object.assign({ | ||
return React.createElement(Fragment, null, range?.map(date => React.createElement(YearButtonWrapper, _extends({ | ||
date, | ||
handleOnClick | ||
}, { | ||
key: date.year, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$6, | ||
lineNumber: 26, | ||
columnNumber: 9 | ||
} | ||
key: date.year | ||
})))); | ||
} | ||
var _jsxFileName$7 = "/home/runner/work/date-selector/date-selector/src/picker/views/Views.component.js"; | ||
function Views() { | ||
@@ -774,30 +854,9 @@ const { | ||
if (view === 'day') { | ||
return React.createElement(DayView, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$7, | ||
lineNumber: 14, | ||
columnNumber: 12 | ||
} | ||
}); | ||
return React.createElement(DayView, null); | ||
} | ||
if (view === 'month') { | ||
return React.createElement(MonthView, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$7, | ||
lineNumber: 17, | ||
columnNumber: 12 | ||
} | ||
}); | ||
return React.createElement(MonthView, null); | ||
} | ||
if (view === 'year') { | ||
return React.createElement(YearView, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$7, | ||
lineNumber: 20, | ||
columnNumber: 12 | ||
} | ||
}); | ||
return React.createElement(YearView, null); | ||
} | ||
@@ -826,7 +885,6 @@ return null; | ||
var css_248z$4 = ".Container-module_container__38m86{display:inline-block;background-color:#fff;color:#000;border:1px solid #000;border-radius:5px;padding:.3rem;width:14rem}.Container-module_days__25Tmt{width:14rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FDRSxvQkFBcUIsQ0FDckIscUJBQXVCLENBQ3ZCLFVBQVksQ0FDWixxQkFBdUIsQ0FDdkIsaUJBQWtCLENBQ2xCLGFBQWUsQ0FDZixXQUFjLENBRWhCLDhCQUNFLFdBQWMiLCJmaWxlIjoiQ29udGFpbmVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiBibGFjaztcbiAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgcGFkZGluZzogMC4zcmVtO1xuICB3aWR0aDogMTRyZW07IH1cblxuLmRheXMge1xuICB3aWR0aDogMTRyZW07IH1cbiJdfQ== */"; | ||
var styles$4 = {"container":"Container-module_container__38m86","days":"Container-module_days__25Tmt"}; | ||
var css_248z$4 = ".Container-module_container__38m86{display:inline-block;background-color:#fff;color:#000;border:1px solid #000;border-radius:5px;padding:.3rem;width:14rem;min-height:12rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FDRSxvQkFBcUIsQ0FDckIscUJBQXVCLENBQ3ZCLFVBQVksQ0FDWixxQkFBdUIsQ0FDdkIsaUJBQWtCLENBQ2xCLGFBQWUsQ0FDZixXQUFZLENBQ1osZ0JBQW1CIiwiZmlsZSI6IkNvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogYmxhY2s7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHBhZGRpbmc6IDAuM3JlbTtcbiAgd2lkdGg6IDE0cmVtO1xuICBtaW4taGVpZ2h0OiAxMnJlbTsgfVxuIl19 */"; | ||
var styles$4 = {"container":"Container-module_container__38m86"}; | ||
styleInject(css_248z$4); | ||
var _jsxFileName$8 = "/home/runner/work/date-selector/date-selector/src/picker/container/Container.component.js"; | ||
function Container() { | ||
@@ -848,251 +906,6 @@ const { | ||
return React.createElement("div", { | ||
className: classnames(styles$4.container, { | ||
[styles$4.days]: view === 'day' | ||
}), | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$8, | ||
lineNumber: 22, | ||
columnNumber: 5 | ||
} | ||
}, React.createElement(Header, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$8, | ||
lineNumber: 27, | ||
columnNumber: 7 | ||
} | ||
}), React.createElement(Views, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$8, | ||
lineNumber: 28, | ||
columnNumber: 7 | ||
} | ||
})); | ||
className: styles$4.container | ||
}, React.createElement(Header, null), React.createElement(Views, null)); | ||
} | ||
var _jsxFileName$9 = "/home/runner/work/date-selector/date-selector/src/picker/header/LabelButton.component.js"; | ||
function LabelButton({ | ||
buttonLabel: label, | ||
buttonARIALabel, | ||
onClick, | ||
className | ||
}) { | ||
return React.createElement("button", { | ||
"aria-label": buttonARIALabel, | ||
className: className, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$9, | ||
lineNumber: 10, | ||
columnNumber: 5 | ||
} | ||
}, label); | ||
} | ||
var _jsxFileName$a = "/home/runner/work/date-selector/date-selector/src/picker/header/PreviousButton.component.js"; | ||
function PreviousButton({ | ||
ariaButtonLabel, | ||
onClick, | ||
className | ||
}) { | ||
return React.createElement("button", { | ||
"aria-label": ariaButtonLabel, | ||
className: className, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$a, | ||
lineNumber: 9, | ||
columnNumber: 5 | ||
} | ||
}, '<'); | ||
} | ||
var _jsxFileName$b = "/home/runner/work/date-selector/date-selector/src/picker/header/NextButton.component.js"; | ||
function NextButton({ | ||
ariaButtonLabel, | ||
onClick, | ||
className | ||
}) { | ||
return React.createElement("button", { | ||
"aria-label": ariaButtonLabel, | ||
className: className, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$b, | ||
lineNumber: 5, | ||
columnNumber: 5 | ||
} | ||
}, '>'); | ||
} | ||
var _jsxFileName$c = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayButton.component.js"; | ||
function DayButton({ | ||
buttonRef, | ||
date, | ||
disabled, | ||
onClick, | ||
ariaButtonLabel | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles$1.dayButton, | ||
disabled: disabled, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$c, | ||
lineNumber: 15, | ||
columnNumber: 5 | ||
} | ||
}, date.toFormat('dd')); | ||
} | ||
DayButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
date: PropTypes.instanceOf(DateTime), | ||
disabled: PropTypes.bool, | ||
onClick: PropTypes.func, | ||
ariaButtonLabel: PropTypes.string | ||
}; | ||
var _jsxFileName$d = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthButton.component.js"; | ||
function MonthButton({ | ||
buttonRef, | ||
ariaButtonLabel, | ||
date, | ||
onClick | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles$2.monthButton, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$d, | ||
lineNumber: 14, | ||
columnNumber: 5 | ||
} | ||
}, date.toFormat('MMM')); | ||
} | ||
MonthButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
ariaButtonLabel: PropTypes.string, | ||
date: PropTypes.instanceOf(DateTime), | ||
onClick: PropTypes.func | ||
}; | ||
var _jsxFileName$e = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearButton.component.js"; | ||
function YearButton({ | ||
buttonRef, | ||
ariaButtonLabel, | ||
date, | ||
onClick | ||
}) { | ||
return React.createElement("button", { | ||
ref: buttonRef, | ||
"aria-label": ariaButtonLabel, | ||
className: styles$3.yearButton, | ||
onClick: onClick, | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$e, | ||
lineNumber: 14, | ||
columnNumber: 5 | ||
} | ||
}, date.toFormat('yyyy')); | ||
} | ||
YearButton.propTypes = { | ||
buttonRef: PropTypes.any, | ||
ariaButtonLabel: PropTypes.string, | ||
date: PropTypes.instanceOf(DateTime), | ||
onClick: PropTypes.func | ||
}; | ||
const defaultComponents = { | ||
labelButton: LabelButton, | ||
previousButton: PreviousButton, | ||
nextButton: NextButton, | ||
dayButton: DayButton, | ||
monthButton: MonthButton, | ||
yearButton: YearButton | ||
}; | ||
function mixComponents({ | ||
components = {} | ||
}) { | ||
return { ...defaultComponents, | ||
...components | ||
}; | ||
} | ||
var _jsxFileName$f = "/home/runner/work/date-selector/date-selector/src/context/DateSelector.context.js"; | ||
const DateSelectorContext = createContext(); | ||
function DateSelectorProvider({ | ||
defaultDate, | ||
value, | ||
minDate, | ||
maxDate, | ||
defaultView, | ||
messages, | ||
components, | ||
onChange, | ||
isDateDisabled, | ||
...props | ||
}) { | ||
const [today] = useState((defaultDate === null || defaultDate === void 0 ? void 0 : defaultDate.startOf('day')) || DateTime.local().startOf('day')); | ||
const [activeDate, setActiveDate] = useState((value === null || value === void 0 ? void 0 : value.startOf('day')) || today); | ||
const [showCal, setShowCal] = useState(false); | ||
const [view, setView] = useState(defaultView); | ||
const [range, setRange] = useState(); | ||
const values = useMemo(() => ({ | ||
today, | ||
value, | ||
activeDate, | ||
setActiveDate, | ||
showCal, | ||
setShowCal, | ||
view, | ||
setView, | ||
range, | ||
setRange, | ||
minDate, | ||
maxDate, | ||
messages: mixMessages({ | ||
messages | ||
}), | ||
components: mixComponents({ | ||
components | ||
}), | ||
onChange, | ||
isDateDisabled | ||
}), [today, value, activeDate, setActiveDate, showCal, setShowCal, view, setView, range, setRange, minDate, maxDate, messages, components, onChange, isDateDisabled]); | ||
return React.createElement(DateSelectorContext.Provider, Object.assign({ | ||
value: values | ||
}, props, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$f, | ||
lineNumber: 70, | ||
columnNumber: 10 | ||
} | ||
})); | ||
} | ||
DateSelectorProvider.propTypes = { | ||
defaultDate: PropTypes.instanceOf(DateTime), | ||
value: PropTypes.instanceOf(DateTime), | ||
minDate: PropTypes.instanceOf(DateTime), | ||
maxDate: PropTypes.instanceOf(DateTime), | ||
defaultView: PropTypes.oneOf(['day', 'month', 'year']), | ||
messages: PropTypes.object, | ||
onChange: PropTypes.func, | ||
isDateDisabled: PropTypes.func | ||
}; | ||
const useDateSelector = () => useContext(DateSelectorContext); | ||
var _jsxFileName$g = "/home/runner/work/date-selector/date-selector/src/DateSelector.component.js"; | ||
const DateSelector = ({ | ||
@@ -1109,3 +922,3 @@ defaultDate = DateTime.local().startOf('day'), | ||
} = {}) => { | ||
return React.createElement(DateSelectorProvider, Object.assign({ | ||
return React.createElement(DateSelectorProvider, { | ||
defaultDate, | ||
@@ -1120,17 +933,3 @@ value, | ||
isDateDisabled | ||
}, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$g, | ||
lineNumber: 20, | ||
columnNumber: 5 | ||
} | ||
}), React.createElement(Container, { | ||
__self: this, | ||
__source: { | ||
fileName: _jsxFileName$g, | ||
lineNumber: 33, | ||
columnNumber: 7 | ||
} | ||
})); | ||
}, React.createElement(Container, null)); | ||
}; | ||
@@ -1150,3 +949,3 @@ DateSelector.propTypes = { | ||
var name = "@cxing/date-selector"; | ||
var version = "0.0.20"; | ||
var version = "0.0.21"; | ||
@@ -1153,0 +952,0 @@ DateSelector.version = version; |
{ | ||
"name": "@cxing/date-selector", | ||
"version": "0.0.20", | ||
"version": "0.0.21", | ||
"description": "A React date selector control using Luxon", | ||
"main": "dist/date-selector.js", | ||
"module": "dist/date-selector.es.js", | ||
@@ -52,3 +51,2 @@ "scripts": { | ||
"babel-loader": "^8.1.0", | ||
"babel-preset-react-app": "9.1.2", | ||
"cross-env": "7.0.2", | ||
@@ -185,4 +183,4 @@ "eslint": "6.8.0", | ||
"presets": [ | ||
"@babel/preset-env", | ||
"react-app" | ||
"@babel/env", | ||
"@babel/preset-react" | ||
], | ||
@@ -196,3 +194,3 @@ "ignore": [ | ||
[ | ||
"@babel/preset-env", | ||
"@babel/env", | ||
{ | ||
@@ -205,3 +203,3 @@ "modules": "commonjs", | ||
], | ||
"react-app" | ||
"preset-react" | ||
] | ||
@@ -208,0 +206,0 @@ } |
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
41
5
94006
6
920
1