@react-stately/datepicker
Advanced tools
Comparing version 3.0.0-nightly.1394 to 3.0.0-nightly.1395
218
dist/main.js
@@ -1,4 +0,4 @@ | ||
var $fVQNv$internationalizeddate = require("@internationalized/date"); | ||
var $fVQNv$reactstatelyutils = require("@react-stately/utils"); | ||
var $fVQNv$react = require("react"); | ||
var $17UYf$internationalizeddate = require("@internationalized/date"); | ||
var $17UYf$reactstatelyutils = require("@react-stately/utils"); | ||
var $17UYf$react = require("react"); | ||
@@ -24,12 +24,12 @@ function $parcel$exportWildcard(dest, source) { | ||
} | ||
var $f0afaa11cdb4d9e5$exports = {}; | ||
var $0c9ae69d60d14242$exports = {}; | ||
$parcel$export($f0afaa11cdb4d9e5$exports, "useDatePickerState", () => $f0afaa11cdb4d9e5$export$87194bb378cc3ac2); | ||
$parcel$export($0c9ae69d60d14242$exports, "useDatePickerState", () => $0c9ae69d60d14242$export$87194bb378cc3ac2); | ||
function $b15d33af207752c1$export$eac50920cf2fd59a(value, minValue, maxValue) { | ||
function $a1a093054004b094$export$eac50920cf2fd59a(value, minValue, maxValue) { | ||
return value != null && (minValue != null && value.compare(minValue) < 0 || maxValue != null && value.compare(maxValue) > 0); | ||
} | ||
const $b15d33af207752c1$var$DEFAULT_FIELD_OPTIONS = { | ||
const $a1a093054004b094$var$DEFAULT_FIELD_OPTIONS = { | ||
year: 'numeric', | ||
@@ -42,5 +42,5 @@ month: 'numeric', | ||
}; | ||
function $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, options) { | ||
function $a1a093054004b094$export$7e319ea407e63bc0(fieldOptions, options) { | ||
fieldOptions = { | ||
...$b15d33af207752c1$var$DEFAULT_FIELD_OPTIONS, | ||
...$a1a093054004b094$var$DEFAULT_FIELD_OPTIONS, | ||
...fieldOptions | ||
@@ -66,14 +66,14 @@ }; | ||
} | ||
function $b15d33af207752c1$export$c5221a78ef73c5e9(placeholderValue) { | ||
function $a1a093054004b094$export$c5221a78ef73c5e9(placeholderValue) { | ||
if (placeholderValue && 'hour' in placeholderValue) return placeholderValue; | ||
return new $fVQNv$internationalizeddate.Time(); | ||
return new $17UYf$internationalizeddate.Time(); | ||
} | ||
function $b15d33af207752c1$export$61a490a80c552550(value, calendar) { | ||
function $a1a093054004b094$export$61a490a80c552550(value, calendar) { | ||
if (value === null) return null; | ||
if (!value) return undefined; | ||
return $fVQNv$internationalizeddate.toCalendar(value, calendar); | ||
return $17UYf$internationalizeddate.toCalendar(value, calendar); | ||
} | ||
function $b15d33af207752c1$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) { | ||
if (placeholderValue) return $b15d33af207752c1$export$61a490a80c552550(placeholderValue, calendar); | ||
let date = $fVQNv$internationalizeddate.toCalendar($fVQNv$internationalizeddate.now(timeZone).set({ | ||
function $a1a093054004b094$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) { | ||
if (placeholderValue) return $a1a093054004b094$export$61a490a80c552550(placeholderValue, calendar); | ||
let date = $17UYf$internationalizeddate.toCalendar($17UYf$internationalizeddate.now(timeZone).set({ | ||
hour: 0, | ||
@@ -84,9 +84,9 @@ minute: 0, | ||
}), calendar); | ||
if (granularity === 'year' || granularity === 'month' || granularity === 'day') return $fVQNv$internationalizeddate.toCalendarDate(date); | ||
if (!timeZone) return $fVQNv$internationalizeddate.toCalendarDateTime(date); | ||
if (granularity === 'year' || granularity === 'month' || granularity === 'day') return $17UYf$internationalizeddate.toCalendarDate(date); | ||
if (!timeZone) return $17UYf$internationalizeddate.toCalendarDateTime(date); | ||
return date; | ||
} | ||
function $b15d33af207752c1$export$2440da353cedad43(v, granularity) { | ||
function $a1a093054004b094$export$2440da353cedad43(v, granularity) { | ||
// Compute default granularity and time zone from the value. If the value becomes null, keep the last values. | ||
let lastValue = $fVQNv$react.useRef(v); | ||
let lastValue = $17UYf$react.useRef(v); | ||
if (v) lastValue.current = v; | ||
@@ -108,11 +108,11 @@ v = lastValue.current; | ||
function $f0afaa11cdb4d9e5$export$87194bb378cc3ac2(props) { | ||
let [isOpen1, setOpen] = $fVQNv$react.useState(false); | ||
let [value, setValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
function $0c9ae69d60d14242$export$87194bb378cc3ac2(props) { | ||
let [isOpen1, setOpen] = $17UYf$react.useState(false); | ||
let [value, setValue] = $17UYf$reactstatelyutils.useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let v = value || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v, props.granularity); | ||
let [granularity, defaultTimeZone] = $a1a093054004b094$export$2440da353cedad43(v, props.granularity); | ||
let dateValue = value != null ? value.toDate(defaultTimeZone ?? 'UTC') : null; | ||
let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second' || granularity === 'millisecond'; | ||
let [selectedDate, setSelectedDate] = $fVQNv$react.useState(null); | ||
let [selectedTime, setSelectedTime] = $fVQNv$react.useState(null); | ||
let [selectedDate, setSelectedDate] = $17UYf$react.useState(null); | ||
let [selectedTime, setSelectedTime] = $17UYf$react.useState(null); | ||
if (value) { | ||
@@ -125,3 +125,3 @@ selectedDate = value; | ||
let commitValue = (date, time)=>{ | ||
setValue('timeZone' in time ? time.set($fVQNv$internationalizeddate.toDateFields(date)) : $fVQNv$internationalizeddate.toCalendarDateTime(date, time)); | ||
setValue('timeZone' in time ? time.set($17UYf$internationalizeddate.toDateFields(date)) : $17UYf$internationalizeddate.toCalendarDateTime(date, time)); | ||
}; | ||
@@ -140,3 +140,3 @@ // Intercept setValue to make sure the Time section is not changed by date selection in Calendar | ||
}; | ||
let validationState = props.validationState || ($b15d33af207752c1$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null); | ||
let validationState = props.validationState || ($a1a093054004b094$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null); | ||
return { | ||
@@ -155,3 +155,3 @@ value: value, | ||
// the user opens the popover again. | ||
if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue)); | ||
if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $a1a093054004b094$export$c5221a78ef73c5e9(props.placeholderValue)); | ||
setOpen(isOpen); | ||
@@ -162,3 +162,3 @@ }, | ||
if (!dateValue) return ''; | ||
let formatOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, { | ||
let formatOptions = $a1a093054004b094$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: granularity, | ||
@@ -169,3 +169,3 @@ timeZone: defaultTimeZone, | ||
}); | ||
let formatter = new $fVQNv$internationalizeddate.DateFormatter(locale, formatOptions); | ||
let formatter = new $17UYf$internationalizeddate.DateFormatter(locale, formatOptions); | ||
return formatter.format(dateValue); | ||
@@ -177,5 +177,5 @@ } | ||
var $db920376312b84b4$exports = {}; | ||
var $f23cc841f3588f43$exports = {}; | ||
$parcel$export($db920376312b84b4$exports, "useDatePickerFieldState", () => $db920376312b84b4$export$714a241b39a650d6); | ||
$parcel$export($f23cc841f3588f43$exports, "useDatePickerFieldState", () => $f23cc841f3588f43$export$714a241b39a650d6); | ||
@@ -185,3 +185,3 @@ | ||
const $db920376312b84b4$var$EDITABLE_SEGMENTS = { | ||
const $f23cc841f3588f43$var$EDITABLE_SEGMENTS = { | ||
year: true, | ||
@@ -196,3 +196,3 @@ month: true, | ||
}; | ||
const $db920376312b84b4$var$PAGE_STEP = { | ||
const $f23cc841f3588f43$var$PAGE_STEP = { | ||
year: 5, | ||
@@ -206,13 +206,13 @@ month: 2, | ||
// Node seems to convert everything to lowercase... | ||
const $db920376312b84b4$var$TYPE_MAPPING = { | ||
const $f23cc841f3588f43$var$TYPE_MAPPING = { | ||
dayperiod: 'dayPeriod' | ||
}; | ||
function $db920376312b84b4$export$714a241b39a650d6(props) { | ||
function $f23cc841f3588f43$export$714a241b39a650d6(props) { | ||
let { locale: locale , createCalendar: createCalendar , hideTimeZone: hideTimeZone } = props; | ||
let v1 = props.value || props.defaultValue || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v1, props.granularity); | ||
let [granularity, defaultTimeZone] = $a1a093054004b094$export$2440da353cedad43(v1, props.granularity); | ||
let timeZone = defaultTimeZone || 'UTC'; | ||
// props.granularity must actually exist in the value if one is provided. | ||
if (v1 && !(granularity in v1)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v1.toString()); | ||
let formatOpts = $fVQNv$react.useMemo(()=>({ | ||
let formatOpts = $17UYf$react.useMemo(()=>({ | ||
granularity: granularity, | ||
@@ -231,3 +231,3 @@ maxGranularity: props.maxGranularity ?? 'year', | ||
]); | ||
let opts = $fVQNv$react.useMemo(()=>$b15d33af207752c1$export$7e319ea407e63bc0({ | ||
let opts = $17UYf$react.useMemo(()=>$a1a093054004b094$export$7e319ea407e63bc0({ | ||
}, formatOpts) | ||
@@ -237,3 +237,3 @@ , [ | ||
]); | ||
let dateFormatter = $fVQNv$react.useMemo(()=>new $fVQNv$internationalizeddate.DateFormatter(locale, opts) | ||
let dateFormatter = $17UYf$react.useMemo(()=>new $17UYf$internationalizeddate.DateFormatter(locale, opts) | ||
, [ | ||
@@ -243,7 +243,7 @@ locale, | ||
]); | ||
let resolvedOptions = $fVQNv$react.useMemo(()=>dateFormatter.resolvedOptions() | ||
let resolvedOptions = $17UYf$react.useMemo(()=>dateFormatter.resolvedOptions() | ||
, [ | ||
dateFormatter | ||
]); | ||
let calendar = $fVQNv$react.useMemo(()=>createCalendar(resolvedOptions.calendar) | ||
let calendar = $17UYf$react.useMemo(()=>createCalendar(resolvedOptions.calendar) | ||
, [ | ||
@@ -255,3 +255,3 @@ createCalendar, | ||
// The result is cached for performance. | ||
let allSegments = $fVQNv$react.useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$db920376312b84b4$var$EDITABLE_SEGMENTS[seg.type] | ||
let allSegments = $17UYf$react.useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$f23cc841f3588f43$var$EDITABLE_SEGMENTS[seg.type] | ||
).reduce((p, seg)=>(p[seg.type] = true, p) | ||
@@ -263,3 +263,3 @@ , { | ||
]); | ||
let [validSegments, setValidSegments] = $fVQNv$react.useState(()=>props.value || props.defaultValue ? { | ||
let [validSegments, setValidSegments] = $17UYf$react.useState(()=>props.value || props.defaultValue ? { | ||
...allSegments | ||
@@ -273,10 +273,10 @@ } : { | ||
// change from uncontrolled to controlled and emit a warning. | ||
let [placeholderDate, setPlaceholderDate] = $fVQNv$react.useState(()=>$b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
let [placeholderDate, setPlaceholderDate] = $17UYf$react.useState(()=>$a1a093054004b094$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
); | ||
// Reset placeholder when calendar changes | ||
let lastCalendarIdentifier = $fVQNv$react.useRef(calendar.identifier); | ||
$fVQNv$react.useEffect(()=>{ | ||
let lastCalendarIdentifier = $17UYf$react.useRef(calendar.identifier); | ||
$17UYf$react.useEffect(()=>{ | ||
if (calendar.identifier !== lastCalendarIdentifier.current) { | ||
lastCalendarIdentifier.current = calendar.identifier; | ||
setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $fVQNv$internationalizeddate.toCalendar(placeholder, calendar) : $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $17UYf$internationalizeddate.toCalendar(placeholder, calendar) : $a1a093054004b094$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
); | ||
@@ -291,4 +291,4 @@ } | ||
]); | ||
let [value1, setDate] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange); | ||
let calendarValue = $fVQNv$react.useMemo(()=>$b15d33af207752c1$export$61a490a80c552550(value1, calendar) | ||
let [value1, setDate] = $17UYf$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange); | ||
let calendarValue = $17UYf$react.useMemo(()=>$a1a093054004b094$export$61a490a80c552550(value1, calendar) | ||
, [ | ||
@@ -310,3 +310,3 @@ value1, | ||
setValidSegments(validSegments); | ||
setPlaceholderDate($b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)); | ||
setPlaceholderDate($a1a093054004b094$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)); | ||
} | ||
@@ -320,7 +320,7 @@ // If all segments are valid, use the date from state, otherwise use the placeholder date. | ||
// Emit dates in the same calendar as the original value, if any, otherwise gregorian. | ||
newValue = $fVQNv$internationalizeddate.toCalendar(newValue, v1?.calendar || new $fVQNv$internationalizeddate.GregorianCalendar()); | ||
newValue = $17UYf$internationalizeddate.toCalendar(newValue, v1?.calendar || new $17UYf$internationalizeddate.GregorianCalendar()); | ||
setDate(newValue); | ||
} else setPlaceholderDate(newValue); | ||
}; | ||
let dateValue = $fVQNv$react.useMemo(()=>displayValue.toDate(timeZone) | ||
let dateValue = $17UYf$react.useMemo(()=>displayValue.toDate(timeZone) | ||
, [ | ||
@@ -330,10 +330,10 @@ displayValue, | ||
]); | ||
let segments = $fVQNv$react.useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{ | ||
let isEditable = $db920376312b84b4$var$EDITABLE_SEGMENTS[segment.type]; | ||
let segments = $17UYf$react.useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{ | ||
let isEditable = $f23cc841f3588f43$var$EDITABLE_SEGMENTS[segment.type]; | ||
if (segment.type === 'era' && calendar.getEras().length === 1) isEditable = false; | ||
return { | ||
type: $db920376312b84b4$var$TYPE_MAPPING[segment.type] || segment.type, | ||
type: $f23cc841f3588f43$var$TYPE_MAPPING[segment.type] || segment.type, | ||
text: segment.value, | ||
...$db920376312b84b4$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), | ||
isPlaceholder: $db920376312b84b4$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type], | ||
...$f23cc841f3588f43$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), | ||
isPlaceholder: $f23cc841f3588f43$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type], | ||
isEditable: isEditable | ||
@@ -350,3 +350,3 @@ }; | ||
]); | ||
let hasEra = $fVQNv$react.useMemo(()=>segments.some((s)=>s.type === 'era' | ||
let hasEra = $17UYf$react.useMemo(()=>segments.some((s)=>s.type === 'era' | ||
) | ||
@@ -365,5 +365,5 @@ , [ | ||
markValid(type); | ||
setValue($db920376312b84b4$var$addSegment(displayValue, type, amount, resolvedOptions)); | ||
setValue($f23cc841f3588f43$var$addSegment(displayValue, type, amount, resolvedOptions)); | ||
}; | ||
let validationState = props.validationState || ($b15d33af207752c1$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null); | ||
let validationState = props.validationState || ($a1a093054004b094$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null); | ||
return { | ||
@@ -384,10 +384,10 @@ value: calendarValue, | ||
incrementPage (part) { | ||
adjustSegment(part, $db920376312b84b4$var$PAGE_STEP[part] || 1); | ||
adjustSegment(part, $f23cc841f3588f43$var$PAGE_STEP[part] || 1); | ||
}, | ||
decrementPage (part) { | ||
adjustSegment(part, -($db920376312b84b4$var$PAGE_STEP[part] || 1)); | ||
adjustSegment(part, -($f23cc841f3588f43$var$PAGE_STEP[part] || 1)); | ||
}, | ||
setSegment (part, v) { | ||
markValid(part); | ||
setValue($db920376312b84b4$var$setSegment(displayValue, part, v, resolvedOptions)); | ||
setValue($f23cc841f3588f43$var$setSegment(displayValue, part, v, resolvedOptions)); | ||
}, | ||
@@ -416,3 +416,3 @@ confirmPlaceholder (part) { | ||
}); | ||
let placeholder = $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let placeholder = $a1a093054004b094$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let value = displayValue; | ||
@@ -436,7 +436,7 @@ // Reset day period to default without changing the hour. | ||
getFormatOptions (fieldOptions) { | ||
return $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, formatOpts); | ||
return $a1a093054004b094$export$7e319ea407e63bc0(fieldOptions, formatOpts); | ||
} | ||
}; | ||
} | ||
function $db920376312b84b4$var$getSegmentLimits(date, type, options) { | ||
function $f23cc841f3588f43$var$getSegmentLimits(date, type, options) { | ||
switch(type){ | ||
@@ -461,3 +461,3 @@ case 'era': | ||
value: date.month, | ||
minValue: $fVQNv$internationalizeddate.getMinimumMonthInYear(date), | ||
minValue: $17UYf$internationalizeddate.getMinimumMonthInYear(date), | ||
maxValue: date.calendar.getMonthsInYear(date) | ||
@@ -468,3 +468,3 @@ }; | ||
value: date.day, | ||
minValue: $fVQNv$internationalizeddate.getMinimumDayInMonth(date), | ||
minValue: $17UYf$internationalizeddate.getMinimumDayInMonth(date), | ||
maxValue: date.calendar.getDaysInMonth(date) | ||
@@ -510,3 +510,3 @@ }; | ||
} | ||
function $db920376312b84b4$var$addSegment(value, part, amount, options) { | ||
function $f23cc841f3588f43$var$addSegment(value, part, amount, options) { | ||
switch(part){ | ||
@@ -539,3 +539,3 @@ case 'era': | ||
} | ||
function $db920376312b84b4$var$setSegment(value, part, segmentValue, options) { | ||
function $f23cc841f3588f43$var$setSegment(value, part, segmentValue, options) { | ||
switch(part){ | ||
@@ -578,5 +578,5 @@ case 'day': | ||
var $142433ca1a8bbced$exports = {}; | ||
var $85a6c757c811abb9$exports = {}; | ||
$parcel$export($142433ca1a8bbced$exports, "useDateRangePickerState", () => $142433ca1a8bbced$export$e50a61c1de9f574); | ||
$parcel$export($85a6c757c811abb9$exports, "useDateRangePickerState", () => $85a6c757c811abb9$export$e50a61c1de9f574); | ||
@@ -586,6 +586,6 @@ | ||
function $142433ca1a8bbced$export$e50a61c1de9f574(props) { | ||
let [isOpen1, setOpen] = $fVQNv$react.useState(false); | ||
let [controlledValue, setControlledValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let [placeholderValue, setPlaceholderValue] = $fVQNv$react.useState(()=>controlledValue || { | ||
function $85a6c757c811abb9$export$e50a61c1de9f574(props) { | ||
let [isOpen1, setOpen] = $17UYf$react.useState(false); | ||
let [controlledValue, setControlledValue] = $17UYf$reactstatelyutils.useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let [placeholderValue, setPlaceholderValue] = $17UYf$react.useState(()=>controlledValue || { | ||
start: null, | ||
@@ -604,3 +604,3 @@ end: null | ||
let value1 = controlledValue || placeholderValue; | ||
let valueRef = $fVQNv$react.useRef(value1); | ||
let valueRef = $17UYf$react.useRef(value1); | ||
valueRef.current = value1; | ||
@@ -614,6 +614,6 @@ let setValue = (value)=>{ | ||
let v = value1?.start || value1?.end || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v, props.granularity); | ||
let [granularity, defaultTimeZone] = $a1a093054004b094$export$2440da353cedad43(v, props.granularity); | ||
let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second' || granularity === 'millisecond'; | ||
let [dateRange1, setSelectedDateRange] = $fVQNv$react.useState(null); | ||
let [timeRange1, setSelectedTimeRange] = $fVQNv$react.useState(null); | ||
let [dateRange1, setSelectedDateRange] = $17UYf$react.useState(null); | ||
let [timeRange1, setSelectedTimeRange] = $17UYf$react.useState(null); | ||
if (value1 && value1.start && value1.end) { | ||
@@ -625,4 +625,4 @@ dateRange1 = value1; | ||
setValue({ | ||
start: 'timeZone' in timeRange.start ? timeRange.start.set($fVQNv$internationalizeddate.toDateFields(dateRange.start)) : $fVQNv$internationalizeddate.toCalendarDateTime(dateRange.start, timeRange.start), | ||
end: 'timeZone' in timeRange.end ? timeRange.end.set($fVQNv$internationalizeddate.toDateFields(dateRange.end)) : $fVQNv$internationalizeddate.toCalendarDateTime(dateRange.end, timeRange.end) | ||
start: 'timeZone' in timeRange.start ? timeRange.start.set($17UYf$internationalizeddate.toDateFields(dateRange.start)) : $17UYf$internationalizeddate.toCalendarDateTime(dateRange.start, timeRange.start), | ||
end: 'timeZone' in timeRange.end ? timeRange.end.set($17UYf$internationalizeddate.toDateFields(dateRange.end)) : $17UYf$internationalizeddate.toCalendarDateTime(dateRange.end, timeRange.end) | ||
}); | ||
@@ -643,3 +643,3 @@ }; | ||
}; | ||
let validationState = props.validationState || (value1 != null && ($b15d33af207752c1$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) || $b15d33af207752c1$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) || value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null); | ||
let validationState = props.validationState || (value1 != null && ($a1a093054004b094$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) || $a1a093054004b094$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) || value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null); | ||
return { | ||
@@ -677,4 +677,4 @@ value: value1, | ||
if (!isOpen && !(value1?.start && value1?.end) && dateRange1?.start && dateRange1?.end && hasTime) commitValue(dateRange1, { | ||
start: timeRange1?.start || $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue), | ||
end: timeRange1?.end || $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue) | ||
start: timeRange1?.start || $a1a093054004b094$export$c5221a78ef73c5e9(props.placeholderValue), | ||
end: timeRange1?.end || $a1a093054004b094$export$c5221a78ef73c5e9(props.placeholderValue) | ||
}); | ||
@@ -690,3 +690,3 @@ setOpen(isOpen); | ||
let endGranularity = props.granularity || (value1.end && 'minute' in value1.end ? 'minute' : 'day'); | ||
let startOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, { | ||
let startOptions = $a1a093054004b094$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: startGranularity, | ||
@@ -697,3 +697,3 @@ timeZone: startTimeZone, | ||
}); | ||
let startFormatter = new $fVQNv$internationalizeddate.DateFormatter(locale, startOptions); | ||
let startFormatter = new $17UYf$internationalizeddate.DateFormatter(locale, startOptions); | ||
let endFormatter; | ||
@@ -711,3 +711,3 @@ if (startTimeZone === endTimeZone && startGranularity === endGranularity) { | ||
} else { | ||
let endOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, { | ||
let endOptions = $a1a093054004b094$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: endGranularity, | ||
@@ -718,3 +718,3 @@ timeZone: endTimeZone, | ||
}); | ||
endFormatter = new $fVQNv$internationalizeddate.DateFormatter(locale, endOptions); | ||
endFormatter = new $17UYf$internationalizeddate.DateFormatter(locale, endOptions); | ||
} | ||
@@ -729,3 +729,3 @@ return `${startFormatter.format(value1.start.toDate(startTimeZone))} – ${endFormatter.format(value1.end.toDate(endTimeZone))}`; | ||
let calendar = (value.start || value.end).calendar; | ||
let placeholder = $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let placeholder = $a1a093054004b094$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
setValue({ | ||
@@ -741,5 +741,5 @@ start: value.start || placeholder, | ||
var $15e3a6cb74406331$exports = {}; | ||
var $ef228128a792346b$exports = {}; | ||
$parcel$export($15e3a6cb74406331$exports, "useTimeFieldState", () => $15e3a6cb74406331$export$fd53cef0cc796101); | ||
$parcel$export($ef228128a792346b$exports, "useTimeFieldState", () => $ef228128a792346b$export$fd53cef0cc796101); | ||
@@ -749,12 +749,12 @@ | ||
function $15e3a6cb74406331$export$fd53cef0cc796101(props) { | ||
let { placeholderValue: placeholderValue = new $fVQNv$internationalizeddate.Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props; | ||
let [value, setValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange); | ||
function $ef228128a792346b$export$fd53cef0cc796101(props) { | ||
let { placeholderValue: placeholderValue = new $17UYf$internationalizeddate.Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props; | ||
let [value, setValue] = $17UYf$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange); | ||
let v = value || placeholderValue; | ||
let day = v && 'day' in v ? v : undefined; | ||
let placeholderDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(placeholderValue) | ||
let placeholderDate = $17UYf$react.useMemo(()=>$ef228128a792346b$var$convertValue(placeholderValue) | ||
, [ | ||
placeholderValue | ||
]); | ||
let minDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(minValue, day) | ||
let minDate = $17UYf$react.useMemo(()=>$ef228128a792346b$var$convertValue(minValue, day) | ||
, [ | ||
@@ -764,3 +764,3 @@ minValue, | ||
]); | ||
let maxDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(maxValue, day) | ||
let maxDate = $17UYf$react.useMemo(()=>$ef228128a792346b$var$convertValue(maxValue, day) | ||
, [ | ||
@@ -770,3 +770,3 @@ maxValue, | ||
]); | ||
let dateTime = $fVQNv$react.useMemo(()=>value == null ? null : $15e3a6cb74406331$var$convertValue(value) | ||
let dateTime = $17UYf$react.useMemo(()=>value == null ? null : $ef228128a792346b$var$convertValue(value) | ||
, [ | ||
@@ -776,5 +776,5 @@ value | ||
let onChange = (newValue)=>{ | ||
setValue(v && 'day' in v ? newValue : newValue && $fVQNv$internationalizeddate.toTime(newValue)); | ||
setValue(v && 'day' in v ? newValue : newValue && $17UYf$internationalizeddate.toTime(newValue)); | ||
}; | ||
return $db920376312b84b4$export$714a241b39a650d6({ | ||
return $f23cc841f3588f43$export$714a241b39a650d6({ | ||
...props, | ||
@@ -791,15 +791,15 @@ value: dateTime, | ||
} | ||
function $15e3a6cb74406331$var$convertValue(value, date = $fVQNv$internationalizeddate.today($fVQNv$internationalizeddate.getLocalTimeZone())) { | ||
function $ef228128a792346b$var$convertValue(value, date = $17UYf$internationalizeddate.today($17UYf$internationalizeddate.getLocalTimeZone())) { | ||
if (!value) return null; | ||
if ('day' in value) return value; | ||
return $fVQNv$internationalizeddate.toCalendarDateTime(date, value); | ||
return $17UYf$internationalizeddate.toCalendarDateTime(date, value); | ||
} | ||
$parcel$exportWildcard(module.exports, $f0afaa11cdb4d9e5$exports); | ||
$parcel$exportWildcard(module.exports, $db920376312b84b4$exports); | ||
$parcel$exportWildcard(module.exports, $142433ca1a8bbced$exports); | ||
$parcel$exportWildcard(module.exports, $15e3a6cb74406331$exports); | ||
$parcel$exportWildcard(module.exports, $0c9ae69d60d14242$exports); | ||
$parcel$exportWildcard(module.exports, $f23cc841f3588f43$exports); | ||
$parcel$exportWildcard(module.exports, $85a6c757c811abb9$exports); | ||
$parcel$exportWildcard(module.exports, $ef228128a792346b$exports); | ||
//# sourceMappingURL=main.js.map |
@@ -1,4 +0,4 @@ | ||
import {toDateFields as $9O5yO$toDateFields, toCalendarDateTime as $9O5yO$toCalendarDateTime, DateFormatter as $9O5yO$DateFormatter, Time as $9O5yO$Time, toCalendar as $9O5yO$toCalendar, now as $9O5yO$now, toCalendarDate as $9O5yO$toCalendarDate, GregorianCalendar as $9O5yO$GregorianCalendar, getMinimumMonthInYear as $9O5yO$getMinimumMonthInYear, getMinimumDayInMonth as $9O5yO$getMinimumDayInMonth, toTime as $9O5yO$toTime, today as $9O5yO$today, getLocalTimeZone as $9O5yO$getLocalTimeZone} from "@internationalized/date"; | ||
import {useControlledState as $9O5yO$useControlledState} from "@react-stately/utils"; | ||
import {useState as $9O5yO$useState, useRef as $9O5yO$useRef, useMemo as $9O5yO$useMemo, useEffect as $9O5yO$useEffect} from "react"; | ||
import {toDateFields as $j2a4F$toDateFields, toCalendarDateTime as $j2a4F$toCalendarDateTime, DateFormatter as $j2a4F$DateFormatter, Time as $j2a4F$Time, toCalendar as $j2a4F$toCalendar, now as $j2a4F$now, toCalendarDate as $j2a4F$toCalendarDate, GregorianCalendar as $j2a4F$GregorianCalendar, getMinimumMonthInYear as $j2a4F$getMinimumMonthInYear, getMinimumDayInMonth as $j2a4F$getMinimumDayInMonth, toTime as $j2a4F$toTime, today as $j2a4F$today, getLocalTimeZone as $j2a4F$getLocalTimeZone} from "@internationalized/date"; | ||
import {useControlledState as $j2a4F$useControlledState} from "@react-stately/utils"; | ||
import {useState as $j2a4F$useState, useRef as $j2a4F$useRef, useMemo as $j2a4F$useMemo, useEffect as $j2a4F$useEffect} from "react"; | ||
@@ -8,12 +8,12 @@ function $parcel$export(e, n, v, s) { | ||
} | ||
var $26fdc69faf7f6df5$exports = {}; | ||
var $e9af7896aa0f34cc$exports = {}; | ||
$parcel$export($26fdc69faf7f6df5$exports, "useDatePickerState", () => $26fdc69faf7f6df5$export$87194bb378cc3ac2); | ||
$parcel$export($e9af7896aa0f34cc$exports, "useDatePickerState", () => $e9af7896aa0f34cc$export$87194bb378cc3ac2); | ||
function $0482414725a5065f$export$eac50920cf2fd59a(value, minValue, maxValue) { | ||
function $1041af8c30a3d476$export$eac50920cf2fd59a(value, minValue, maxValue) { | ||
return value != null && (minValue != null && value.compare(minValue) < 0 || maxValue != null && value.compare(maxValue) > 0); | ||
} | ||
const $0482414725a5065f$var$DEFAULT_FIELD_OPTIONS = { | ||
const $1041af8c30a3d476$var$DEFAULT_FIELD_OPTIONS = { | ||
year: 'numeric', | ||
@@ -26,5 +26,5 @@ month: 'numeric', | ||
}; | ||
function $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, options) { | ||
function $1041af8c30a3d476$export$7e319ea407e63bc0(fieldOptions, options) { | ||
fieldOptions = { | ||
...$0482414725a5065f$var$DEFAULT_FIELD_OPTIONS, | ||
...$1041af8c30a3d476$var$DEFAULT_FIELD_OPTIONS, | ||
...fieldOptions | ||
@@ -50,14 +50,14 @@ }; | ||
} | ||
function $0482414725a5065f$export$c5221a78ef73c5e9(placeholderValue) { | ||
function $1041af8c30a3d476$export$c5221a78ef73c5e9(placeholderValue) { | ||
if (placeholderValue && 'hour' in placeholderValue) return placeholderValue; | ||
return new $9O5yO$Time(); | ||
return new $j2a4F$Time(); | ||
} | ||
function $0482414725a5065f$export$61a490a80c552550(value, calendar) { | ||
function $1041af8c30a3d476$export$61a490a80c552550(value, calendar) { | ||
if (value === null) return null; | ||
if (!value) return undefined; | ||
return $9O5yO$toCalendar(value, calendar); | ||
return $j2a4F$toCalendar(value, calendar); | ||
} | ||
function $0482414725a5065f$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) { | ||
if (placeholderValue) return $0482414725a5065f$export$61a490a80c552550(placeholderValue, calendar); | ||
let date = $9O5yO$toCalendar($9O5yO$now(timeZone).set({ | ||
function $1041af8c30a3d476$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) { | ||
if (placeholderValue) return $1041af8c30a3d476$export$61a490a80c552550(placeholderValue, calendar); | ||
let date = $j2a4F$toCalendar($j2a4F$now(timeZone).set({ | ||
hour: 0, | ||
@@ -68,9 +68,9 @@ minute: 0, | ||
}), calendar); | ||
if (granularity === 'year' || granularity === 'month' || granularity === 'day') return $9O5yO$toCalendarDate(date); | ||
if (!timeZone) return $9O5yO$toCalendarDateTime(date); | ||
if (granularity === 'year' || granularity === 'month' || granularity === 'day') return $j2a4F$toCalendarDate(date); | ||
if (!timeZone) return $j2a4F$toCalendarDateTime(date); | ||
return date; | ||
} | ||
function $0482414725a5065f$export$2440da353cedad43(v, granularity) { | ||
function $1041af8c30a3d476$export$2440da353cedad43(v, granularity) { | ||
// Compute default granularity and time zone from the value. If the value becomes null, keep the last values. | ||
let lastValue = $9O5yO$useRef(v); | ||
let lastValue = $j2a4F$useRef(v); | ||
if (v) lastValue.current = v; | ||
@@ -92,11 +92,11 @@ v = lastValue.current; | ||
function $26fdc69faf7f6df5$export$87194bb378cc3ac2(props) { | ||
let [isOpen1, setOpen] = $9O5yO$useState(false); | ||
let [value, setValue] = $9O5yO$useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
function $e9af7896aa0f34cc$export$87194bb378cc3ac2(props) { | ||
let [isOpen1, setOpen] = $j2a4F$useState(false); | ||
let [value, setValue] = $j2a4F$useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let v = value || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v, props.granularity); | ||
let [granularity, defaultTimeZone] = $1041af8c30a3d476$export$2440da353cedad43(v, props.granularity); | ||
let dateValue = value != null ? value.toDate(defaultTimeZone ?? 'UTC') : null; | ||
let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second' || granularity === 'millisecond'; | ||
let [selectedDate, setSelectedDate] = $9O5yO$useState(null); | ||
let [selectedTime, setSelectedTime] = $9O5yO$useState(null); | ||
let [selectedDate, setSelectedDate] = $j2a4F$useState(null); | ||
let [selectedTime, setSelectedTime] = $j2a4F$useState(null); | ||
if (value) { | ||
@@ -109,3 +109,3 @@ selectedDate = value; | ||
let commitValue = (date, time)=>{ | ||
setValue('timeZone' in time ? time.set($9O5yO$toDateFields(date)) : $9O5yO$toCalendarDateTime(date, time)); | ||
setValue('timeZone' in time ? time.set($j2a4F$toDateFields(date)) : $j2a4F$toCalendarDateTime(date, time)); | ||
}; | ||
@@ -124,3 +124,3 @@ // Intercept setValue to make sure the Time section is not changed by date selection in Calendar | ||
}; | ||
let validationState = props.validationState || ($0482414725a5065f$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null); | ||
let validationState = props.validationState || ($1041af8c30a3d476$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null); | ||
return { | ||
@@ -139,3 +139,3 @@ value: value, | ||
// the user opens the popover again. | ||
if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue)); | ||
if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || $1041af8c30a3d476$export$c5221a78ef73c5e9(props.placeholderValue)); | ||
setOpen(isOpen); | ||
@@ -146,3 +146,3 @@ }, | ||
if (!dateValue) return ''; | ||
let formatOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, { | ||
let formatOptions = $1041af8c30a3d476$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: granularity, | ||
@@ -153,3 +153,3 @@ timeZone: defaultTimeZone, | ||
}); | ||
let formatter = new $9O5yO$DateFormatter(locale, formatOptions); | ||
let formatter = new $j2a4F$DateFormatter(locale, formatOptions); | ||
return formatter.format(dateValue); | ||
@@ -161,5 +161,5 @@ } | ||
var $14e72de17b214ee8$exports = {}; | ||
var $4398a1af81ae1348$exports = {}; | ||
$parcel$export($14e72de17b214ee8$exports, "useDatePickerFieldState", () => $14e72de17b214ee8$export$714a241b39a650d6); | ||
$parcel$export($4398a1af81ae1348$exports, "useDatePickerFieldState", () => $4398a1af81ae1348$export$714a241b39a650d6); | ||
@@ -169,3 +169,3 @@ | ||
const $14e72de17b214ee8$var$EDITABLE_SEGMENTS = { | ||
const $4398a1af81ae1348$var$EDITABLE_SEGMENTS = { | ||
year: true, | ||
@@ -180,3 +180,3 @@ month: true, | ||
}; | ||
const $14e72de17b214ee8$var$PAGE_STEP = { | ||
const $4398a1af81ae1348$var$PAGE_STEP = { | ||
year: 5, | ||
@@ -190,13 +190,13 @@ month: 2, | ||
// Node seems to convert everything to lowercase... | ||
const $14e72de17b214ee8$var$TYPE_MAPPING = { | ||
const $4398a1af81ae1348$var$TYPE_MAPPING = { | ||
dayperiod: 'dayPeriod' | ||
}; | ||
function $14e72de17b214ee8$export$714a241b39a650d6(props) { | ||
function $4398a1af81ae1348$export$714a241b39a650d6(props) { | ||
let { locale: locale , createCalendar: createCalendar , hideTimeZone: hideTimeZone } = props; | ||
let v1 = props.value || props.defaultValue || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v1, props.granularity); | ||
let [granularity, defaultTimeZone] = $1041af8c30a3d476$export$2440da353cedad43(v1, props.granularity); | ||
let timeZone = defaultTimeZone || 'UTC'; | ||
// props.granularity must actually exist in the value if one is provided. | ||
if (v1 && !(granularity in v1)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v1.toString()); | ||
let formatOpts = $9O5yO$useMemo(()=>({ | ||
let formatOpts = $j2a4F$useMemo(()=>({ | ||
granularity: granularity, | ||
@@ -215,3 +215,3 @@ maxGranularity: props.maxGranularity ?? 'year', | ||
]); | ||
let opts = $9O5yO$useMemo(()=>$0482414725a5065f$export$7e319ea407e63bc0({ | ||
let opts = $j2a4F$useMemo(()=>$1041af8c30a3d476$export$7e319ea407e63bc0({ | ||
}, formatOpts) | ||
@@ -221,3 +221,3 @@ , [ | ||
]); | ||
let dateFormatter = $9O5yO$useMemo(()=>new $9O5yO$DateFormatter(locale, opts) | ||
let dateFormatter = $j2a4F$useMemo(()=>new $j2a4F$DateFormatter(locale, opts) | ||
, [ | ||
@@ -227,7 +227,7 @@ locale, | ||
]); | ||
let resolvedOptions = $9O5yO$useMemo(()=>dateFormatter.resolvedOptions() | ||
let resolvedOptions = $j2a4F$useMemo(()=>dateFormatter.resolvedOptions() | ||
, [ | ||
dateFormatter | ||
]); | ||
let calendar = $9O5yO$useMemo(()=>createCalendar(resolvedOptions.calendar) | ||
let calendar = $j2a4F$useMemo(()=>createCalendar(resolvedOptions.calendar) | ||
, [ | ||
@@ -239,3 +239,3 @@ createCalendar, | ||
// The result is cached for performance. | ||
let allSegments = $9O5yO$useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$14e72de17b214ee8$var$EDITABLE_SEGMENTS[seg.type] | ||
let allSegments = $j2a4F$useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$4398a1af81ae1348$var$EDITABLE_SEGMENTS[seg.type] | ||
).reduce((p, seg)=>(p[seg.type] = true, p) | ||
@@ -247,3 +247,3 @@ , { | ||
]); | ||
let [validSegments, setValidSegments] = $9O5yO$useState(()=>props.value || props.defaultValue ? { | ||
let [validSegments, setValidSegments] = $j2a4F$useState(()=>props.value || props.defaultValue ? { | ||
...allSegments | ||
@@ -257,10 +257,10 @@ } : { | ||
// change from uncontrolled to controlled and emit a warning. | ||
let [placeholderDate, setPlaceholderDate] = $9O5yO$useState(()=>$0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
let [placeholderDate, setPlaceholderDate] = $j2a4F$useState(()=>$1041af8c30a3d476$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
); | ||
// Reset placeholder when calendar changes | ||
let lastCalendarIdentifier = $9O5yO$useRef(calendar.identifier); | ||
$9O5yO$useEffect(()=>{ | ||
let lastCalendarIdentifier = $j2a4F$useRef(calendar.identifier); | ||
$j2a4F$useEffect(()=>{ | ||
if (calendar.identifier !== lastCalendarIdentifier.current) { | ||
lastCalendarIdentifier.current = calendar.identifier; | ||
setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $9O5yO$toCalendar(placeholder, calendar) : $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $j2a4F$toCalendar(placeholder, calendar) : $1041af8c30a3d476$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone) | ||
); | ||
@@ -275,4 +275,4 @@ } | ||
]); | ||
let [value1, setDate] = $9O5yO$useControlledState(props.value, props.defaultValue, props.onChange); | ||
let calendarValue = $9O5yO$useMemo(()=>$0482414725a5065f$export$61a490a80c552550(value1, calendar) | ||
let [value1, setDate] = $j2a4F$useControlledState(props.value, props.defaultValue, props.onChange); | ||
let calendarValue = $j2a4F$useMemo(()=>$1041af8c30a3d476$export$61a490a80c552550(value1, calendar) | ||
, [ | ||
@@ -294,3 +294,3 @@ value1, | ||
setValidSegments(validSegments); | ||
setPlaceholderDate($0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)); | ||
setPlaceholderDate($1041af8c30a3d476$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)); | ||
} | ||
@@ -304,7 +304,7 @@ // If all segments are valid, use the date from state, otherwise use the placeholder date. | ||
// Emit dates in the same calendar as the original value, if any, otherwise gregorian. | ||
newValue = $9O5yO$toCalendar(newValue, v1?.calendar || new $9O5yO$GregorianCalendar()); | ||
newValue = $j2a4F$toCalendar(newValue, v1?.calendar || new $j2a4F$GregorianCalendar()); | ||
setDate(newValue); | ||
} else setPlaceholderDate(newValue); | ||
}; | ||
let dateValue = $9O5yO$useMemo(()=>displayValue.toDate(timeZone) | ||
let dateValue = $j2a4F$useMemo(()=>displayValue.toDate(timeZone) | ||
, [ | ||
@@ -314,10 +314,10 @@ displayValue, | ||
]); | ||
let segments = $9O5yO$useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{ | ||
let isEditable = $14e72de17b214ee8$var$EDITABLE_SEGMENTS[segment.type]; | ||
let segments = $j2a4F$useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{ | ||
let isEditable = $4398a1af81ae1348$var$EDITABLE_SEGMENTS[segment.type]; | ||
if (segment.type === 'era' && calendar.getEras().length === 1) isEditable = false; | ||
return { | ||
type: $14e72de17b214ee8$var$TYPE_MAPPING[segment.type] || segment.type, | ||
type: $4398a1af81ae1348$var$TYPE_MAPPING[segment.type] || segment.type, | ||
text: segment.value, | ||
...$14e72de17b214ee8$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), | ||
isPlaceholder: $14e72de17b214ee8$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type], | ||
...$4398a1af81ae1348$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), | ||
isPlaceholder: $4398a1af81ae1348$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type], | ||
isEditable: isEditable | ||
@@ -334,3 +334,3 @@ }; | ||
]); | ||
let hasEra = $9O5yO$useMemo(()=>segments.some((s)=>s.type === 'era' | ||
let hasEra = $j2a4F$useMemo(()=>segments.some((s)=>s.type === 'era' | ||
) | ||
@@ -349,5 +349,5 @@ , [ | ||
markValid(type); | ||
setValue($14e72de17b214ee8$var$addSegment(displayValue, type, amount, resolvedOptions)); | ||
setValue($4398a1af81ae1348$var$addSegment(displayValue, type, amount, resolvedOptions)); | ||
}; | ||
let validationState = props.validationState || ($0482414725a5065f$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null); | ||
let validationState = props.validationState || ($1041af8c30a3d476$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null); | ||
return { | ||
@@ -368,10 +368,10 @@ value: calendarValue, | ||
incrementPage (part) { | ||
adjustSegment(part, $14e72de17b214ee8$var$PAGE_STEP[part] || 1); | ||
adjustSegment(part, $4398a1af81ae1348$var$PAGE_STEP[part] || 1); | ||
}, | ||
decrementPage (part) { | ||
adjustSegment(part, -($14e72de17b214ee8$var$PAGE_STEP[part] || 1)); | ||
adjustSegment(part, -($4398a1af81ae1348$var$PAGE_STEP[part] || 1)); | ||
}, | ||
setSegment (part, v) { | ||
markValid(part); | ||
setValue($14e72de17b214ee8$var$setSegment(displayValue, part, v, resolvedOptions)); | ||
setValue($4398a1af81ae1348$var$setSegment(displayValue, part, v, resolvedOptions)); | ||
}, | ||
@@ -400,3 +400,3 @@ confirmPlaceholder (part) { | ||
}); | ||
let placeholder = $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let placeholder = $1041af8c30a3d476$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let value = displayValue; | ||
@@ -420,7 +420,7 @@ // Reset day period to default without changing the hour. | ||
getFormatOptions (fieldOptions) { | ||
return $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, formatOpts); | ||
return $1041af8c30a3d476$export$7e319ea407e63bc0(fieldOptions, formatOpts); | ||
} | ||
}; | ||
} | ||
function $14e72de17b214ee8$var$getSegmentLimits(date, type, options) { | ||
function $4398a1af81ae1348$var$getSegmentLimits(date, type, options) { | ||
switch(type){ | ||
@@ -445,3 +445,3 @@ case 'era': | ||
value: date.month, | ||
minValue: $9O5yO$getMinimumMonthInYear(date), | ||
minValue: $j2a4F$getMinimumMonthInYear(date), | ||
maxValue: date.calendar.getMonthsInYear(date) | ||
@@ -452,3 +452,3 @@ }; | ||
value: date.day, | ||
minValue: $9O5yO$getMinimumDayInMonth(date), | ||
minValue: $j2a4F$getMinimumDayInMonth(date), | ||
maxValue: date.calendar.getDaysInMonth(date) | ||
@@ -494,3 +494,3 @@ }; | ||
} | ||
function $14e72de17b214ee8$var$addSegment(value, part, amount, options) { | ||
function $4398a1af81ae1348$var$addSegment(value, part, amount, options) { | ||
switch(part){ | ||
@@ -523,3 +523,3 @@ case 'era': | ||
} | ||
function $14e72de17b214ee8$var$setSegment(value, part, segmentValue, options) { | ||
function $4398a1af81ae1348$var$setSegment(value, part, segmentValue, options) { | ||
switch(part){ | ||
@@ -562,5 +562,5 @@ case 'day': | ||
var $305e7a177ba4287c$exports = {}; | ||
var $377b3fe9df21ff1a$exports = {}; | ||
$parcel$export($305e7a177ba4287c$exports, "useDateRangePickerState", () => $305e7a177ba4287c$export$e50a61c1de9f574); | ||
$parcel$export($377b3fe9df21ff1a$exports, "useDateRangePickerState", () => $377b3fe9df21ff1a$export$e50a61c1de9f574); | ||
@@ -570,6 +570,6 @@ | ||
function $305e7a177ba4287c$export$e50a61c1de9f574(props) { | ||
let [isOpen1, setOpen] = $9O5yO$useState(false); | ||
let [controlledValue, setControlledValue] = $9O5yO$useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let [placeholderValue, setPlaceholderValue] = $9O5yO$useState(()=>controlledValue || { | ||
function $377b3fe9df21ff1a$export$e50a61c1de9f574(props) { | ||
let [isOpen1, setOpen] = $j2a4F$useState(false); | ||
let [controlledValue, setControlledValue] = $j2a4F$useControlledState(props.value, props.defaultValue || null, props.onChange); | ||
let [placeholderValue, setPlaceholderValue] = $j2a4F$useState(()=>controlledValue || { | ||
start: null, | ||
@@ -588,3 +588,3 @@ end: null | ||
let value1 = controlledValue || placeholderValue; | ||
let valueRef = $9O5yO$useRef(value1); | ||
let valueRef = $j2a4F$useRef(value1); | ||
valueRef.current = value1; | ||
@@ -598,6 +598,6 @@ let setValue = (value)=>{ | ||
let v = value1?.start || value1?.end || props.placeholderValue; | ||
let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v, props.granularity); | ||
let [granularity, defaultTimeZone] = $1041af8c30a3d476$export$2440da353cedad43(v, props.granularity); | ||
let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second' || granularity === 'millisecond'; | ||
let [dateRange1, setSelectedDateRange] = $9O5yO$useState(null); | ||
let [timeRange1, setSelectedTimeRange] = $9O5yO$useState(null); | ||
let [dateRange1, setSelectedDateRange] = $j2a4F$useState(null); | ||
let [timeRange1, setSelectedTimeRange] = $j2a4F$useState(null); | ||
if (value1 && value1.start && value1.end) { | ||
@@ -609,4 +609,4 @@ dateRange1 = value1; | ||
setValue({ | ||
start: 'timeZone' in timeRange.start ? timeRange.start.set($9O5yO$toDateFields(dateRange.start)) : $9O5yO$toCalendarDateTime(dateRange.start, timeRange.start), | ||
end: 'timeZone' in timeRange.end ? timeRange.end.set($9O5yO$toDateFields(dateRange.end)) : $9O5yO$toCalendarDateTime(dateRange.end, timeRange.end) | ||
start: 'timeZone' in timeRange.start ? timeRange.start.set($j2a4F$toDateFields(dateRange.start)) : $j2a4F$toCalendarDateTime(dateRange.start, timeRange.start), | ||
end: 'timeZone' in timeRange.end ? timeRange.end.set($j2a4F$toDateFields(dateRange.end)) : $j2a4F$toCalendarDateTime(dateRange.end, timeRange.end) | ||
}); | ||
@@ -627,3 +627,3 @@ }; | ||
}; | ||
let validationState = props.validationState || (value1 != null && ($0482414725a5065f$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) || $0482414725a5065f$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) || value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null); | ||
let validationState = props.validationState || (value1 != null && ($1041af8c30a3d476$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) || $1041af8c30a3d476$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) || value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null); | ||
return { | ||
@@ -661,4 +661,4 @@ value: value1, | ||
if (!isOpen && !(value1?.start && value1?.end) && dateRange1?.start && dateRange1?.end && hasTime) commitValue(dateRange1, { | ||
start: timeRange1?.start || $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue), | ||
end: timeRange1?.end || $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue) | ||
start: timeRange1?.start || $1041af8c30a3d476$export$c5221a78ef73c5e9(props.placeholderValue), | ||
end: timeRange1?.end || $1041af8c30a3d476$export$c5221a78ef73c5e9(props.placeholderValue) | ||
}); | ||
@@ -674,3 +674,3 @@ setOpen(isOpen); | ||
let endGranularity = props.granularity || (value1.end && 'minute' in value1.end ? 'minute' : 'day'); | ||
let startOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, { | ||
let startOptions = $1041af8c30a3d476$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: startGranularity, | ||
@@ -681,3 +681,3 @@ timeZone: startTimeZone, | ||
}); | ||
let startFormatter = new $9O5yO$DateFormatter(locale, startOptions); | ||
let startFormatter = new $j2a4F$DateFormatter(locale, startOptions); | ||
let endFormatter; | ||
@@ -695,3 +695,3 @@ if (startTimeZone === endTimeZone && startGranularity === endGranularity) { | ||
} else { | ||
let endOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, { | ||
let endOptions = $1041af8c30a3d476$export$7e319ea407e63bc0(fieldOptions, { | ||
granularity: endGranularity, | ||
@@ -702,3 +702,3 @@ timeZone: endTimeZone, | ||
}); | ||
endFormatter = new $9O5yO$DateFormatter(locale, endOptions); | ||
endFormatter = new $j2a4F$DateFormatter(locale, endOptions); | ||
} | ||
@@ -713,3 +713,3 @@ return `${startFormatter.format(value1.start.toDate(startTimeZone))} – ${endFormatter.format(value1.end.toDate(endTimeZone))}`; | ||
let calendar = (value.start || value.end).calendar; | ||
let placeholder = $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
let placeholder = $1041af8c30a3d476$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone); | ||
setValue({ | ||
@@ -725,5 +725,5 @@ start: value.start || placeholder, | ||
var $082e5bed996af9f7$exports = {}; | ||
var $bee84d327e9289f2$exports = {}; | ||
$parcel$export($082e5bed996af9f7$exports, "useTimeFieldState", () => $082e5bed996af9f7$export$fd53cef0cc796101); | ||
$parcel$export($bee84d327e9289f2$exports, "useTimeFieldState", () => $bee84d327e9289f2$export$fd53cef0cc796101); | ||
@@ -733,12 +733,12 @@ | ||
function $082e5bed996af9f7$export$fd53cef0cc796101(props) { | ||
let { placeholderValue: placeholderValue = new $9O5yO$Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props; | ||
let [value, setValue] = $9O5yO$useControlledState(props.value, props.defaultValue, props.onChange); | ||
function $bee84d327e9289f2$export$fd53cef0cc796101(props) { | ||
let { placeholderValue: placeholderValue = new $j2a4F$Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props; | ||
let [value, setValue] = $j2a4F$useControlledState(props.value, props.defaultValue, props.onChange); | ||
let v = value || placeholderValue; | ||
let day = v && 'day' in v ? v : undefined; | ||
let placeholderDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(placeholderValue) | ||
let placeholderDate = $j2a4F$useMemo(()=>$bee84d327e9289f2$var$convertValue(placeholderValue) | ||
, [ | ||
placeholderValue | ||
]); | ||
let minDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(minValue, day) | ||
let minDate = $j2a4F$useMemo(()=>$bee84d327e9289f2$var$convertValue(minValue, day) | ||
, [ | ||
@@ -748,3 +748,3 @@ minValue, | ||
]); | ||
let maxDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(maxValue, day) | ||
let maxDate = $j2a4F$useMemo(()=>$bee84d327e9289f2$var$convertValue(maxValue, day) | ||
, [ | ||
@@ -754,3 +754,3 @@ maxValue, | ||
]); | ||
let dateTime = $9O5yO$useMemo(()=>value == null ? null : $082e5bed996af9f7$var$convertValue(value) | ||
let dateTime = $j2a4F$useMemo(()=>value == null ? null : $bee84d327e9289f2$var$convertValue(value) | ||
, [ | ||
@@ -760,5 +760,5 @@ value | ||
let onChange = (newValue)=>{ | ||
setValue(v && 'day' in v ? newValue : newValue && $9O5yO$toTime(newValue)); | ||
setValue(v && 'day' in v ? newValue : newValue && $j2a4F$toTime(newValue)); | ||
}; | ||
return $14e72de17b214ee8$export$714a241b39a650d6({ | ||
return $4398a1af81ae1348$export$714a241b39a650d6({ | ||
...props, | ||
@@ -775,6 +775,6 @@ value: dateTime, | ||
} | ||
function $082e5bed996af9f7$var$convertValue(value, date = $9O5yO$today($9O5yO$getLocalTimeZone())) { | ||
function $bee84d327e9289f2$var$convertValue(value, date = $j2a4F$today($j2a4F$getLocalTimeZone())) { | ||
if (!value) return null; | ||
if ('day' in value) return value; | ||
return $9O5yO$toCalendarDateTime(date, value); | ||
return $j2a4F$toCalendarDateTime(date, value); | ||
} | ||
@@ -785,3 +785,3 @@ | ||
export {$26fdc69faf7f6df5$export$87194bb378cc3ac2 as useDatePickerState, $14e72de17b214ee8$export$714a241b39a650d6 as useDatePickerFieldState, $305e7a177ba4287c$export$e50a61c1de9f574 as useDateRangePickerState, $082e5bed996af9f7$export$fd53cef0cc796101 as useTimeFieldState}; | ||
export {$e9af7896aa0f34cc$export$87194bb378cc3ac2 as useDatePickerState, $4398a1af81ae1348$export$714a241b39a650d6 as useDatePickerFieldState, $377b3fe9df21ff1a$export$e50a61c1de9f574 as useDateRangePickerState, $bee84d327e9289f2$export$fd53cef0cc796101 as useTimeFieldState}; | ||
//# sourceMappingURL=module.js.map |
{ | ||
"name": "@react-stately/datepicker", | ||
"version": "3.0.0-nightly.1394+dfe72ee07", | ||
"version": "3.0.0-nightly.1395+b2abc5d94", | ||
"description": "Spectrum UI components in React", | ||
@@ -21,6 +21,6 @@ "license": "Apache-2.0", | ||
"@babel/runtime": "^7.6.2", | ||
"@internationalized/date": "3.0.0-nightly.3085+dfe72ee07", | ||
"@react-stately/utils": "3.0.0-nightly.1394+dfe72ee07", | ||
"@react-types/datepicker": "3.0.0-nightly.1394+dfe72ee07", | ||
"@react-types/shared": "3.0.0-nightly.1394+dfe72ee07", | ||
"@internationalized/date": "3.0.0-nightly.3086+b2abc5d94", | ||
"@react-stately/utils": "3.0.0-nightly.1395+b2abc5d94", | ||
"@react-types/datepicker": "3.0.0-nightly.1395+b2abc5d94", | ||
"@react-types/shared": "3.0.0-nightly.1395+b2abc5d94", | ||
"date-fns": "^1.30.1" | ||
@@ -34,3 +34,3 @@ }, | ||
}, | ||
"gitHead": "dfe72ee076f7ca27728d0b6b4c1ef86e11191ece" | ||
"gitHead": "b2abc5d94162a7bd614fffcdf11e3d3754dc7d9f" | ||
} |
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package