@fluentui/react-datepicker-compat 0.0.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +191 -5
- package/CHANGELOG.md +49 -6
- package/README.md +1 -1
- package/dist/index.d.ts +13 -8
- package/lib/components/Calendar/Calendar.js +1 -1
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/index.js +1 -1
- package/lib/components/Calendar/index.js.map +1 -1
- package/lib/components/Calendar/{useCalendarStyles.js → useCalendarStyles.styles.js} +1 -1
- package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -0
- package/lib/components/CalendarDay/CalendarDay.js +1 -1
- package/lib/components/CalendarDay/CalendarDay.js.map +1 -1
- package/lib/components/CalendarDay/index.js +1 -1
- package/lib/components/CalendarDay/index.js.map +1 -1
- package/lib/components/CalendarDay/{useCalendarDayStyles.js → useCalendarDayStyles.styles.js} +1 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -0
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js +2 -2
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +2 -2
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
- package/lib/components/CalendarDayGrid/index.js +2 -2
- package/lib/components/CalendarDayGrid/index.js.map +1 -1
- package/lib/components/CalendarDayGrid/{useCalendarDayGridStyles.js → useCalendarDayGridStyles.styles.js} +2 -2
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -0
- package/lib/components/CalendarDayGrid/{useWeekCornerStyles.js → useWeekCornerStyles.styles.js} +1 -1
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -0
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js +1 -1
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
- package/lib/components/CalendarPicker/index.js +1 -1
- package/lib/components/CalendarPicker/index.js.map +1 -1
- package/lib/components/CalendarPicker/{useCalendarPickerStyles.js → useCalendarPickerStyles.styles.js} +1 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -0
- package/lib/components/CalendarYear/CalendarYear.js +1 -1
- package/lib/components/CalendarYear/CalendarYear.js.map +1 -1
- package/lib/components/CalendarYear/index.js +1 -1
- package/lib/components/CalendarYear/index.js.map +1 -1
- package/lib/components/CalendarYear/{useCalendarYearStyles.js → useCalendarYearStyles.styles.js} +2 -2
- package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -0
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.types.js.map +1 -1
- package/lib/components/DatePicker/defaults.js.map +1 -1
- package/lib/components/DatePicker/index.js +1 -1
- package/lib/components/DatePicker/index.js.map +1 -1
- package/lib/components/DatePicker/useDatePicker.js +10 -14
- package/lib/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib/components/DatePicker/{useDatePickerStyles.js → useDatePickerStyles.styles.js} +1 -1
- package/lib/components/DatePicker/useDatePickerStyles.styles.js.map +1 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Calendar/Calendar.js +2 -2
- package/lib-commonjs/components/Calendar/Calendar.js.map +1 -1
- package/lib-commonjs/components/Calendar/index.js +1 -1
- package/lib-commonjs/components/Calendar/index.js.map +1 -1
- package/lib-commonjs/components/Calendar/{useCalendarStyles.js → useCalendarStyles.styles.js} +2 -2
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarDay/CalendarDay.js +2 -2
- package/lib-commonjs/components/CalendarDay/CalendarDay.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/index.js +1 -1
- package/lib-commonjs/components/CalendarDay/index.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/{useCalendarDayStyles.js → useCalendarDayStyles.styles.js} +2 -2
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js +4 -4
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +8 -8
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/index.js +3 -3
- package/lib-commonjs/components/CalendarDayGrid/index.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/{useCalendarDayGridStyles.js → useCalendarDayGridStyles.styles.js} +2 -2
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarDayGrid/{useWeekCornerStyles.js → useWeekCornerStyles.styles.js} +2 -2
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js +2 -2
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
- package/lib-commonjs/components/CalendarPicker/index.js +1 -1
- package/lib-commonjs/components/CalendarPicker/index.js.map +1 -1
- package/lib-commonjs/components/CalendarPicker/{useCalendarPickerStyles.js → useCalendarPickerStyles.styles.js} +2 -2
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CalendarYear/CalendarYear.js +8 -8
- package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/index.js +1 -1
- package/lib-commonjs/components/CalendarYear/index.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js +14 -0
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -0
- package/lib-commonjs/components/DatePicker/DatePicker.js +2 -2
- package/lib-commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib-commonjs/components/DatePicker/index.js +1 -1
- package/lib-commonjs/components/DatePicker/index.js.map +1 -1
- package/lib-commonjs/components/DatePicker/useDatePicker.js +10 -14
- package/lib-commonjs/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib-commonjs/components/DatePicker/{useDatePickerStyles.js → useDatePickerStyles.styles.js} +2 -2
- package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js.map +1 -0
- package/package.json +15 -14
- package/.swcrc +0 -30
- package/lib/components/Calendar/useCalendarStyles.js.map +0 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.js.map +0 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.js.map +0 -1
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.js.map +0 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.js.map +0 -1
- package/lib/components/CalendarYear/useCalendarYearStyles.js.map +0 -1
- package/lib/components/DatePicker/useDatePickerStyles.js.map +0 -1
- package/lib-commonjs/components/Calendar/useCalendarStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.js +0 -14
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.js.map +0 -1
- package/lib-commonjs/components/DatePicker/useDatePickerStyles.js.map +0 -1
|
@@ -96,7 +96,7 @@ const defaultParseDateFromString = (dateStr)=>{
|
|
|
96
96
|
return date ? new Date(date) : null;
|
|
97
97
|
};
|
|
98
98
|
const useDatePicker_unstable = (props, ref)=>{
|
|
99
|
-
const { allowTextInput =false , allFocusable =false , borderless =false , dateTimeFormatter , defaultOpen =false , disableAutoFocus =true , firstDayOfWeek =_utils.DayOfWeek.Sunday , firstWeekOfYear =_utils.FirstWeekOfYear.FirstDay , formatDate =defaultFormatDate , highlightCurrentMonth =false , highlightSelectedMonth =false , initialPickerDate =new Date() , inlinePopup =false , isMonthPickerVisible =true , maxDate , minDate , onOpenChange , onSelectDate: onUserSelectDate , openOnClick =true ,
|
|
99
|
+
const { allowTextInput =false , allFocusable =false , borderless =false , dateTimeFormatter , defaultOpen =false , disableAutoFocus =true , firstDayOfWeek =_utils.DayOfWeek.Sunday , firstWeekOfYear =_utils.FirstWeekOfYear.FirstDay , formatDate =defaultFormatDate , highlightCurrentMonth =false , highlightSelectedMonth =false , initialPickerDate =new Date() , inlinePopup =false , isMonthPickerVisible =true , maxDate , minDate , onOpenChange , onSelectDate: onUserSelectDate , openOnClick =true , onValidationResult , parseDateFromString =defaultParseDateFromString , showCloseButton =false , showGoToToday =true , showMonthPickerAsOverlay =false , showWeekNumbers =false , strings =_defaults.defaultDatePickerStrings , today , underlined =false , value , ...restOfProps } = props;
|
|
100
100
|
const calendar = _react.useRef(null);
|
|
101
101
|
const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();
|
|
102
102
|
const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({
|
|
@@ -110,6 +110,7 @@ const useDatePicker_unstable = (props, ref)=>{
|
|
|
110
110
|
const required = (_fieldContext_required = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.required) !== null && _fieldContext_required !== void 0 ? _fieldContext_required : props.required;
|
|
111
111
|
const popupSurfaceId = (0, _reactUtilities.useId)('datePicker-popoverSurface');
|
|
112
112
|
const validateTextInput = _react.useCallback((date = null)=>{
|
|
113
|
+
let error;
|
|
113
114
|
if (allowTextInput) {
|
|
114
115
|
if (formattedDate || date) {
|
|
115
116
|
// Don't parse if the selected date has the same formatted string as what we're about to parse.
|
|
@@ -123,31 +124,26 @@ const useDatePicker_unstable = (props, ref)=>{
|
|
|
123
124
|
if (!date || isNaN(date.getTime())) {
|
|
124
125
|
// Reset input if formatting is available
|
|
125
126
|
setSelectedDate(selectedDate);
|
|
126
|
-
|
|
127
|
-
error: 'invalid-input'
|
|
128
|
-
});
|
|
127
|
+
error = 'invalid-input';
|
|
129
128
|
} else {
|
|
130
129
|
if (isDateOutOfBounds(date, minDate, maxDate)) {
|
|
131
|
-
|
|
132
|
-
error: 'out-of-bounds'
|
|
133
|
-
});
|
|
130
|
+
error = 'out-of-bounds';
|
|
134
131
|
} else {
|
|
135
132
|
setSelectedDate(date);
|
|
136
133
|
}
|
|
137
134
|
}
|
|
138
135
|
} else {
|
|
139
136
|
if (required) {
|
|
140
|
-
|
|
141
|
-
error: 'required-input'
|
|
142
|
-
});
|
|
137
|
+
error = 'required-input';
|
|
143
138
|
}
|
|
144
139
|
onUserSelectDate === null || onUserSelectDate === void 0 ? void 0 : onUserSelectDate(date);
|
|
145
140
|
}
|
|
146
141
|
} else if (required && !formattedDate) {
|
|
147
|
-
|
|
148
|
-
error: 'required-input'
|
|
149
|
-
});
|
|
142
|
+
error = 'required-input';
|
|
150
143
|
}
|
|
144
|
+
onValidationResult === null || onValidationResult === void 0 ? void 0 : onValidationResult({
|
|
145
|
+
error
|
|
146
|
+
});
|
|
151
147
|
}, [
|
|
152
148
|
allowTextInput,
|
|
153
149
|
formatDate,
|
|
@@ -155,7 +151,7 @@ const useDatePicker_unstable = (props, ref)=>{
|
|
|
155
151
|
maxDate,
|
|
156
152
|
minDate,
|
|
157
153
|
onUserSelectDate,
|
|
158
|
-
|
|
154
|
+
onValidationResult,
|
|
159
155
|
parseDateFromString,
|
|
160
156
|
required,
|
|
161
157
|
selectedDate,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/DatePicker/useDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nfunction isDateOutOfBounds(date, minDate, maxDate) {\n return !!minDate && compareDatePart(minDate, date) > 0 || !!maxDate && compareDatePart(maxDate, date) < 0;\n}\nfunction useFocusLogic() {\n const inputRef = React.useRef(null);\n const preventFocusOpeningPicker = React.useRef(false);\n const focus = () => {\n var _inputRef_current, _inputRef_current_focus;\n (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);\n };\n const preventNextFocusOpeningPicker = () => {\n preventFocusOpeningPicker.current = true;\n };\n return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker];\n}\nfunction usePopupVisibility(props) {\n const [open, setOpen] = useControllableState({\n initialState: false,\n defaultState: props.defaultOpen,\n state: props.open\n });\n const isMounted = React.useRef(false);\n React.useEffect(() => {\n if (isMounted.current && !open) {\n var\n // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n _props_onOpenChange;\n (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n }\n isMounted.current = true;\n },\n // Should only run on allowTextInput or open change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [props.allowTextInput, open]);\n return [open, setOpen];\n}\nfunction useSelectedDate({\n formatDate,\n onSelectDate,\n value\n}) {\n const [selectedDate, setSelectedDateState] = useControllableState({\n initialState: undefined,\n state: value\n });\n const [formattedDate, setFormattedDate] = React.useState(() => value && formatDate ? formatDate(value) : '');\n const setSelectedDate = newDate => {\n if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {\n onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);\n }\n setSelectedDateState(newDate);\n setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n };\n React.useEffect(() => {\n setFormattedDate(value && formatDate ? formatDate(value) : '');\n }, [formatDate, value]);\n return [selectedDate, formattedDate, setSelectedDate, setFormattedDate];\n}\nconst defaultFormatDate = date => date ? date.toDateString() : '';\nconst defaultParseDateFromString = dateStr => {\n const date = Date.parse(dateStr);\n return date ? new Date(date) : null;\n};\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */\nexport const useDatePicker_unstable = (props, ref) => {\n const {\n allowTextInput = false,\n allFocusable = false,\n borderless = false,\n dateTimeFormatter,\n defaultOpen = false,\n disableAutoFocus = true,\n firstDayOfWeek = DayOfWeek.Sunday,\n firstWeekOfYear = FirstWeekOfYear.FirstDay,\n formatDate = defaultFormatDate,\n highlightCurrentMonth = false,\n highlightSelectedMonth = false,\n initialPickerDate = new Date(),\n inlinePopup = false,\n isMonthPickerVisible = true,\n maxDate,\n minDate,\n onOpenChange,\n onSelectDate: onUserSelectDate,\n openOnClick = true,\n onValidationError,\n parseDateFromString = defaultParseDateFromString,\n showCloseButton = false,\n showGoToToday = true,\n showMonthPickerAsOverlay = false,\n showWeekNumbers = false,\n strings = defaultDatePickerStrings,\n today,\n underlined = false,\n value,\n ...restOfProps\n } = props;\n const calendar = React.useRef(null);\n const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n formatDate,\n onSelectDate: onUserSelectDate,\n value\n });\n const [open, setOpenState] = usePopupVisibility(props);\n const fieldContext = useFieldContext();\n var _fieldContext_required;\n const required = (_fieldContext_required = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.required) !== null && _fieldContext_required !== void 0 ? _fieldContext_required : props.required;\n const popupSurfaceId = useId('datePicker-popoverSurface');\n const validateTextInput = React.useCallback((date = null) => {\n if (allowTextInput) {\n if (formattedDate || date) {\n // Don't parse if the selected date has the same formatted string as what we're about to parse.\n // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n // not be able to come up with the exact same date.\n if (selectedDate && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === formattedDate) {\n return;\n }\n date = date || parseDateFromString(formattedDate);\n // Check if date is null or date is an invalid date\n if (!date || isNaN(date.getTime())) {\n // Reset input if formatting is available\n setSelectedDate(selectedDate);\n onValidationError === null || onValidationError === void 0 ? void 0 : onValidationError({\n error: 'invalid-input'\n });\n } else {\n if (isDateOutOfBounds(date, minDate, maxDate)) {\n onValidationError === null || onValidationError === void 0 ? void 0 : onValidationError({\n error: 'out-of-bounds'\n });\n } else {\n setSelectedDate(date);\n }\n }\n } else {\n if (required) {\n onValidationError === null || onValidationError === void 0 ? void 0 : onValidationError({\n error: 'required-input'\n });\n }\n onUserSelectDate === null || onUserSelectDate === void 0 ? void 0 : onUserSelectDate(date);\n }\n } else if (required && !formattedDate) {\n onValidationError === null || onValidationError === void 0 ? void 0 : onValidationError({\n error: 'required-input'\n });\n }\n }, [allowTextInput, formatDate, formattedDate, maxDate, minDate, onUserSelectDate, onValidationError, parseDateFromString, required, selectedDate, setSelectedDate]);\n const setOpen = React.useCallback(newState => {\n onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);\n setOpenState(newState);\n }, [onOpenChange, setOpenState]);\n const dismissDatePickerPopup = React.useCallback(newlySelectedDate => {\n if (open) {\n setOpen(false);\n validateTextInput(newlySelectedDate);\n if (!allowTextInput && newlySelectedDate) {\n setSelectedDate(newlySelectedDate);\n }\n }\n }, [allowTextInput, open, setOpen, setSelectedDate, validateTextInput]);\n const showDatePickerPopup = React.useCallback(() => {\n if (!open) {\n preventNextFocusOpeningPicker();\n setOpen(true);\n }\n }, [open, preventNextFocusOpeningPicker, setOpen]);\n /**\n * Callback for closing the calendar callout\n */\n const calendarDismissed = React.useCallback(newlySelectedDate => {\n preventNextFocusOpeningPicker();\n dismissDatePickerPopup(newlySelectedDate);\n }, [dismissDatePickerPopup, preventNextFocusOpeningPicker]);\n const onInputChange = React.useCallback((ev, data) => {\n const {\n value: newValue\n } = data;\n if (allowTextInput) {\n if (open) {\n dismissDatePickerPopup();\n }\n setFormattedDate(newValue);\n }\n }, [allowTextInput, dismissDatePickerPopup, open, setFormattedDate]);\n const onInputBlur = React.useCallback(() => {\n validateTextInput();\n }, [validateTextInput]);\n const onInputKeyDown = React.useCallback(ev => {\n switch (ev.key) {\n case Enter:\n ev.preventDefault();\n ev.stopPropagation();\n if (!open) {\n validateTextInput();\n showDatePickerPopup();\n } else {\n // When DatePicker allows input date string directly,\n // it is expected to hit another enter to close the popup\n if (props.allowTextInput) {\n dismissDatePickerPopup();\n }\n }\n break;\n case Escape:\n ev.stopPropagation();\n ev.preventDefault();\n if (open) {\n calendarDismissed();\n }\n break;\n case ArrowDown:\n ev.preventDefault();\n if (ev.altKey && !open) {\n showDatePickerPopup();\n }\n break;\n default:\n break;\n }\n }, [calendarDismissed, dismissDatePickerPopup, open, props.allowTextInput, showDatePickerPopup, validateTextInput]);\n const onInputFocus = React.useCallback(() => {\n if (disableAutoFocus) {\n return;\n }\n if (!allowTextInput) {\n if (!preventFocusOpeningPicker.current) {\n showDatePickerPopup();\n }\n preventFocusOpeningPicker.current = false;\n }\n }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]);\n const onInputClick = React.useCallback(() => {\n // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n if ((openOnClick || !disableAutoFocus) && !open && !props.disabled) {\n showDatePickerPopup();\n return;\n }\n if (allowTextInput) {\n dismissDatePickerPopup();\n }\n }, [allowTextInput, disableAutoFocus, dismissDatePickerPopup, openOnClick, open, props.disabled, showDatePickerPopup]);\n const onIconClick = ev => {\n ev.stopPropagation();\n if (!open && !props.disabled) {\n showDatePickerPopup();\n } else if (props.allowTextInput) {\n dismissDatePickerPopup();\n }\n };\n const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';\n const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n const rootShorthand = resolveShorthand(restOfProps, {\n required: true,\n defaultProps: {\n appearance: inputAppearance,\n 'aria-controls': open ? popupSurfaceId : undefined,\n 'aria-expanded': open,\n 'aria-haspopup': 'dialog',\n contentAfter: /*#__PURE__*/React.createElement(CalendarMonthRegular, {\n onClick: onIconClick\n }),\n readOnly: !allowTextInput,\n role: 'combobox',\n root: {\n ref: useMergedRefs(triggerWrapperRef, ref),\n 'aria-owns': popupSurfaceId\n },\n input: {\n ref: rootRef\n }\n }\n });\n rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange);\n rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur);\n rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown);\n rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus);\n rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick);\n const {\n modalAttributes\n } = useModalAttributes({\n trapFocus: true,\n alwaysFocusable: true,\n legacyTrapFocus: false\n });\n const popupSurfaceShorthand = open ? resolveShorthand(props.popupSurface, {\n required: true,\n defaultProps: {\n 'aria-label': 'Calendar',\n 'aria-modal': true,\n id: popupSurfaceId,\n role: 'dialog',\n ref: popupRef,\n ...modalAttributes\n }\n }) : undefined;\n const {\n targetDocument\n } = useFluent();\n useOnClickOutside({\n element: targetDocument,\n callback: ev => dismissDatePickerPopup(),\n refs: [triggerWrapperRef, popupRef],\n disabled: !open\n });\n useOnScrollOutside({\n element: targetDocument,\n callback: ev => dismissDatePickerPopup(),\n refs: [triggerWrapperRef, popupRef],\n disabled: !open\n });\n const {\n findFirstFocusable\n } = useFocusFinders();\n React.useEffect(() => {\n if (disableAutoFocus) {\n return;\n }\n if (open && popupRef.current) {\n const firstFocusable = findFirstFocusable(popupRef.current);\n firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();\n }\n }, [disableAutoFocus, findFirstFocusable, open, popupRef]);\n const popupOnClick = useEventCallback(mergeCallbacks(ev => {\n var _rootRef_current;\n (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.focus();\n }, popupSurfaceShorthand === null || popupSurfaceShorthand === void 0 ? void 0 : popupSurfaceShorthand.onClick));\n if (popupSurfaceShorthand) {\n popupSurfaceShorthand.onClick = popupOnClick;\n }\n const calendarShorthand = resolveShorthand(props.calendar, {\n required: true,\n defaultProps: {\n allFocusable,\n componentRef: calendar,\n dateTimeFormatter,\n firstDayOfWeek,\n firstWeekOfYear,\n highlightCurrentMonth,\n highlightSelectedMonth,\n isMonthPickerVisible,\n maxDate,\n minDate,\n onDismiss: calendarDismissed,\n showCloseButton,\n showGoToToday,\n showMonthPickerAsOverlay,\n showWeekNumbers,\n strings,\n today,\n value: selectedDate || initialPickerDate\n }\n });\n React.useImperativeHandle(props.componentRef, () => ({\n focus,\n reset() {\n setOpen(false);\n setSelectedDate(undefined);\n },\n showDatePickerPopup\n }), [focus, setOpen, setSelectedDate, showDatePickerPopup]);\n const state = {\n disabled: !!props.disabled,\n inlinePopup,\n components: {\n root: Input,\n calendar: Calendar,\n popupSurface: 'div'\n },\n calendar: calendarShorthand,\n root: rootShorthand,\n popupSurface: popupSurfaceShorthand\n };\n state.root.value = formattedDate;\n state.calendar.onSelectDate = mergeCallbacks(state.calendar.onSelectDate, calendarDismissed);\n return state;\n};\n//# sourceMappingURL=useDatePicker.js.map"],"names":["useDatePicker_unstable","isDateOutOfBounds","date","minDate","maxDate","compareDatePart","useFocusLogic","inputRef","React","useRef","preventFocusOpeningPicker","focus","_inputRef_current","_inputRef_current_focus","current","call","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","useControllableState","initialState","defaultState","defaultOpen","state","isMounted","useEffect","_props_onOpenChange","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","undefined","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationError","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","defaultDatePickerStrings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","useFieldContext","_fieldContext_required","required","popupSurfaceId","useId","validateTextInput","useCallback","isNaN","getTime","error","newState","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","Enter","preventDefault","stopPropagation","Escape","ArrowDown","altKey","onInputFocus","onInputClick","disabled","onIconClick","inputAppearance","triggerWrapperRef","popupRef","usePopupPositioning","rootShorthand","resolveShorthand","defaultProps","appearance","contentAfter","createElement","CalendarMonthRegular","onClick","readOnly","role","root","useMergedRefs","input","onChange","mergeCallbacks","onBlur","onKeyDown","onFocus","modalAttributes","useModalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurfaceShorthand","popupSurface","id","targetDocument","useFluent","useOnClickOutside","element","callback","refs","useOnScrollOutside","findFirstFocusable","useFocusFinders","firstFocusable","popupOnClick","useEventCallback","_rootRef_current","calendarShorthand","componentRef","onDismiss","useImperativeHandle","reset","components","Input","Calendar"],"mappings":";;;;+BAoFaA;;aAAAA;;;6DApFU;8BACkB;0BAChB;4BACY;uBACuB;0BACnB;4BACnB;gCACgI;4BAC1F;qCACZ;8BACI;qCAChB;AACpC,SAASC,kBAAkBC,IAAI,EAAEC,OAAO,EAAEC,OAAO,EAAE;IACjD,OAAO,CAAC,CAACD,WAAWE,IAAAA,sBAAe,EAACF,SAASD,QAAQ,KAAK,CAAC,CAACE,WAAWC,IAAAA,sBAAe,EAACD,SAASF,QAAQ;AAC1G;AACA,SAASI,gBAAgB;IACvB,MAAMC,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,4BAA4BF,OAAMC,MAAM,CAAC,KAAK;IACpD,MAAME,QAAQ,IAAM;QAClB,IAAIC,mBAAmBC;QACtBD,CAAAA,oBAAoBL,SAASO,OAAO,AAAD,MAAO,IAAI,IAAIF,sBAAsB,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,0BAA0BD,kBAAkBD,KAAK,AAAD,MAAO,IAAI,IAAIE,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBE,IAAI,CAACH,kBAAkB;IAC1P;IACA,MAAMI,gCAAgC,IAAM;QAC1CN,0BAA0BI,OAAO,GAAG,IAAI;IAC1C;IACA,OAAO;QAACH;QAAOJ;QAAUG;QAA2BM;KAA8B;AACpF;AACA,SAASC,mBAAmBC,KAAK,EAAE;IACjC,MAAM,CAACC,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QAC3CC,cAAc,KAAK;QACnBC,cAAcL,MAAMM,WAAW;QAC/BC,OAAOP,MAAMC,IAAI;IACnB;IACA,MAAMO,YAAYlB,OAAMC,MAAM,CAAC,KAAK;IACpCD,OAAMmB,SAAS,CAAC,IAAM;QACpB,IAAID,UAAUZ,OAAO,IAAI,CAACK,MAAM;YAC9B,IACA,oEAAoE;YACpES;YACCA,CAAAA,sBAAsBV,MAAMW,YAAY,AAAD,MAAO,IAAI,IAAID,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBb,IAAI,CAACG,OAAO,KAAK,CAAC;QACzI,CAAC;QACDQ,UAAUZ,OAAO,GAAG,IAAI;IAC1B,GACA,mDAAmD;IACnD,uDAAuD;IACvD;QAACI,MAAMY,cAAc;QAAEX;KAAK;IAC5B,OAAO;QAACA;QAAMC;KAAQ;AACxB;AACA,SAASW,gBAAgB,EACvBC,WAAU,EACVC,aAAY,EACZC,MAAK,EACN,EAAE;IACD,MAAM,CAACC,cAAcC,qBAAqB,GAAGf,IAAAA,oCAAoB,EAAC;QAChEC,cAAce;QACdZ,OAAOS;IACT;IACA,MAAM,CAACI,eAAeC,iBAAiB,GAAG/B,OAAMgC,QAAQ,CAAC,IAAMN,SAASF,aAAaA,WAAWE,SAAS,EAAE;IAC3G,MAAMO,kBAAkBC,CAAAA,UAAW;QACjC,IAAIP,iBAAiBE,aAAaK,YAAYL,aAAaF,iBAAiBE,aAAaK,YAAYL,aAAaK,WAAWP,gBAAiBO,CAAAA,UAAUP,gBAAgBO,UAAUP,YAAW,GAAI;YAC/LF,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaS,QAAQ;QACnF,CAAC;QACDN,qBAAqBM;QACrBH,iBAAiBG,WAAWV,aAAaA,WAAWU,WAAW,EAAE;IACnE;IACAlC,OAAMmB,SAAS,CAAC,IAAM;QACpBY,iBAAiBL,SAASF,aAAaA,WAAWE,SAAS,EAAE;IAC/D,GAAG;QAACF;QAAYE;KAAM;IACtB,OAAO;QAACC;QAAcG;QAAeG;QAAiBF;KAAiB;AACzE;AACA,MAAMI,oBAAoBzC,CAAAA,OAAQA,OAAOA,KAAK0C,YAAY,KAAK,EAAE;AACjE,MAAMC,6BAA6BC,CAAAA,UAAW;IAC5C,MAAM5C,OAAO6C,KAAKC,KAAK,CAACF;IACxB,OAAO5C,OAAO,IAAI6C,KAAK7C,QAAQ,IAAI;AACrC;AAUO,MAAMF,yBAAyB,CAACkB,OAAO+B,MAAQ;IACpD,MAAM,EACJnB,gBAAiB,KAAK,CAAA,EACtBoB,cAAe,KAAK,CAAA,EACpBC,YAAa,KAAK,CAAA,EAClBC,kBAAiB,EACjB5B,aAAc,KAAK,CAAA,EACnB6B,kBAAmB,IAAI,CAAA,EACvBC,gBAAiBC,gBAAS,CAACC,MAAM,CAAA,EACjCC,iBAAkBC,sBAAe,CAACC,QAAQ,CAAA,EAC1C3B,YAAaW,kBAAiB,EAC9BiB,uBAAwB,KAAK,CAAA,EAC7BC,wBAAyB,KAAK,CAAA,EAC9BC,mBAAoB,IAAIf,OAAM,EAC9BgB,aAAc,KAAK,CAAA,EACnBC,sBAAuB,IAAI,CAAA,EAC3B5D,QAAO,EACPD,QAAO,EACP0B,aAAY,EACZI,cAAcgC,iBAAgB,EAC9BC,aAAc,IAAI,CAAA,EAClBC,kBAAiB,EACjBC,qBAAsBvB,2BAA0B,EAChDwB,iBAAkB,KAAK,CAAA,EACvBC,eAAgB,IAAI,CAAA,EACpBC,0BAA2B,KAAK,CAAA,EAChCC,iBAAkB,KAAK,CAAA,EACvBC,SAAUC,kCAAwB,CAAA,EAClCC,MAAK,EACLC,YAAa,KAAK,CAAA,EAClB1C,MAAK,EACL,GAAG2C,aACJ,GAAG3D;IACJ,MAAM4D,WAAWtE,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAM,CAACE,OAAOoE,SAASrE,2BAA2BM,8BAA8B,GAAGV;IACnF,MAAM,CAAC6B,cAAcG,eAAeG,iBAAiBF,iBAAiB,GAAGR,gBAAgB;QACvFC;QACAC,cAAcgC;QACd/B;IACF;IACA,MAAM,CAACf,MAAM6D,aAAa,GAAG/D,mBAAmBC;IAChD,MAAM+D,eAAeC,IAAAA,oCAAe;IACpC,IAAIC;IACJ,MAAMC,WAAW,AAACD,CAAAA,yBAAyBF,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaG,QAAQ,AAAD,MAAO,IAAI,IAAID,2BAA2B,KAAK,IAAIA,yBAAyBjE,MAAMkE,QAAQ;IACrN,MAAMC,iBAAiBC,IAAAA,qBAAK,EAAC;IAC7B,MAAMC,oBAAoB/E,OAAMgF,WAAW,CAAC,CAACtF,OAAO,IAAI,GAAK;QAC3D,IAAI4B,gBAAgB;YAClB,IAAIQ,iBAAiBpC,MAAM;gBACzB,+FAA+F;gBAC/F,+FAA+F;gBAC/F,mDAAmD;gBACnD,IAAIiC,gBAAgBH,cAAcA,WAAW9B,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAOiC,YAAY,MAAMG,eAAe;oBACtH;gBACF,CAAC;gBACDpC,OAAOA,QAAQkE,oBAAoB9B;gBACnC,mDAAmD;gBACnD,IAAI,CAACpC,QAAQuF,MAAMvF,KAAKwF,OAAO,KAAK;oBAClC,yCAAyC;oBACzCjD,gBAAgBN;oBAChBgC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkB;wBACtFwB,OAAO;oBACT,EAAE;gBACJ,OAAO;oBACL,IAAI1F,kBAAkBC,MAAMC,SAASC,UAAU;wBAC7C+D,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkB;4BACtFwB,OAAO;wBACT,EAAE;oBACJ,OAAO;wBACLlD,gBAAgBvC;oBAClB,CAAC;gBACH,CAAC;YACH,OAAO;gBACL,IAAIkF,UAAU;oBACZjB,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkB;wBACtFwB,OAAO;oBACT,EAAE;gBACJ,CAAC;gBACD1B,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiB/D,KAAK;YAC5F,CAAC;QACH,OAAO,IAAIkF,YAAY,CAAC9C,eAAe;YACrC6B,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkB;gBACtFwB,OAAO;YACT,EAAE;QACJ,CAAC;IACH,GAAG;QAAC7D;QAAgBE;QAAYM;QAAelC;QAASD;QAAS8D;QAAkBE;QAAmBC;QAAqBgB;QAAUjD;QAAcM;KAAgB;IACnK,MAAMrB,UAAUZ,OAAMgF,WAAW,CAACI,CAAAA,WAAY;QAC5C/D,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAa+D,SAAS;QAClFZ,aAAaY;IACf,GAAG;QAAC/D;QAAcmD;KAAa;IAC/B,MAAMa,yBAAyBrF,OAAMgF,WAAW,CAACM,CAAAA,oBAAqB;QACpE,IAAI3E,MAAM;YACRC,QAAQ,KAAK;YACbmE,kBAAkBO;YAClB,IAAI,CAAChE,kBAAkBgE,mBAAmB;gBACxCrD,gBAAgBqD;YAClB,CAAC;QACH,CAAC;IACH,GAAG;QAAChE;QAAgBX;QAAMC;QAASqB;QAAiB8C;KAAkB;IACtE,MAAMQ,sBAAsBvF,OAAMgF,WAAW,CAAC,IAAM;QAClD,IAAI,CAACrE,MAAM;YACTH;YACAI,QAAQ,IAAI;QACd,CAAC;IACH,GAAG;QAACD;QAAMH;QAA+BI;KAAQ;IACjD;;EAEA,GACA,MAAM4E,oBAAoBxF,OAAMgF,WAAW,CAACM,CAAAA,oBAAqB;QAC/D9E;QACA6E,uBAAuBC;IACzB,GAAG;QAACD;QAAwB7E;KAA8B;IAC1D,MAAMiF,gBAAgBzF,OAAMgF,WAAW,CAAC,CAACU,IAAIC,OAAS;QACpD,MAAM,EACJjE,OAAOkE,SAAQ,EAChB,GAAGD;QACJ,IAAIrE,gBAAgB;YAClB,IAAIX,MAAM;gBACR0E;YACF,CAAC;YACDtD,iBAAiB6D;QACnB,CAAC;IACH,GAAG;QAACtE;QAAgB+D;QAAwB1E;QAAMoB;KAAiB;IACnE,MAAM8D,cAAc7F,OAAMgF,WAAW,CAAC,IAAM;QAC1CD;IACF,GAAG;QAACA;KAAkB;IACtB,MAAMe,iBAAiB9F,OAAMgF,WAAW,CAACU,CAAAA,KAAM;QAC7C,OAAQA,GAAGK,GAAG;YACZ,KAAKC,mBAAK;gBACRN,GAAGO,cAAc;gBACjBP,GAAGQ,eAAe;gBAClB,IAAI,CAACvF,MAAM;oBACToE;oBACAQ;gBACF,OAAO;oBACL,qDAAqD;oBACrD,yDAAyD;oBACzD,IAAI7E,MAAMY,cAAc,EAAE;wBACxB+D;oBACF,CAAC;gBACH,CAAC;gBACD,KAAM;YACR,KAAKc,oBAAM;gBACTT,GAAGQ,eAAe;gBAClBR,GAAGO,cAAc;gBACjB,IAAItF,MAAM;oBACR6E;gBACF,CAAC;gBACD,KAAM;YACR,KAAKY,uBAAS;gBACZV,GAAGO,cAAc;gBACjB,IAAIP,GAAGW,MAAM,IAAI,CAAC1F,MAAM;oBACtB4E;gBACF,CAAC;gBACD,KAAM;YACR;gBACE,KAAM;QACV;IACF,GAAG;QAACC;QAAmBH;QAAwB1E;QAAMD,MAAMY,cAAc;QAAEiE;QAAqBR;KAAkB;IAClH,MAAMuB,eAAetG,OAAMgF,WAAW,CAAC,IAAM;QAC3C,IAAInC,kBAAkB;YACpB;QACF,CAAC;QACD,IAAI,CAACvB,gBAAgB;YACnB,IAAI,CAACpB,0BAA0BI,OAAO,EAAE;gBACtCiF;YACF,CAAC;YACDrF,0BAA0BI,OAAO,GAAG,KAAK;QAC3C,CAAC;IACH,GAAG;QAACgB;QAAgBuB;QAAkB3C;QAA2BqF;KAAoB;IACrF,MAAMgB,eAAevG,OAAMgF,WAAW,CAAC,IAAM;QAC3C,iGAAiG;QACjG,IAAI,AAACtB,CAAAA,eAAe,CAACb,gBAAe,KAAM,CAAClC,QAAQ,CAACD,MAAM8F,QAAQ,EAAE;YAClEjB;YACA;QACF,CAAC;QACD,IAAIjE,gBAAgB;YAClB+D;QACF,CAAC;IACH,GAAG;QAAC/D;QAAgBuB;QAAkBwC;QAAwB3B;QAAa/C;QAAMD,MAAM8F,QAAQ;QAAEjB;KAAoB;IACrH,MAAMkB,cAAcf,CAAAA,KAAM;QACxBA,GAAGQ,eAAe;QAClB,IAAI,CAACvF,QAAQ,CAACD,MAAM8F,QAAQ,EAAE;YAC5BjB;QACF,OAAO,IAAI7E,MAAMY,cAAc,EAAE;YAC/B+D;QACF,CAAC;IACH;IACA,MAAMqB,kBAAkBtC,aAAa,cAAczB,aAAa,mBAAmB,SAAS;IAC5F,MAAM,CAACgE,mBAAmBC,SAAS,GAAGC,IAAAA,wCAAmB,EAACnG;IAC1D,MAAMoG,gBAAgBC,IAAAA,gCAAgB,EAAC1C,aAAa;QAClDO,UAAU,IAAI;QACdoC,cAAc;YACZC,YAAYP;YACZ,iBAAiB/F,OAAOkE,iBAAiBhD,SAAS;YAClD,iBAAiBlB;YACjB,iBAAiB;YACjBuG,cAAc,WAAW,GAAElH,OAAMmH,aAAa,CAACC,gCAAoB,EAAE;gBACnEC,SAASZ;YACX;YACAa,UAAU,CAAChG;YACXiG,MAAM;YACNC,MAAM;gBACJ/E,KAAKgF,IAAAA,6BAAa,EAACd,mBAAmBlE;gBACtC,aAAaoC;YACf;YACA6C,OAAO;gBACLjF,KAAK8B;YACP;QACF;IACF;IACAuC,cAAca,QAAQ,GAAGC,IAAAA,8BAAc,EAACd,cAAca,QAAQ,EAAElC;IAChEqB,cAAce,MAAM,GAAGD,IAAAA,8BAAc,EAACd,cAAce,MAAM,EAAEhC;IAC5DiB,cAAcgB,SAAS,GAAGF,IAAAA,8BAAc,EAACd,cAAcgB,SAAS,EAAEhC;IAClEgB,cAAciB,OAAO,GAAGH,IAAAA,8BAAc,EAACd,cAAciB,OAAO,EAAEzB;IAC9DQ,cAAcO,OAAO,GAAGO,IAAAA,8BAAc,EAACd,cAAcO,OAAO,EAAEd;IAC9D,MAAM,EACJyB,gBAAe,EAChB,GAAGC,IAAAA,gCAAkB,EAAC;QACrBC,WAAW,IAAI;QACfC,iBAAiB,IAAI;QACrBC,iBAAiB,KAAK;IACxB;IACA,MAAMC,wBAAwB1H,OAAOoG,IAAAA,gCAAgB,EAACrG,MAAM4H,YAAY,EAAE;QACxE1D,UAAU,IAAI;QACdoC,cAAc;YACZ,cAAc;YACd,cAAc,IAAI;YAClBuB,IAAI1D;YACJ0C,MAAM;YACN9E,KAAKmE;YACL,GAAGoB,eAAe;QACpB;IACF,KAAKnG,SAAS;IACd,MAAM,EACJ2G,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACbC,IAAAA,iCAAiB,EAAC;QAChBC,SAASH;QACTI,UAAUlD,CAAAA,KAAML;QAChBwD,MAAM;YAAClC;YAAmBC;SAAS;QACnCJ,UAAU,CAAC7F;IACb;IACAmI,IAAAA,kCAAkB,EAAC;QACjBH,SAASH;QACTI,UAAUlD,CAAAA,KAAML;QAChBwD,MAAM;YAAClC;YAAmBC;SAAS;QACnCJ,UAAU,CAAC7F;IACb;IACA,MAAM,EACJoI,mBAAkB,EACnB,GAAGC,IAAAA,6BAAe;IACnBhJ,OAAMmB,SAAS,CAAC,IAAM;QACpB,IAAI0B,kBAAkB;YACpB;QACF,CAAC;QACD,IAAIlC,QAAQiG,SAAStG,OAAO,EAAE;YAC5B,MAAM2I,iBAAiBF,mBAAmBnC,SAAStG,OAAO;YAC1D2I,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe9I,KAAK,EAAE;QACxF,CAAC;IACH,GAAG;QAAC0C;QAAkBkG;QAAoBpI;QAAMiG;KAAS;IACzD,MAAMsC,eAAeC,IAAAA,gCAAgB,EAACvB,IAAAA,8BAAc,EAAClC,CAAAA,KAAM;QACzD,IAAI0D;QACHA,CAAAA,mBAAmB7E,QAAQjE,OAAO,AAAD,MAAO,IAAI,IAAI8I,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBjJ,KAAK,EAAE;IAClH,GAAGkI,0BAA0B,IAAI,IAAIA,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBhB,OAAO;IAC9G,IAAIgB,uBAAuB;QACzBA,sBAAsBhB,OAAO,GAAG6B;IAClC,CAAC;IACD,MAAMG,oBAAoBtC,IAAAA,gCAAgB,EAACrG,MAAM4D,QAAQ,EAAE;QACzDM,UAAU,IAAI;QACdoC,cAAc;YACZtE;YACA4G,cAAchF;YACd1B;YACAE;YACAG;YACAG;YACAC;YACAG;YACA5D;YACAD;YACA4J,WAAW/D;YACX3B;YACAC;YACAC;YACAC;YACAC;YACAE;YACAzC,OAAOC,gBAAgB2B;QACzB;IACF;IACAtD,OAAMwJ,mBAAmB,CAAC9I,MAAM4I,YAAY,EAAE,IAAO,CAAA;YACnDnJ;YACAsJ,SAAQ;gBACN7I,QAAQ,KAAK;gBACbqB,gBAAgBJ;YAClB;YACA0D;QACF,CAAA,GAAI;QAACpF;QAAOS;QAASqB;QAAiBsD;KAAoB;IAC1D,MAAMtE,QAAQ;QACZuF,UAAU,CAAC,CAAC9F,MAAM8F,QAAQ;QAC1BjD;QACAmG,YAAY;YACVlC,MAAMmC,iBAAK;YACXrF,UAAUsF,kBAAQ;YAClBtB,cAAc;QAChB;QACAhE,UAAU+E;QACV7B,MAAMV;QACNwB,cAAcD;IAChB;IACApH,MAAMuG,IAAI,CAAC9F,KAAK,GAAGI;IACnBb,MAAMqD,QAAQ,CAAC7C,YAAY,GAAGmG,IAAAA,8BAAc,EAAC3G,MAAMqD,QAAQ,CAAC7C,YAAY,EAAE+D;IAC1E,OAAOvE;AACT,GACA,yCAAyC"}
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/DatePicker/useDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nfunction isDateOutOfBounds(date, minDate, maxDate) {\n return !!minDate && compareDatePart(minDate, date) > 0 || !!maxDate && compareDatePart(maxDate, date) < 0;\n}\nfunction useFocusLogic() {\n const inputRef = React.useRef(null);\n const preventFocusOpeningPicker = React.useRef(false);\n const focus = () => {\n var _inputRef_current, _inputRef_current_focus;\n (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);\n };\n const preventNextFocusOpeningPicker = () => {\n preventFocusOpeningPicker.current = true;\n };\n return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker];\n}\nfunction usePopupVisibility(props) {\n const [open, setOpen] = useControllableState({\n initialState: false,\n defaultState: props.defaultOpen,\n state: props.open\n });\n const isMounted = React.useRef(false);\n React.useEffect(() => {\n if (isMounted.current && !open) {\n var\n // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n _props_onOpenChange;\n (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n }\n isMounted.current = true;\n },\n // Should only run on allowTextInput or open change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [props.allowTextInput, open]);\n return [open, setOpen];\n}\nfunction useSelectedDate({\n formatDate,\n onSelectDate,\n value\n}) {\n const [selectedDate, setSelectedDateState] = useControllableState({\n initialState: undefined,\n state: value\n });\n const [formattedDate, setFormattedDate] = React.useState(() => value && formatDate ? formatDate(value) : '');\n const setSelectedDate = newDate => {\n if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {\n onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);\n }\n setSelectedDateState(newDate);\n setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n };\n React.useEffect(() => {\n setFormattedDate(value && formatDate ? formatDate(value) : '');\n }, [formatDate, value]);\n return [selectedDate, formattedDate, setSelectedDate, setFormattedDate];\n}\nconst defaultFormatDate = date => date ? date.toDateString() : '';\nconst defaultParseDateFromString = dateStr => {\n const date = Date.parse(dateStr);\n return date ? new Date(date) : null;\n};\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */\nexport const useDatePicker_unstable = (props, ref) => {\n const {\n allowTextInput = false,\n allFocusable = false,\n borderless = false,\n dateTimeFormatter,\n defaultOpen = false,\n disableAutoFocus = true,\n firstDayOfWeek = DayOfWeek.Sunday,\n firstWeekOfYear = FirstWeekOfYear.FirstDay,\n formatDate = defaultFormatDate,\n highlightCurrentMonth = false,\n highlightSelectedMonth = false,\n initialPickerDate = new Date(),\n inlinePopup = false,\n isMonthPickerVisible = true,\n maxDate,\n minDate,\n onOpenChange,\n onSelectDate: onUserSelectDate,\n openOnClick = true,\n onValidationResult,\n parseDateFromString = defaultParseDateFromString,\n showCloseButton = false,\n showGoToToday = true,\n showMonthPickerAsOverlay = false,\n showWeekNumbers = false,\n strings = defaultDatePickerStrings,\n today,\n underlined = false,\n value,\n ...restOfProps\n } = props;\n const calendar = React.useRef(null);\n const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n formatDate,\n onSelectDate: onUserSelectDate,\n value\n });\n const [open, setOpenState] = usePopupVisibility(props);\n const fieldContext = useFieldContext();\n var _fieldContext_required;\n const required = (_fieldContext_required = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.required) !== null && _fieldContext_required !== void 0 ? _fieldContext_required : props.required;\n const popupSurfaceId = useId('datePicker-popoverSurface');\n const validateTextInput = React.useCallback((date = null) => {\n let error;\n if (allowTextInput) {\n if (formattedDate || date) {\n // Don't parse if the selected date has the same formatted string as what we're about to parse.\n // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n // not be able to come up with the exact same date.\n if (selectedDate && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === formattedDate) {\n return;\n }\n date = date || parseDateFromString(formattedDate);\n // Check if date is null or date is an invalid date\n if (!date || isNaN(date.getTime())) {\n // Reset input if formatting is available\n setSelectedDate(selectedDate);\n error = 'invalid-input';\n } else {\n if (isDateOutOfBounds(date, minDate, maxDate)) {\n error = 'out-of-bounds';\n } else {\n setSelectedDate(date);\n }\n }\n } else {\n if (required) {\n error = 'required-input';\n }\n onUserSelectDate === null || onUserSelectDate === void 0 ? void 0 : onUserSelectDate(date);\n }\n } else if (required && !formattedDate) {\n error = 'required-input';\n }\n onValidationResult === null || onValidationResult === void 0 ? void 0 : onValidationResult({\n error\n });\n }, [allowTextInput, formatDate, formattedDate, maxDate, minDate, onUserSelectDate, onValidationResult, parseDateFromString, required, selectedDate, setSelectedDate]);\n const setOpen = React.useCallback(newState => {\n onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);\n setOpenState(newState);\n }, [onOpenChange, setOpenState]);\n const dismissDatePickerPopup = React.useCallback(newlySelectedDate => {\n if (open) {\n setOpen(false);\n validateTextInput(newlySelectedDate);\n if (!allowTextInput && newlySelectedDate) {\n setSelectedDate(newlySelectedDate);\n }\n }\n }, [allowTextInput, open, setOpen, setSelectedDate, validateTextInput]);\n const showDatePickerPopup = React.useCallback(() => {\n if (!open) {\n preventNextFocusOpeningPicker();\n setOpen(true);\n }\n }, [open, preventNextFocusOpeningPicker, setOpen]);\n /**\n * Callback for closing the calendar callout\n */\n const calendarDismissed = React.useCallback(newlySelectedDate => {\n preventNextFocusOpeningPicker();\n dismissDatePickerPopup(newlySelectedDate);\n }, [dismissDatePickerPopup, preventNextFocusOpeningPicker]);\n const onInputChange = React.useCallback((ev, data) => {\n const {\n value: newValue\n } = data;\n if (allowTextInput) {\n if (open) {\n dismissDatePickerPopup();\n }\n setFormattedDate(newValue);\n }\n }, [allowTextInput, dismissDatePickerPopup, open, setFormattedDate]);\n const onInputBlur = React.useCallback(() => {\n validateTextInput();\n }, [validateTextInput]);\n const onInputKeyDown = React.useCallback(ev => {\n switch (ev.key) {\n case Enter:\n ev.preventDefault();\n ev.stopPropagation();\n if (!open) {\n validateTextInput();\n showDatePickerPopup();\n } else {\n // When DatePicker allows input date string directly,\n // it is expected to hit another enter to close the popup\n if (props.allowTextInput) {\n dismissDatePickerPopup();\n }\n }\n break;\n case Escape:\n ev.stopPropagation();\n ev.preventDefault();\n if (open) {\n calendarDismissed();\n }\n break;\n case ArrowDown:\n ev.preventDefault();\n if (ev.altKey && !open) {\n showDatePickerPopup();\n }\n break;\n default:\n break;\n }\n }, [calendarDismissed, dismissDatePickerPopup, open, props.allowTextInput, showDatePickerPopup, validateTextInput]);\n const onInputFocus = React.useCallback(() => {\n if (disableAutoFocus) {\n return;\n }\n if (!allowTextInput) {\n if (!preventFocusOpeningPicker.current) {\n showDatePickerPopup();\n }\n preventFocusOpeningPicker.current = false;\n }\n }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]);\n const onInputClick = React.useCallback(() => {\n // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n if ((openOnClick || !disableAutoFocus) && !open && !props.disabled) {\n showDatePickerPopup();\n return;\n }\n if (allowTextInput) {\n dismissDatePickerPopup();\n }\n }, [allowTextInput, disableAutoFocus, dismissDatePickerPopup, openOnClick, open, props.disabled, showDatePickerPopup]);\n const onIconClick = ev => {\n ev.stopPropagation();\n if (!open && !props.disabled) {\n showDatePickerPopup();\n } else if (props.allowTextInput) {\n dismissDatePickerPopup();\n }\n };\n const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';\n const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n const rootShorthand = resolveShorthand(restOfProps, {\n required: true,\n defaultProps: {\n appearance: inputAppearance,\n 'aria-controls': open ? popupSurfaceId : undefined,\n 'aria-expanded': open,\n 'aria-haspopup': 'dialog',\n contentAfter: /*#__PURE__*/React.createElement(CalendarMonthRegular, {\n onClick: onIconClick\n }),\n readOnly: !allowTextInput,\n role: 'combobox',\n root: {\n ref: useMergedRefs(triggerWrapperRef, ref),\n 'aria-owns': popupSurfaceId\n },\n input: {\n ref: rootRef\n }\n }\n });\n rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange);\n rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur);\n rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown);\n rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus);\n rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick);\n const {\n modalAttributes\n } = useModalAttributes({\n trapFocus: true,\n alwaysFocusable: true,\n legacyTrapFocus: false\n });\n const popupSurfaceShorthand = open ? resolveShorthand(props.popupSurface, {\n required: true,\n defaultProps: {\n 'aria-label': 'Calendar',\n 'aria-modal': true,\n id: popupSurfaceId,\n role: 'dialog',\n ref: popupRef,\n ...modalAttributes\n }\n }) : undefined;\n const {\n targetDocument\n } = useFluent();\n useOnClickOutside({\n element: targetDocument,\n callback: ev => dismissDatePickerPopup(),\n refs: [triggerWrapperRef, popupRef],\n disabled: !open\n });\n useOnScrollOutside({\n element: targetDocument,\n callback: ev => dismissDatePickerPopup(),\n refs: [triggerWrapperRef, popupRef],\n disabled: !open\n });\n const {\n findFirstFocusable\n } = useFocusFinders();\n React.useEffect(() => {\n if (disableAutoFocus) {\n return;\n }\n if (open && popupRef.current) {\n const firstFocusable = findFirstFocusable(popupRef.current);\n firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();\n }\n }, [disableAutoFocus, findFirstFocusable, open, popupRef]);\n const popupOnClick = useEventCallback(mergeCallbacks(ev => {\n var _rootRef_current;\n (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.focus();\n }, popupSurfaceShorthand === null || popupSurfaceShorthand === void 0 ? void 0 : popupSurfaceShorthand.onClick));\n if (popupSurfaceShorthand) {\n popupSurfaceShorthand.onClick = popupOnClick;\n }\n const calendarShorthand = resolveShorthand(props.calendar, {\n required: true,\n defaultProps: {\n allFocusable,\n componentRef: calendar,\n dateTimeFormatter,\n firstDayOfWeek,\n firstWeekOfYear,\n highlightCurrentMonth,\n highlightSelectedMonth,\n isMonthPickerVisible,\n maxDate,\n minDate,\n onDismiss: calendarDismissed,\n showCloseButton,\n showGoToToday,\n showMonthPickerAsOverlay,\n showWeekNumbers,\n strings,\n today,\n value: selectedDate || initialPickerDate\n }\n });\n React.useImperativeHandle(props.componentRef, () => ({\n focus,\n reset() {\n setOpen(false);\n setSelectedDate(undefined);\n },\n showDatePickerPopup\n }), [focus, setOpen, setSelectedDate, showDatePickerPopup]);\n const state = {\n disabled: !!props.disabled,\n inlinePopup,\n components: {\n root: Input,\n calendar: Calendar,\n popupSurface: 'div'\n },\n calendar: calendarShorthand,\n root: rootShorthand,\n popupSurface: popupSurfaceShorthand\n };\n state.root.value = formattedDate;\n state.calendar.onSelectDate = mergeCallbacks(state.calendar.onSelectDate, calendarDismissed);\n return state;\n};\n//# sourceMappingURL=useDatePicker.js.map"],"names":["useDatePicker_unstable","isDateOutOfBounds","date","minDate","maxDate","compareDatePart","useFocusLogic","inputRef","React","useRef","preventFocusOpeningPicker","focus","_inputRef_current","_inputRef_current_focus","current","call","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","useControllableState","initialState","defaultState","defaultOpen","state","isMounted","useEffect","_props_onOpenChange","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","undefined","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","defaultDatePickerStrings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","useFieldContext","_fieldContext_required","required","popupSurfaceId","useId","validateTextInput","useCallback","error","isNaN","getTime","newState","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","Enter","preventDefault","stopPropagation","Escape","ArrowDown","altKey","onInputFocus","onInputClick","disabled","onIconClick","inputAppearance","triggerWrapperRef","popupRef","usePopupPositioning","rootShorthand","resolveShorthand","defaultProps","appearance","contentAfter","createElement","CalendarMonthRegular","onClick","readOnly","role","root","useMergedRefs","input","onChange","mergeCallbacks","onBlur","onKeyDown","onFocus","modalAttributes","useModalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurfaceShorthand","popupSurface","id","targetDocument","useFluent","useOnClickOutside","element","callback","refs","useOnScrollOutside","findFirstFocusable","useFocusFinders","firstFocusable","popupOnClick","useEventCallback","_rootRef_current","calendarShorthand","componentRef","onDismiss","useImperativeHandle","reset","components","Input","Calendar"],"mappings":"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"}
|
package/lib-commonjs/components/DatePicker/{useDatePickerStyles.js → useDatePickerStyles.styles.js}
RENAMED
|
@@ -50,6 +50,6 @@ const useDatePickerStyles_unstable = (state)=>{
|
|
|
50
50
|
}
|
|
51
51
|
state.calendar.className = (0, _react.mergeClasses)(datePickerClassNames.calendar, state.calendar.className);
|
|
52
52
|
return state;
|
|
53
|
-
}; //# sourceMappingURL=useDatePickerStyles.js.map
|
|
53
|
+
}; //# sourceMappingURL=useDatePickerStyles.styles.js.map
|
|
54
54
|
|
|
55
|
-
//# sourceMappingURL=useDatePickerStyles.js.map
|
|
55
|
+
//# sourceMappingURL=useDatePickerStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/DatePicker/useDatePickerStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const datePickerClassNames = {\n root: 'fui-DatePicker',\n calendar: 'fui-DatePicker__calendar',\n popupSurface: 'fui-DatePicker__popupSurface'\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n qhf8xq: \"f10pi13n\",\n Bceei9c: \"f1k6fduh\",\n xfaavh: \"faxec97\"\n },\n disabled: {\n Bceei9c: \"f158kwzp\",\n xfaavh: \"f19qwlmg\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1k6fduh{cursor:pointer;}\", \".faxec97 input{cursor:pointer;}\", \".f158kwzp{cursor:default;}\", \".f19qwlmg input{cursor:default;}\"]\n});\nconst usePopupSurfaceClassName = /*#__PURE__*/__resetStyles(\"r1ytv1z8\", null, [\".r1ytv1z8{background-color:var(--colorNeutralBackground1);box-shadow:var(--shadow16);border-radius:var(--borderRadiusMedium);border-width:1px;border-style:solid;border-color:var(--colorTransparentStroke);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}\"]);\n/**\n * Apply styling to the DatePicker slots based on the state\n */\nexport const useDatePickerStyles_unstable = state => {\n const styles = useStyles();\n const popupSurfaceClassName = usePopupSurfaceClassName();\n const {\n disabled\n } = state;\n state.root.className = mergeClasses(datePickerClassNames.root, styles.base, disabled && styles.disabled, state.root.className);\n if (state.popupSurface) {\n state.popupSurface.className = mergeClasses(datePickerClassNames.popupSurface, popupSurfaceClassName, state.popupSurface.className);\n }\n state.calendar.className = mergeClasses(datePickerClassNames.calendar, state.calendar.className);\n return state;\n};\n//# sourceMappingURL=useDatePickerStyles.styles.js.map"],"names":["datePickerClassNames","useDatePickerStyles_unstable","root","calendar","popupSurface","useStyles","__styles","base","qhf8xq","Bceei9c","xfaavh","disabled","d","usePopupSurfaceClassName","__resetStyles","state","styles","popupSurfaceClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAsBAC,4BAA4B,MAA5BA;;uBAxByC;AAE/C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,UAAU;IACVC,cAAc;AAChB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAiC;QAA8B;QAAmC;QAA8B;KAAmC;AACzK;AACA,MAAMC,2BAA2B,WAAW,GAAEC,IAAAA,uBAAa,EAAC,YAAY,IAAI,EAAE;IAAC;CAAwe;AAIhjB,MAAMb,+BAA+Bc,CAAAA,QAAS;IACnD,MAAMC,SAASX;IACf,MAAMY,wBAAwBJ;IAC9B,MAAM,EACJF,SAAQ,EACT,GAAGI;IACJA,MAAMb,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,qBAAqBE,IAAI,EAAEc,OAAOT,IAAI,EAAEI,YAAYK,OAAOL,QAAQ,EAAEI,MAAMb,IAAI,CAACgB,SAAS;IAC7H,IAAIH,MAAMX,YAAY,EAAE;QACtBW,MAAMX,YAAY,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,qBAAqBI,YAAY,EAAEa,uBAAuBF,MAAMX,YAAY,CAACc,SAAS;IACpI,CAAC;IACDH,MAAMZ,QAAQ,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,qBAAqBG,QAAQ,EAAEY,MAAMZ,QAAQ,CAACe,SAAS;IAC/F,OAAOH;AACT,GACA,sDAAsD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-datepicker-compat",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -24,28 +24,29 @@
|
|
|
24
24
|
"type-check": "tsc -b tsconfig.json",
|
|
25
25
|
"generate-api": "just-scripts generate-api",
|
|
26
26
|
"storybook": "start-storybook",
|
|
27
|
-
"start": "yarn storybook"
|
|
27
|
+
"start": "yarn storybook",
|
|
28
|
+
"test-ssr": "test-ssr ./stories/**/*.stories.tsx"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"@fluentui/eslint-plugin": "*",
|
|
31
32
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
33
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.21",
|
|
33
34
|
"@fluentui/scripts-api-extractor": "*",
|
|
34
35
|
"@fluentui/scripts-tasks": "*"
|
|
35
36
|
},
|
|
36
37
|
"dependencies": {
|
|
37
|
-
"@fluentui/keyboard-keys": "^9.0.
|
|
38
|
-
"@fluentui/react-field": "^9.1.
|
|
38
|
+
"@fluentui/keyboard-keys": "^9.0.3",
|
|
39
|
+
"@fluentui/react-field": "^9.1.3",
|
|
39
40
|
"@fluentui/react-icons": "^2.0.196",
|
|
40
|
-
"@fluentui/react-input": "^9.4.
|
|
41
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
42
|
-
"@fluentui/react-popover": "^9.5.
|
|
43
|
-
"@fluentui/react-portal": "^9.2.
|
|
44
|
-
"@fluentui/react-positioning": "^9.5.
|
|
45
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
46
|
-
"@fluentui/react-tabster": "^9.
|
|
47
|
-
"@fluentui/react-theme": "^9.1.
|
|
48
|
-
"@fluentui/react-utilities": "^9.
|
|
41
|
+
"@fluentui/react-input": "^9.4.13",
|
|
42
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
|
|
43
|
+
"@fluentui/react-popover": "^9.5.12",
|
|
44
|
+
"@fluentui/react-portal": "^9.2.8",
|
|
45
|
+
"@fluentui/react-positioning": "^9.5.12",
|
|
46
|
+
"@fluentui/react-shared-contexts": "^9.4.0",
|
|
47
|
+
"@fluentui/react-tabster": "^9.7.1",
|
|
48
|
+
"@fluentui/react-theme": "^9.1.8",
|
|
49
|
+
"@fluentui/react-utilities": "^9.9.0",
|
|
49
50
|
"@griffel/react": "^1.5.2",
|
|
50
51
|
"@swc/helpers": "^0.4.14"
|
|
51
52
|
},
|
package/.swcrc
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://json.schemastore.org/swcrc",
|
|
3
|
-
"exclude": [
|
|
4
|
-
"/testing",
|
|
5
|
-
"/**/*.cy.ts",
|
|
6
|
-
"/**/*.cy.tsx",
|
|
7
|
-
"/**/*.spec.ts",
|
|
8
|
-
"/**/*.spec.tsx",
|
|
9
|
-
"/**/*.test.ts",
|
|
10
|
-
"/**/*.test.tsx"
|
|
11
|
-
],
|
|
12
|
-
"jsc": {
|
|
13
|
-
"parser": {
|
|
14
|
-
"syntax": "typescript",
|
|
15
|
-
"tsx": true,
|
|
16
|
-
"decorators": false,
|
|
17
|
-
"dynamicImport": false
|
|
18
|
-
},
|
|
19
|
-
"externalHelpers": true,
|
|
20
|
-
"transform": {
|
|
21
|
-
"react": {
|
|
22
|
-
"runtime": "classic",
|
|
23
|
-
"useSpread": true
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"target": "es2019"
|
|
27
|
-
},
|
|
28
|
-
"minify": false,
|
|
29
|
-
"sourceMaps": true
|
|
30
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","B2d53fq","Dyrjrp","Be90el1","h","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["../../../src/components/Calendar/useCalendarStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarStyles, CalendarStyleProps } from './Calendar.types';\n\n/**\n * @internal\n */\nexport const calendarClassNames: SlotClassNames<CalendarStyles> = {\n root: 'fui-Calendar',\n divider: 'fui-Calendar__divider',\n goTodayButton: 'fui-Calendar__goTodayButton',\n monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n liveRegion: 'fui-Calendar__liveRegion',\n};\n\nconst useRootStyles = makeStyles({\n base: {\n display: 'flex',\n width: '220px',\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n },\n monthPickerNotVisible: {\n flexDirection: 'column',\n },\n dayAndMonthPickersVisible: {\n width: '440px',\n },\n dayPickerVisibleAndWeekNumbersShown: {\n width: '250px',\n },\n dayAndMonthPickersVisibleAndWeekNumbersShown: {\n width: '470px',\n },\n});\n\nconst useDividerStyles = makeStyles({\n base: {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n top: 0,\n },\n});\n\nconst useMonthPickerWrapperStyles = makeStyles({\n base: {\n display: 'flex',\n flexDirection: 'column',\n },\n});\n\nconst useGoTodayButtonStyles = makeStyles({\n base: {\n alignSelf: 'flex-end',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n bottom: 0,\n boxSizing: 'content-box',\n color: tokens.colorNeutralForeground1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '30px',\n lineHeight: '30px',\n marginRight: '16px',\n marginTop: '3px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0, '4px'),\n\n '& div': {\n fontSize: tokens.fontSizeBase200,\n },\n '&:hover': {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorBrandForeground1,\n cursor: 'pointer',\n },\n '&:hover:active': {\n color: tokens.colorBrandForeground2,\n },\n '&:disabled': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n },\n },\n});\n\nconst useLiveRegionStyles = makeStyles({\n base: {\n ...shorthands.border(0),\n height: '1px',\n ...shorthands.margin('-1px'),\n ...shorthands.overflow('hidden'),\n ...shorthands.padding(0),\n position: 'absolute',\n width: '1px',\n },\n});\n\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */\nexport const useCalendarStyles_unstable = (props: CalendarStyleProps): CalendarStyles => {\n const rootStyles = useRootStyles();\n const dividerStyles = useDividerStyles();\n const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n const goTodayButtonStyles = useGoTodayButtonStyles();\n const liveRegionStyles = useLiveRegionStyles();\n\n const { className, isDayPickerVisible, isMonthPickerVisible, showWeekNumbers } = props;\n\n return {\n root: mergeClasses(\n calendarClassNames.root,\n rootStyles.base,\n rootStyles.normalize,\n !isMonthPickerVisible && rootStyles.monthPickerNotVisible,\n isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible,\n isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown,\n isDayPickerVisible &&\n isMonthPickerVisible &&\n showWeekNumbers &&\n rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown,\n className,\n ),\n divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base),\n };\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","EASING_FUNCTION_2","FADE_IN","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","Dwtyhm","ukgb2i","pugfm4","B2d53fq","useDisabledStyleStyles","Bg33ivm","t69wg0","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"sources":["../../../src/components/CalendarDay/useCalendarDayStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayStyles, CalendarDayStyleProps } from './CalendarDay.types';\n\n/**\n * @internal\n */\nexport const calendarDayClassNames: SlotClassNames<CalendarDayStyles> = {\n root: 'fui-CalendarDay',\n header: 'fui-CalendarDay__header',\n monthAndYear: 'fui-CalendarDay__monthAndYear',\n monthComponents: 'fui-CalendarDay__monthComponents',\n headerIconButton: 'fui-CalendarDay__headerIconButton',\n disabledStyle: 'fui-CalendarDay__disabledStyle',\n};\n\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n ...shorthands.padding('12px'),\n width: '196px',\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n },\n showWeekNumbers: {\n width: '226px',\n },\n});\n\nconst useHeaderStyles = makeStyles({\n base: {\n display: 'inline-flex',\n height: '28px',\n lineHeight: '44px',\n position: 'relative',\n width: '100%',\n },\n});\n\nconst useMonthAndYearStyles = makeStyles({\n base: {\n alignItems: 'center',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground1,\n display: 'inline-block',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: '28px',\n ...shorthands.overflow('hidden'),\n ...shorthands.padding(0, '4px', 0, '10px'),\n textAlign: 'left',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2,\n },\n headerIsClickable: {\n '&:hover': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorNeutralForeground1Hover,\n cursor: 'pointer',\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackground2,\n },\n },\n});\n\nconst useMonthComponentsStyles = makeStyles({\n base: {\n alignSelf: 'flex-end',\n display: 'inline-flex',\n },\n});\n\nconst useHeaderIconButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground3,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n position: 'relative',\n textAlign: 'center',\n width: '28px',\n\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n },\n },\n});\n\nconst useDisabledStyleStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n },\n },\n});\n\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = (props: CalendarDayStyleProps): CalendarDayStyles => {\n const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n\n const { className, headerIsClickable, showWeekNumbers } = props;\n\n return {\n root: mergeClasses(\n calendarDayClassNames.root,\n rootStyles.normalize,\n rootStyles.base,\n showWeekNumbers && rootStyles.showWeekNumbers,\n className,\n ),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(\n calendarDayClassNames.monthAndYear,\n monthAndYearStyles.base,\n monthAndYearStyles.animation,\n headerIsClickable && monthAndYearStyles.headerIsClickable,\n ),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base),\n };\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["../../../src/components/CalendarDayGrid/useCalendarDayGridStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport {\n DURATION_2,\n DURATION_3,\n EASING_FUNCTION_1,\n EASING_FUNCTION_2,\n FADE_IN,\n FADE_OUT,\n SLIDE_DOWN_IN20,\n SLIDE_DOWN_OUT20,\n SLIDE_LEFT_IN20,\n SLIDE_RIGHT_IN20,\n SLIDE_UP_IN20,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE,\n} from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const calendarDayGridClassNames: SlotClassNames<CalendarDayGridStyles> = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n weekRow: 'fui-CalendarDayGrid__weekRow',\n weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n dayButton: 'fui-CalendarDayGrid__dayButton',\n dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n dayMarker: 'fui-CalendarDayGrid__dayMarker',\n};\n\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle',\n};\n\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px',\n },\n});\n\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px',\n },\n showWeekNumbers: {\n width: '226px',\n },\n});\n\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n },\n\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3,\n },\n },\n\n [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight',\n },\n },\n },\n});\n\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n },\n\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n },\n },\n\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n },\n },\n },\n});\n\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1,\n },\n horizontalBackward: {\n animationName: [FADE_IN, SLIDE_RIGHT_IN20],\n },\n horizontalForward: {\n animationName: [FADE_IN, SLIDE_LEFT_IN20],\n },\n verticalBackward: {\n animationName: [FADE_IN, SLIDE_DOWN_IN20],\n },\n verticalForward: {\n animationName: [FADE_IN, SLIDE_UP_IN20],\n },\n});\n\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2,\n },\n});\n\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px',\n },\n});\n\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` +\n `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n },\n});\n\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n },\n});\n\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit',\n },\n },\n});\n\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n },\n },\n },\n});\n\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0,\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [FADE_OUT, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE],\n animationTimingFunction: EASING_FUNCTION_1,\n },\n});\n\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0,\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [FADE_OUT, SLIDE_DOWN_OUT20, TRANSITION_ROW_DISAPPEARANCE],\n animationTimingFunction: EASING_FUNCTION_1,\n },\n});\n\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none',\n },\n },\n});\n\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px',\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px',\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px',\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px',\n },\n },\n});\n\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */\nexport const useCalendarDayGridStyles_unstable = (props: CalendarDayGridStyleProps): CalendarDayGridStyles => {\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\n const weekRowStyles = useWeekRowStyles();\n const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n const weekNumberCellStyles = useWeekNumberCellStyles();\n const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n const dayButtonStyles = useDayButtonStyles();\n const dayIsTodayStyles = useDayIsTodayStyles();\n const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n const dayMarkerStyles = useDayMarkerStyles();\n const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n\n const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(\n calendarDayGridClassNames.table,\n tableStyles.base,\n showWeekNumbers && tableStyles.showWeekNumbers,\n ),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(\n calendarDayGridClassNames.weekRow,\n animateBackwards !== undefined && weekRowStyles.base,\n animateBackwards !== undefined &&\n (animationDirection === AnimationDirection.Horizontal\n ? animateBackwards\n ? weekRowStyles.horizontalBackward\n : weekRowStyles.horizontalForward\n : animateBackwards\n ? weekRowStyles.verticalBackward\n : weekRowStyles.verticalForward),\n ),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(\n calendarDayGridClassNames.dayOutsideNavigatedMonth,\n lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth,\n ),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(\n calendarDayGridClassNames.firstTransitionWeek,\n firstTransitionWeekStyles.base,\n animateBackwards !== undefined &&\n animationDirection !== AnimationDirection.Horizontal &&\n !animateBackwards &&\n firstTransitionWeekStyles.verticalForward,\n ),\n lastTransitionWeek: mergeClasses(\n calendarDayGridClassNames.lastTransitionWeek,\n lastTransitionWeekStyles.base,\n animateBackwards !== undefined &&\n animationDirection !== AnimationDirection.Horizontal &&\n animateBackwards &&\n lastTransitionWeekStyles.verticalBackward,\n ),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n };\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["../../../src/components/CalendarDayGrid/useWeekCornerStyles.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate',\n};\n\n/**\n * @internal\n */\nexport interface WeekCorners {\n [key: string]: string;\n}\n\n/**\n * @internal\n */\nexport function useWeekCornerStyles(props: CalendarDayGridProps) {\n const { dir } = useFluent_unstable();\n\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */\n const getWeekCornerStyles = (initialWeeks: DayInfo[][]): WeekCorners => {\n const weekCornersStyled: { [key: string]: string } = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */\n\n // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week: DayInfo[], weekIndex: number) => {\n week.forEach((day: DayInfo, dayIndex: number) => {\n const above =\n weeks[weekIndex - 1] &&\n weeks[weekIndex - 1][dayIndex] &&\n isInSameHoverRange(\n weeks[weekIndex - 1][dayIndex].originalDate,\n day.originalDate,\n weeks[weekIndex - 1][dayIndex].isSelected,\n day.isSelected,\n );\n const below =\n weeks[weekIndex + 1] &&\n weeks[weekIndex + 1][dayIndex] &&\n isInSameHoverRange(\n weeks[weekIndex + 1][dayIndex].originalDate,\n day.originalDate,\n weeks[weekIndex + 1][dayIndex].isSelected,\n day.isSelected,\n );\n const left =\n weeks[weekIndex][dayIndex - 1] &&\n isInSameHoverRange(\n weeks[weekIndex][dayIndex - 1].originalDate,\n day.originalDate,\n weeks[weekIndex][dayIndex - 1].isSelected,\n day.isSelected,\n );\n const right =\n weeks[weekIndex][dayIndex + 1] &&\n isInSameHoverRange(\n weeks[weekIndex][dayIndex + 1].originalDate,\n day.originalDate,\n weeks[weekIndex][dayIndex + 1].isSelected,\n day.isSelected,\n );\n\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n\n return weekCornersStyled;\n };\n\n const calculateRoundedStyles = (above: boolean, below: boolean, left: boolean, right: boolean): string => {\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(\n dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate,\n );\n }\n if (roundedBottomRight) {\n style.push(\n dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate,\n );\n }\n\n return mergeClasses(...style);\n };\n\n const isInSameHoverRange = (date1: Date, date2: Date, date1Selected: boolean, date2Selected: boolean): boolean => {\n const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date: Date) => date.getTime() === date2.getTime()).length > 0;\n };\n\n return [getWeekCornerStyles, calculateRoundedStyles] as const;\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","SLIDE_DOWN_IN20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","AnimationDirection","calendarPickerClassNames","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","base","B7ck84d","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","d","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","Dwtyhm","ukgb2i","pugfm4","iro3zm","B2d53fq","c3iz72","syojd9","Bx68yb","mghro0","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bv57zgv","Bnosqey","Bx7pl5v","g2kj27","pc6evw","B76w7ga","m","useCurrentStyles","highlightCurrent","Bsw6fvg","Bbusuzp","ycbfsm","mk428o","B1lrsqs","z0vste","Bgjd7nk","kur00z","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","useCalendarPickerStyles_unstable","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","undefined","Horizontal"],"sources":["../../../src/components/CalendarPicker/useCalendarPickerStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport {\n DURATION_2,\n DURATION_3,\n EASING_FUNCTION_1,\n EASING_FUNCTION_2,\n FADE_IN,\n SLIDE_DOWN_IN20,\n SLIDE_LEFT_IN20,\n SLIDE_RIGHT_IN20,\n SLIDE_UP_IN20,\n} from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarPickerStyles, CalendarPickerStyleProps } from './CalendarPicker.types';\n\n/**\n * @internal\n */\nexport const calendarPickerClassNames: SlotClassNames<CalendarPickerStyles> = {\n root: 'fui-CalendarPicker',\n headerContainer: 'fui-CalendarPicker__headerContainer',\n currentItemButton: 'fui-CalendarPicker__currentItemButton',\n navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',\n navigationButton: 'fui-CalendarPicker__navigationButton',\n gridContainer: 'fui-CalendarPicker__gridContainer',\n buttonRow: 'fui-CalendarPicker__buttonRow',\n itemButton: 'fui-CalendarPicker__itemButton',\n current: 'fui-CalendarPicker__current',\n selected: 'fui-CalendarPicker__selected',\n disabled: 'fui-CalendarPicker__disabled',\n};\n\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n ...shorthands.overflow('hidden'),\n ...shorthands.padding('12px'),\n width: '196px',\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n },\n});\n\nconst useHeaderContainerStyles = makeStyles({\n base: {\n display: 'flex',\n },\n});\n\nconst useCurrentItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0, '4px', 0, '10px'),\n textAlign: 'left',\n },\n animation: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2,\n },\n hasHeaderClickCallback: {\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n },\n },\n});\n\nconst useNavigationButtonsContainerStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'flex',\n },\n});\n\nconst useNavigationButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground1,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n minHeight: '28px',\n minWidth: '28px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n position: 'relative',\n textAlign: 'center',\n width: '28px',\n\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n },\n\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n },\n },\n});\n\nconst useGridContainerStyles = makeStyles({\n base: {\n marginTop: '4px',\n },\n});\n\nconst useButtonRowStyles = makeStyles({\n base: {\n marginBottom: '16px',\n '&:last-of-type': {\n marginBottom: 0,\n },\n },\n animation: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1,\n },\n horizontalBackward: {\n animationName: [FADE_IN, SLIDE_RIGHT_IN20],\n },\n horizontalForward: {\n animationName: [FADE_IN, SLIDE_LEFT_IN20],\n },\n verticalBackward: {\n animationName: [FADE_IN, SLIDE_DOWN_IN20],\n },\n verticalForward: {\n animationName: [FADE_IN, SLIDE_UP_IN20],\n },\n});\n\nconst useItemButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n ...shorthands.borderRadius('2px'),\n color: tokens.colorNeutralForeground3,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '40px',\n lineHeight: '40px',\n minHeight: '40px',\n minWidth: '40px',\n ...shorthands.margin(0, '12px', 0, 0),\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '40px',\n\n '&:nth-child(4n + 4)': {\n marginRight: 0,\n },\n '&:nth-child(n + 9)': {\n marginBottom: 0,\n },\n '& div': {\n fontWeight: tokens.fontWeightRegular,\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorNeutralForeground1Static,\n cursor: 'pointer',\n ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n forcedColorAdjust: 'none',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n },\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'Highlight',\n forcedColorAdjust: 'none',\n },\n },\n },\n});\n\nconst useCurrentStyles = makeStyles({\n highlightCurrent: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n '&:hover, &:hover:active': {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n },\n },\n});\n\nconst useSelectedStyles = makeStyles({\n highlightSelected: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n fontWeight: tokens.fontWeightSemibold,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n '& div': {\n fontWeight: tokens.fontWeightSemibold,\n },\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n },\n },\n});\n\nconst useDisabledStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n forcedColorAdjust: 'none',\n },\n },\n});\n\n/**\n * @internal\n *\n * Apply styling to the CalendarPicker slots based on the state\n */\nexport const useCalendarPickerStyles_unstable = (props: CalendarPickerStyleProps): CalendarPickerStyles => {\n const rootStyles = useRootStyles();\n const headerContainerStyles = useHeaderContainerStyles();\n const currentItemButtonStyles = useCurrentItemButtonStyles();\n const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n const navigationButtonStyles = useNavigationButtonStyles();\n const gridContainerStyles = useGridContainerStyles();\n const buttonRowStyles = useButtonRowStyles();\n const itemButtonStyles = useItemButtonStyles();\n const currentStyles = useCurrentStyles();\n const selectedStyles = useSelectedStyles();\n const disabledStyles = useDisabledStyles();\n\n const {\n animateBackwards,\n animationDirection,\n className,\n hasHeaderClickCallback,\n highlightCurrent,\n highlightSelected,\n } = props;\n\n return {\n root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n currentItemButton: mergeClasses(\n calendarPickerClassNames.currentItemButton,\n currentItemButtonStyles.base,\n animateBackwards !== undefined && currentItemButtonStyles.animation,\n hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback,\n ),\n navigationButtonsContainer: mergeClasses(\n calendarPickerClassNames.navigationButtonsContainer,\n navigationButtonsContainerStyles.base,\n ),\n navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n buttonRow: mergeClasses(\n calendarPickerClassNames.buttonRow,\n buttonRowStyles.base,\n buttonRowStyles.animation,\n animateBackwards !== undefined &&\n (animationDirection === AnimationDirection.Horizontal\n ? animateBackwards\n ? buttonRowStyles.horizontalBackward\n : buttonRowStyles.horizontalForward\n : animateBackwards\n ? buttonRowStyles.verticalBackward\n : buttonRowStyles.verticalForward),\n ),\n itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base),\n };\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["../../../src/components/CalendarYear/useCalendarYearStyles.ts"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles';\nimport type { CalendarYearStyleProps, CalendarYearStyles } from './CalendarYear.types';\n\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */\nexport const useCalendarYearStyles_unstable = (props: CalendarYearStyleProps): CalendarYearStyles => {\n return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ;AAGjD;;;;;AAKA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAsD;EACnG,OAAOF,gCAAA,CAAiCE,KAAA;AAC1C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","datePickerClassNames","root","calendar","popupSurface","useStyles","base","qhf8xq","Bceei9c","xfaavh","disabled","d","usePopupSurfaceClassName","useDatePickerStyles_unstable","state","styles","popupSurfaceClassName","className"],"sources":["../../../src/components/DatePicker/useDatePickerStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DatePickerSlots, DatePickerState } from './DatePicker.types';\n\nexport const datePickerClassNames: SlotClassNames<DatePickerSlots> = {\n root: 'fui-DatePicker',\n calendar: 'fui-DatePicker__calendar',\n popupSurface: 'fui-DatePicker__popupSurface',\n};\n\nconst useStyles = makeStyles({\n base: {\n position: 'relative',\n cursor: 'pointer',\n '& input': {\n cursor: 'pointer',\n },\n },\n disabled: {\n cursor: 'default',\n '& input': {\n cursor: 'default',\n },\n },\n});\n\nconst usePopupSurfaceClassName = makeResetStyles({\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow16,\n borderRadius: tokens.borderRadiusMedium,\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: tokens.colorTransparentStroke,\n display: 'inline-flex',\n color: tokens.colorNeutralForeground1,\n ...typographyStyles.body1,\n});\n\n/**\n * Apply styling to the DatePicker slots based on the state\n */\nexport const useDatePickerStyles_unstable = (state: DatePickerState): DatePickerState => {\n const styles = useStyles();\n const popupSurfaceClassName = usePopupSurfaceClassName();\n const { disabled } = state;\n\n state.root.className = mergeClasses(\n datePickerClassNames.root,\n styles.base,\n disabled && styles.disabled,\n state.root.className,\n );\n\n if (state.popupSurface) {\n state.popupSurface.className = mergeClasses(\n datePickerClassNames.popupSurface,\n popupSurfaceClassName,\n state.popupSurface.className,\n );\n }\n\n state.calendar.className = mergeClasses(datePickerClassNames.calendar, state.calendar.className);\n\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ;AAC1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,YAAA,EAAc;AAChB;AAEA,MAAMC,SAAA,gBAAYR,QAAA;EAAAS,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAclB;AAEA,MAAMC,wBAAA,gBAA2BhB,aAAA,6fAUjC;AAEA;;;AAGA,OAAO,MAAMiB,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAMC,MAAA,GAASV,SAAA;EACf,MAAMW,qBAAA,GAAwBJ,wBAAA;EAC9B,MAAM;IAAEF;EAAQ,CAAE,GAAGI,KAAA;EAErBA,KAAA,CAAMZ,IAAI,CAACe,SAAS,GAAGnB,YAAA,CACrBG,oBAAA,CAAqBC,IAAI,EACzBa,MAAA,CAAOT,IAAI,EACXI,QAAA,IAAYK,MAAA,CAAOL,QAAQ,EAC3BI,KAAA,CAAMZ,IAAI,CAACe,SAAS;EAGtB,IAAIH,KAAA,CAAMV,YAAY,EAAE;IACtBU,KAAA,CAAMV,YAAY,CAACa,SAAS,GAAGnB,YAAA,CAC7BG,oBAAA,CAAqBG,YAAY,EACjCY,qBAAA,EACAF,KAAA,CAAMV,YAAY,CAACa,SAAS;EAEhC;EAEAH,KAAA,CAAMX,QAAQ,CAACc,SAAS,GAAGnB,YAAA,CAAaG,oBAAA,CAAqBE,QAAQ,EAAEW,KAAA,CAAMX,QAAQ,CAACc,SAAS;EAE/F,OAAOH,KAAA;AACT"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Calendar/useCalendarStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */\nexport const calendarClassNames = {\n root: 'fui-Calendar',\n divider: 'fui-Calendar__divider',\n goTodayButton: 'fui-Calendar__goTodayButton',\n monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n a9b677: \"f13dwy2t\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n monthPickerNotVisible: {\n Beiy3e4: \"f1vx9l62\"\n },\n dayAndMonthPickersVisible: {\n a9b677: \"fcy5b15\"\n },\n dayPickerVisibleAndWeekNumbersShown: {\n a9b677: \"fhsg0in\"\n },\n dayAndMonthPickersVisibleAndWeekNumbersShown: {\n a9b677: \"fcarq7f\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f13dwy2t{width:220px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fcy5b15{width:440px;}\", \".fhsg0in{width:250px;}\", \".fcarq7f{width:470px;}\"]\n});\nconst useDividerStyles = /*#__PURE__*/__styles({\n base: {\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n Bhzewxz: \"f15twtuk\"\n }\n}, {\n d: [\".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f15twtuk{top:0;}\"]\n});\nconst useMonthPickerWrapperStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\nconst useGoTodayButtonStyles = /*#__PURE__*/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n B5kzvoi: \"f1yab3r1\",\n B7ck84d: \"f1e4lqlz\",\n sj55zd: \"f19n0e5\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"f1tvdnth\",\n Bg96gwp: \"fpfng1i\",\n t21cq0: [\"f17vyym1\", \"fb5scp\"],\n B6of3ja: \"f4gg0ds\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fycuoez\", \"f8wuabp\"],\n seuwu7: \"fvy6vk6\",\n Jwef8y: \"f9ql6rf\",\n Bi91k9c: \"f1f1pb61\",\n eoavqd: \"f8491dx\",\n B2d53fq: \"fc9d3oc\",\n Dyrjrp: \"f1cqwcg4\",\n Be90el1: \"fmjaa5u\"\n }\n}, {\n d: [\".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1yab3r1{bottom:0;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f1tvdnth{height:30px;}\", \".fpfng1i{line-height:30px;}\", \".f17vyym1{margin-right:16px;}\", \".fb5scp{margin-left:16px;}\", \".f4gg0ds{margin-top:3px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".fvy6vk6 div{font-size:var(--fontSizeBase200);}\", \".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}\", \".fmjaa5u:disabled{pointer-events:none;}\"],\n h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f1f1pb61:hover{color:var(--colorBrandForeground1);}\", \".f8491dx:hover{cursor:pointer;}\", \".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}\"]\n});\nconst useLiveRegionStyles = /*#__PURE__*/__styles({\n base: {\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n Bqenvij: \"f1mpe4l3\",\n B6of3ja: \"fkrn0sh\",\n t21cq0: [\"f179hvsh\", \"f1538868\"],\n jrapky: \"fmxx68s\",\n Frg6f3: [\"f1538868\", \"f179hvsh\"],\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n qhf8xq: \"f1euv43f\",\n a9b677: \"frkrog8\"\n }\n}, {\n d: [\".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1mpe4l3{height:1px;}\", \".fkrn0sh{margin-top:-1px;}\", \".f179hvsh{margin-right:-1px;}\", \".f1538868{margin-left:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1euv43f{position:absolute;}\", \".frkrog8{width:1px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */\nexport const useCalendarStyles_unstable = props => {\n const rootStyles = useRootStyles();\n const dividerStyles = useDividerStyles();\n const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n const goTodayButtonStyles = useGoTodayButtonStyles();\n const liveRegionStyles = useLiveRegionStyles();\n const {\n className,\n isDayPickerVisible,\n isMonthPickerVisible,\n showWeekNumbers\n } = props;\n return {\n root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n };\n};\n//# sourceMappingURL=useCalendarStyles.js.map"],"names":["calendarClassNames","useCalendarStyles_unstable","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","__styles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","B2d53fq","Dyrjrp","Be90el1","h","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers","mergeClasses"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/CalendarDay/useCalendarDayStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */\nexport const calendarDayClassNames = {\n root: 'fui-CalendarDay',\n header: 'fui-CalendarDay__header',\n monthAndYear: 'fui-CalendarDay__monthAndYear',\n monthComponents: 'fui-CalendarDay__monthComponents',\n headerIconButton: 'fui-CalendarDay__headerIconButton',\n disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n B7ck84d: \"f1e4lqlz\",\n z8tnut: \"f1kcqot9\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"fpe6lb7\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n a9b677: \"f4m2ahc\"\n },\n normalize: {\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n showWeekNumbers: {\n a9b677: \"fl524qk\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".f4m2ahc{width:196px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fl524qk{width:226px;}\"]\n});\nconst useHeaderStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f1vzymgo\",\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fxldao9{height:28px;}\", \".f1vzymgo{line-height:44px;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\"]\n});\nconst useMonthAndYearStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f19n0e5\",\n mc9l5x: \"f14t3ns0\",\n Bh6795r: \"fqerorx\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n ygn44y: \"f1cmbuwj\",\n Huce71: \"fz5stix\"\n },\n animation: {\n vin17d: \"fhsqnsn\",\n Bf5fcs: \"fywypte\",\n Bv12yb3: \"f1h7u52p\",\n Ezkn3b: \"fjq4c94\"\n },\n headerIsClickable: {\n Jwef8y: \"f121v1wq\",\n Bi91k9c: \"feu1g3u\",\n eoavqd: \"f8491dx\",\n iro3zm: \"f6r9z65\"\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f14t3ns0{display:inline-block;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1mo0ibp{font-family:inherit;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f336tjw{line-height:28px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".frdkuqy{padding-left:10px;}\", \".f81rol6{padding-right:10px;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fz5stix{white-space:nowrap;}\", \".fhsqnsn{-webkit-animation-duration:0.267s;animation-duration:0.267s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".f1h7u52p{-webkit-animation-name:f5j8bii;animation-name:f5j8bii;}\", \".fjq4c94{-webkit-animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n k: [\"@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"],\n h: [\".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f6r9z65:hover:active{background-color:var(--colorBrandBackground2);}\"]\n});\nconst useMonthComponentsStyles = /*#__PURE__*/__styles({\n base: {\n qb2dma: \"fpydfdc\",\n mc9l5x: \"ftuwxu6\"\n }\n}, {\n d: [\".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\"]\n});\nconst useHeaderIconButtonStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1c21dwh\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n Btl43ni: [\"f1127022\", \"f1stktl2\"],\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fy9rknc\",\n Bqenvij: \"fxldao9\",\n Bg96gwp: \"f336tjw\",\n B68tc82: \"f1mtd64y\",\n Bmxbyg5: \"f1y7q3j9\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n qhf8xq: \"f10pi13n\",\n fsow6f: \"f17mccla\",\n a9b677: \"f1w9dchk\",\n Jwef8y: \"f18a0fwf\",\n Bi91k9c: \"f3sdaeg\",\n eoavqd: \"f8491dx\",\n Dwtyhm: \"f14gx60i\",\n ukgb2i: \"f1o3croz\",\n pugfm4: \"f11jyo21\",\n iro3zm: \"f1wvkgvo\",\n B2d53fq: \"f1wdoaqd\"\n }\n}, {\n d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f17mccla{text-align:center;}\", \".f1w9dchk{width:28px;}\"],\n h: [\".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f14gx60i:hover{outline-width:1px;}\", \".f1o3croz:hover{outline-style:solid;}\", \".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}\", \".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}\"]\n});\nconst useDisabledStyleStyles = /*#__PURE__*/__styles({\n base: {\n Bg33ivm: \"f1oelgmz\",\n t69wg0: \"fhh1ekj\"\n }\n}, {\n d: [\".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}\", \".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */\nexport const useCalendarDayStyles_unstable = props => {\n const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n const {\n className,\n headerIsClickable,\n showWeekNumbers\n } = props;\n return {\n root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n };\n};\n//# sourceMappingURL=useCalendarDayStyles.js.map"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","z8tnut","z189sj","Byoj8tv","uwmqm3","a9b677","normalize","E5pizo","B6of3ja","t21cq0","jrapky","Frg6f3","showWeekNumbers","d","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","iro3zm","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","Dwtyhm","ukgb2i","pugfm4","B2d53fq","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"mappings":"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"}
|