@fluentui/react-datepicker-compat 0.0.0-beta.1

package/lib-commonjs/components/DatePicker/renderDatePicker.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDatePicker_unstable", {
+    enumerable: true,
+    get: ()=>renderDatePicker_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactPopover = require("@fluentui/react-popover");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderDatePicker_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.wrapper, slotProps.wrapper, /*#__PURE__*/ _react.createElement(slots.popover, slotProps.popover, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, null, (popoverTriggerChildProps)=>{
+        // onKeyDown/Up and onClick are not needed as DatePicker handles opening and closing the popover
+        // internally. These also cause issues when typing in the input and clicking the input to open, not
+        // letting the user open the popover by clicking the input and causing issues with BACKSPACE and SPACE
+        // keys.
+        const { onClick , onKeyDown , onKeyUp , role , ...inputTriggerProps } = popoverTriggerChildProps;
+        const inputProps = {
+            input: {
+                ...inputTriggerProps
+            }
+        };
+        return /*#__PURE__*/ _react.createElement(slots.field, slotProps.field, /*#__PURE__*/ _react.createElement(slots.input, {
+            ...slotProps.input,
+            ...inputProps
+        }));
+    }), /*#__PURE__*/ _react.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ _react.createElement(slots.calendar, slotProps.calendar)))));
+}; //# sourceMappingURL=renderDatePicker.js.map
+
+//# sourceMappingURL=renderDatePicker.js.map

package/lib-commonjs/components/DatePicker/renderDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/DatePicker/renderDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DatePicker\n */\nexport const renderDatePicker_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.wrapper, slotProps.wrapper, /*#__PURE__*/React.createElement(slots.popover, slotProps.popover, /*#__PURE__*/React.createElement(PopoverTrigger, null, popoverTriggerChildProps => {\n    // onKeyDown/Up and onClick are not needed as DatePicker handles opening and closing the popover\n    // internally. These also cause issues when typing in the input and clicking the input to open, not\n    // letting the user open the popover by clicking the input and causing issues with BACKSPACE and SPACE\n    // keys.\n    const {\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      role,\n      ...inputTriggerProps\n    } = popoverTriggerChildProps;\n    const inputProps = {\n      input: {\n        ...inputTriggerProps\n      }\n    };\n    return /*#__PURE__*/React.createElement(slots.field, slotProps.field, /*#__PURE__*/React.createElement(slots.input, {\n      ...slotProps.input,\n      ...inputProps\n    }));\n  }), /*#__PURE__*/React.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/React.createElement(slots.calendar, slotProps.calendar)))));\n};\n//# sourceMappingURL=renderDatePicker.js.map"],"names":["renderDatePicker_unstable","state","slots","slotProps","getSlots","React","createElement","root","wrapper","popover","PopoverTrigger","popoverTriggerChildProps","onClick","onKeyDown","onKeyUp","role","inputTriggerProps","inputProps","input","field","popoverSurface","calendar"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;8BACQ;gCACN;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,OAAO,EAAEL,UAAUK,OAAO,EAAE,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAE,WAAW,GAAEJ,OAAMC,aAAa,CAACI,4BAAc,EAAE,IAAI,EAAEC,CAAAA,2BAA4B;QAC3R,gGAAgG;QAChG,mGAAmG;QACnG,sGAAsG;QACtG,QAAQ;QACR,MAAM,EACJC,QAAO,EACPC,UAAS,EACTC,QAAO,EACPC,KAAI,EACJ,GAAGC,mBACJ,GAAGL;QACJ,MAAMM,aAAa;YACjBC,OAAO;gBACL,GAAGF,iBAAiB;YACtB;QACF;QACA,OAAO,WAAW,GAAEX,OAAMC,aAAa,CAACJ,MAAMiB,KAAK,EAAEhB,UAAUgB,KAAK,EAAE,WAAW,GAAEd,OAAMC,aAAa,CAACJ,MAAMgB,KAAK,EAAE;YAClH,GAAGf,UAAUe,KAAK;YAClB,GAAGD,UAAU;QACf;IACF,IAAI,WAAW,GAAEZ,OAAMC,aAAa,CAACJ,MAAMkB,cAAc,EAAEjB,UAAUiB,cAAc,EAAE,WAAW,GAAEf,OAAMC,aAAa,CAACJ,MAAMmB,QAAQ,EAAElB,UAAUkB,QAAQ;AAC1J,GACA,4CAA4C"}

package/lib-commonjs/components/DatePicker/useDatePicker.js

@@ -0,0 +1,486 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDatePicker_unstable", {
+    enumerable: true,
+    get: ()=>useDatePicker_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactInput = require("@fluentui/react-input");
+const _reactField = require("@fluentui/react-field");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _utils = require("../../utils");
+const _calendar = require("../Calendar/Calendar");
+const _defaults = require("./defaults");
+const _reactPopover = require("@fluentui/react-popover");
+function isDateOutOfBounds(date, minDate, maxDate) {
+    return !!minDate && (0, _utils.compareDatePart)(minDate, date) > 0 || !!maxDate && (0, _utils.compareDatePart)(maxDate, date) < 0;
+}
+function useFocusLogic() {
+    const inputRef = _react.useRef(null);
+    const preventFocusOpeningPicker = _react.useRef(false);
+    const focus = ()=>{
+        var _inputRef_current, _inputRef_current_focus;
+        (_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);
+    };
+    const preventNextFocusOpeningPicker = ()=>{
+        preventFocusOpeningPicker.current = true;
+    };
+    return [
+        focus,
+        inputRef,
+        preventFocusOpeningPicker,
+        preventNextFocusOpeningPicker
+    ];
+}
+function useCalendarVisibility({ allowTextInput , onAfterMenuDismiss  }, focus) {
+    const [isCalendarShown, setIsCalendarShown] = _react.useState(false);
+    const isMounted = _react.useRef(false);
+    _react.useEffect(()=>{
+        if (isMounted.current && !isCalendarShown) {
+            // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss
+            onAfterMenuDismiss === null || onAfterMenuDismiss === void 0 ? void 0 : onAfterMenuDismiss();
+        }
+        isMounted.current = true;
+    }, // Should only run on allowTextInput or isCalendarShown change
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        allowTextInput,
+        isCalendarShown
+    ]);
+    return [
+        isCalendarShown,
+        setIsCalendarShown
+    ];
+}
+function useSelectedDate({ formatDate , onSelectDate , value  }) {
+    const [selectedDate, setSelectedDateState] = (0, _reactUtilities.useControllableState)({
+        initialState: undefined,
+        state: value
+    });
+    const [formattedDate, setFormattedDate] = _react.useState(()=>value && formatDate ? formatDate(value) : '');
+    const setSelectedDate = (newDate)=>{
+        if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {
+            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);
+        }
+        setSelectedDateState(newDate);
+        setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');
+    };
+    _react.useEffect(()=>{
+        setFormattedDate(value && formatDate ? formatDate(value) : '');
+    }, [
+        formatDate,
+        value
+    ]);
+    return [
+        selectedDate,
+        formattedDate,
+        setSelectedDate,
+        setFormattedDate
+    ];
+}
+function useErrorMessage({ allowTextInput , formatDate , isRequired , maxDate , minDate , onSelectDate , parseDateFromString , strings  }, selectedDate, setSelectedDate, inputValue, isCalendarShown) {
+    const [errorMessage, setErrorMessage] = _react.useState();
+    const [statusMessage, setStatusMessage] = _react.useState();
+    const validateTextInput = (date = null)=>{
+        if (allowTextInput) {
+            if (inputValue || date) {
+                // Don't parse if the selected date has the same formatted string as what we're about to parse.
+                // The formatted string might be ambiguous (ex: "1/2/3" or "New Year Eve") and the parser might
+                // not be able to come up with the exact same date.
+                if (selectedDate && !errorMessage && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === inputValue) {
+                    return;
+                }
+                date = date || parseDateFromString(inputValue);
+                // Check if date is null, or date is Invalid Date
+                if (!date || isNaN(date.getTime())) {
+                    // Reset invalid input field, if formatting is available
+                    setSelectedDate(selectedDate);
+                    // default the newer isResetStatusMessage string to invalidInputErrorMessage for legacy support
+                    const selectedText = formatDate ? formatDate(selectedDate) : '';
+                    const statusText = strings.isResetStatusMessage ? strings.isResetStatusMessage.replace('{0}', inputValue).replace('{1}', selectedText) : strings.invalidInputErrorMessage || '';
+                    setStatusMessage(statusText);
+                } else {
+                    // Check against optional date boundaries
+                    if (isDateOutOfBounds(date, minDate, maxDate)) {
+                        setErrorMessage(strings.isOutOfBoundsErrorMessage || ' ');
+                    } else {
+                        setSelectedDate(date);
+                        setErrorMessage(undefined);
+                        setStatusMessage(undefined);
+                    }
+                }
+            } else {
+                // Only show error for empty inputValue if it is a required field
+                setErrorMessage(isRequired ? strings.isRequiredErrorMessage || ' ' : undefined);
+                // If no input date string or input date string is invalid
+                // date variable will be null, callback should expect null value for this case
+                onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(date);
+            }
+        } else if (isRequired && !inputValue) {
+            // Check when DatePicker is a required field but has NO input value
+            setErrorMessage(strings.isRequiredErrorMessage || ' ');
+        } else {
+            // Cleanup the error message and status message
+            setErrorMessage(undefined);
+            setStatusMessage(undefined);
+        }
+    };
+    const minDatePartHashValue = minDate && (0, _utils.getDatePartHashValue)(minDate);
+    const maxDatePartHashValue = maxDate && (0, _utils.getDatePartHashValue)(maxDate);
+    const selectedDatePartHashValue = selectedDate && (0, _utils.getDatePartHashValue)(selectedDate);
+    _react.useEffect(()=>{
+        if (isRequired && !selectedDate) {
+            setErrorMessage(strings.isRequiredErrorMessage || ' ');
+        } else if (selectedDate && isDateOutOfBounds(selectedDate, minDate, maxDate)) {
+            setErrorMessage(strings.isOutOfBoundsErrorMessage || ' ');
+        } else {
+            setErrorMessage(undefined);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        // We don't want to compare the date itself, since two instances of date at the same time are not equal
+        minDatePartHashValue,
+        maxDatePartHashValue,
+        selectedDatePartHashValue,
+        isRequired
+    ]);
+    return [
+        isCalendarShown ? undefined : errorMessage,
+        validateTextInput,
+        setErrorMessage,
+        isCalendarShown ? undefined : statusMessage,
+        setStatusMessage
+    ];
+}
+const defaultFormatDate = (date)=>date ? date.toDateString() : '';
+const defaultParseDateFromString = (dateStr)=>{
+    const date = Date.parse(dateStr);
+    return date ? new Date(date) : null;
+};
+const useDatePicker_unstable = (props, ref)=>{
+    var _props_input;
+    const { allowTextInput =false , allFocusable =false , borderless =false , dateTimeFormatter , disabled , disableAutoFocus =true , firstDayOfWeek =_utils.DayOfWeek.Sunday , firstWeekOfYear =_utils.FirstWeekOfYear.FirstDay , formatDate =defaultFormatDate , highlightCurrentMonth =false , highlightSelectedMonth =false , initialPickerDate =new Date() , isMonthPickerVisible =true , isRequired =false , label , maxDate , minDate , onAfterMenuDismiss , onSelectDate: onUserSelectDate , parseDateFromString =defaultParseDateFromString , placeholder , showCloseButton =false , showGoToToday =true , showMonthPickerAsOverlay =false , showWeekNumbers =false , strings =_defaults.defaultDatePickerStrings , tabIndex , today , underlined =false , value  } = props;
+    const id = (0, _reactUtilities.useId)('DatePicker', props.id);
+    const calloutId = (0, _reactUtilities.useId)('DatePicker-Callout');
+    const calendar = _react.useRef(null);
+    const [focus, _, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();
+    const [isCalendarShown, setIsCalendarShown] = useCalendarVisibility({
+        allowTextInput,
+        onAfterMenuDismiss
+    }, focus);
+    const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({
+        formatDate,
+        onSelectDate: onUserSelectDate,
+        value
+    });
+    const [errorMessage, validateTextInput, setErrorMessage, statusMessage, setStatusMessage] = useErrorMessage({
+        allowTextInput,
+        formatDate,
+        isRequired,
+        maxDate,
+        minDate,
+        onSelectDate: onUserSelectDate,
+        parseDateFromString,
+        strings
+    }, selectedDate, setSelectedDate, formattedDate, isCalendarShown);
+    const dismissDatePickerPopup = _react.useCallback((newlySelectedDate)=>{
+        if (isCalendarShown) {
+            setIsCalendarShown(false);
+            validateTextInput(newlySelectedDate);
+            if (!allowTextInput && newlySelectedDate) {
+                setSelectedDate(newlySelectedDate);
+            }
+        }
+    }, [
+        allowTextInput,
+        isCalendarShown,
+        setIsCalendarShown,
+        setSelectedDate,
+        validateTextInput
+    ]);
+    const showDatePickerPopup = _react.useCallback(()=>{
+        if (!isCalendarShown) {
+            preventNextFocusOpeningPicker();
+            setIsCalendarShown(true);
+        }
+    }, [
+        isCalendarShown,
+        preventNextFocusOpeningPicker,
+        setIsCalendarShown
+    ]);
+    /**
+  * Callback for closing the calendar callout
+  */ const calendarDismissed = _react.useCallback((newlySelectedDate)=>{
+        preventNextFocusOpeningPicker();
+        dismissDatePickerPopup(newlySelectedDate);
+    // don't need to focus the text box, if necessary the focusTrapZone will do it
+    }, [
+        dismissDatePickerPopup,
+        preventNextFocusOpeningPicker
+    ]);
+    const handleEscKey = _react.useCallback((ev)=>{
+        if (isCalendarShown) {
+            ev.stopPropagation();
+            calendarDismissed();
+        }
+    }, [
+        calendarDismissed,
+        isCalendarShown
+    ]);
+    _react.useImperativeHandle(props.componentRef, ()=>({
+            focus,
+            reset () {
+                setIsCalendarShown(false);
+                setSelectedDate(undefined);
+                setErrorMessage(undefined);
+                setStatusMessage(undefined);
+            },
+            showDatePickerPopup
+        }), [
+        focus,
+        setErrorMessage,
+        setIsCalendarShown,
+        setSelectedDate,
+        setStatusMessage,
+        showDatePickerPopup
+    ]);
+    const onInputFocus = _react.useCallback(()=>{
+        if (disableAutoFocus) {
+            return;
+        }
+        if (!allowTextInput) {
+            if (!preventFocusOpeningPicker.current) {
+                showDatePickerPopup();
+            }
+            preventFocusOpeningPicker.current = false;
+        }
+    }, [
+        allowTextInput,
+        disableAutoFocus,
+        preventFocusOpeningPicker,
+        showDatePickerPopup
+    ]);
+    const onInputBlur = _react.useCallback(()=>{
+        validateTextInput();
+    }, [
+        validateTextInput
+    ]);
+    const onInputChange = _react.useCallback((ev, data)=>{
+        const { value: newValue  } = data;
+        if (allowTextInput) {
+            if (isCalendarShown) {
+                dismissDatePickerPopup();
+            }
+            setFormattedDate(newValue);
+        }
+    }, [
+        allowTextInput,
+        dismissDatePickerPopup,
+        isCalendarShown,
+        setFormattedDate
+    ]);
+    const onInputKeyDown = _react.useCallback((ev)=>{
+        switch(ev.key){
+            case _keyboardKeys.Enter:
+                ev.preventDefault();
+                ev.stopPropagation();
+                if (!isCalendarShown) {
+                    validateTextInput();
+                    showDatePickerPopup();
+                } else {
+                    // When DatePicker allows input date string directly,
+                    // it is expected to hit another enter to close the popup
+                    if (props.allowTextInput) {
+                        dismissDatePickerPopup();
+                    }
+                }
+                break;
+            case _keyboardKeys.Escape:
+                handleEscKey(ev);
+                break;
+            case _keyboardKeys.ArrowDown:
+                if (ev.altKey && !isCalendarShown) {
+                    showDatePickerPopup();
+                }
+                break;
+            default:
+                break;
+        }
+    }, [
+        dismissDatePickerPopup,
+        handleEscKey,
+        isCalendarShown,
+        props.allowTextInput,
+        showDatePickerPopup,
+        validateTextInput
+    ]);
+    const onInputClick = _react.useCallback(()=>{
+        // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior
+        const openOnClick = props.openOnClick || !props.disableAutoFocus;
+        if (openOnClick && !isCalendarShown && !props.disabled) {
+            showDatePickerPopup();
+            return;
+        }
+        if (props.allowTextInput) {
+            dismissDatePickerPopup();
+        }
+    }, [
+        dismissDatePickerPopup,
+        isCalendarShown,
+        props.allowTextInput,
+        props.disabled,
+        props.disableAutoFocus,
+        props.openOnClick,
+        showDatePickerPopup
+    ]);
+    const onIconClick = (ev)=>{
+        ev.stopPropagation();
+        if (!isCalendarShown && !props.disabled) {
+            showDatePickerPopup();
+        } else if (props.allowTextInput) {
+            dismissDatePickerPopup();
+        }
+    };
+    const inputId = props.id && props.id !== id ? props.id : id + '-label';
+    const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';
+    const onPopoverOpenChange = _react.useCallback((ev, data)=>{
+        if (!data.open) {
+            calendarDismissed();
+        }
+    }, [
+        calendarDismissed
+    ]);
+    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+        ref,
+        ...props
+    });
+    const inputRef = _react.useRef(null);
+    const inputShorthand = (0, _reactUtilities.resolveShorthand)(props.input, {
+        required: true,
+        defaultProps: {
+            appearance: inputAppearance,
+            'aria-controls': isCalendarShown ? calloutId : undefined,
+            'aria-expanded': isCalendarShown,
+            'aria-haspopup': 'dialog',
+            'aria-label': props['aria-label'],
+            contentAfter: /*#__PURE__*/ _react.createElement(_reactIcons.CalendarMonthRegular, {
+                onClick: onIconClick
+            }),
+            disabled,
+            id: inputId,
+            placeholder,
+            readOnly: !allowTextInput,
+            required: isRequired,
+            role: 'combobox',
+            tabIndex,
+            root: {
+                ref: inputRef
+            }
+        }
+    });
+    inputShorthand.onBlur = onInputBlur;
+    inputShorthand.onClick = onInputClick;
+    inputShorthand.onFocus = onInputFocus;
+    inputShorthand.onKeyDown = onInputKeyDown;
+    inputShorthand.onChange = (0, _reactUtilities.mergeCallbacks)(onInputChange, (_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.onChange);
+    inputShorthand.value = formattedDate;
+    const fieldShorthand = (0, _reactUtilities.resolveShorthand)(props.field, {
+        defaultProps: {
+            label,
+            required: isRequired,
+            validationMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : statusMessage,
+            validationState: errorMessage ? 'error' : undefined
+        },
+        required: true
+    });
+    const wrapperShorthand = (0, _reactUtilities.resolveShorthand)(props.wrapper, {
+        defaultProps: {
+            'aria-owns': isCalendarShown ? calloutId : undefined
+        },
+        required: true
+    });
+    const positioningRef = _react.useRef(null);
+    const popoverShorthand = (0, _reactUtilities.resolveShorthand)(props.popover, {
+        defaultProps: {
+            onOpenChange: onPopoverOpenChange,
+            open: isCalendarShown,
+            positioning: {
+                align: 'start',
+                position: 'below',
+                positioningRef
+            },
+            trapFocus: true
+        },
+        required: true
+    });
+    const popoverSurfaceShorthand = (0, _reactUtilities.resolveShorthand)(props.popoverSurface, {
+        defaultProps: {
+            'aria-label': 'Calendar',
+            id: calloutId,
+            role: 'dialog'
+        },
+        required: true
+    });
+    const calendarShorthand = (0, _reactUtilities.resolveShorthand)(props.calendar, {
+        required: true,
+        defaultProps: {
+            allFocusable,
+            componentRef: calendar,
+            dateTimeFormatter,
+            firstDayOfWeek,
+            firstWeekOfYear,
+            highlightCurrentMonth,
+            highlightSelectedMonth,
+            isMonthPickerVisible,
+            maxDate,
+            minDate,
+            onDismiss: calendarDismissed,
+            showCloseButton,
+            showGoToToday,
+            showMonthPickerAsOverlay,
+            showWeekNumbers,
+            strings,
+            today,
+            value: selectedDate || initialPickerDate
+        }
+    });
+    const state = {
+        disabled: !!disabled,
+        isDatePickerShown: isCalendarShown,
+        // Slots definition
+        components: {
+            root: 'div',
+            field: _reactField.Field,
+            input: _reactInput.Input,
+            wrapper: 'div',
+            popover: _reactPopover.Popover,
+            popoverSurface: _reactPopover.PopoverSurface,
+            calendar: _calendar.Calendar
+        },
+        calendar: calendarShorthand,
+        input: inputShorthand,
+        field: fieldShorthand,
+        popover: popoverShorthand,
+        popoverSurface: popoverSurfaceShorthand,
+        root,
+        wrapper: wrapperShorthand
+    };
+    state.calendar.onSelectDate = (0, _reactUtilities.mergeCallbacks)(state.calendar.onSelectDate, calendarDismissed);
+    _react.useEffect(()=>{
+        if (inputRef.current) {
+            var _positioningRef_current;
+            (_positioningRef_current = positioningRef.current) === null || _positioningRef_current === void 0 ? void 0 : _positioningRef_current.setTarget(inputRef.current);
+        }
+    }, [
+        inputRef,
+        positioningRef
+    ]);
+    return state;
+}; //# sourceMappingURL=useDatePicker.js.map
+
+//# sourceMappingURL=useDatePicker.js.map

package/lib-commonjs/components/DatePicker/useDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/DatePicker/useDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { Field } from '@fluentui/react-field';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useControllableState, useId } from '@fluentui/react-utilities';\nimport { compareDatePart, getDatePartHashValue, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { Calendar } from '../Calendar/Calendar';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Popover } from '@fluentui/react-popover';\nimport { PopoverSurface } from '@fluentui/react-popover';\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 useCalendarVisibility({\n  allowTextInput,\n  onAfterMenuDismiss\n}, focus) {\n  const [isCalendarShown, setIsCalendarShown] = React.useState(false);\n  const isMounted = React.useRef(false);\n  React.useEffect(() => {\n    if (isMounted.current && !isCalendarShown) {\n      // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n      onAfterMenuDismiss === null || onAfterMenuDismiss === void 0 ? void 0 : onAfterMenuDismiss();\n    }\n    isMounted.current = true;\n  },\n  // Should only run on allowTextInput or isCalendarShown change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [allowTextInput, isCalendarShown]);\n  return [isCalendarShown, setIsCalendarShown];\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}\nfunction useErrorMessage({\n  allowTextInput,\n  formatDate,\n  isRequired,\n  maxDate,\n  minDate,\n  onSelectDate,\n  parseDateFromString,\n  strings\n}, selectedDate, setSelectedDate, inputValue, isCalendarShown) {\n  const [errorMessage, setErrorMessage] = React.useState();\n  const [statusMessage, setStatusMessage] = React.useState();\n  const validateTextInput = (date = null) => {\n    if (allowTextInput) {\n      if (inputValue || 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 && !errorMessage && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === inputValue) {\n          return;\n        }\n        date = date || parseDateFromString(inputValue);\n        // Check if date is null, or date is Invalid Date\n        if (!date || isNaN(date.getTime())) {\n          // Reset invalid input field, if formatting is available\n          setSelectedDate(selectedDate);\n          // default the newer isResetStatusMessage string to invalidInputErrorMessage for legacy support\n          const selectedText = formatDate ? formatDate(selectedDate) : '';\n          const statusText = strings.isResetStatusMessage ? strings.isResetStatusMessage.replace('{0}', inputValue).replace('{1}', selectedText) : strings.invalidInputErrorMessage || '';\n          setStatusMessage(statusText);\n        } else {\n          // Check against optional date boundaries\n          if (isDateOutOfBounds(date, minDate, maxDate)) {\n            setErrorMessage(strings.isOutOfBoundsErrorMessage || ' ');\n          } else {\n            setSelectedDate(date);\n            setErrorMessage(undefined);\n            setStatusMessage(undefined);\n          }\n        }\n      } else {\n        // Only show error for empty inputValue if it is a required field\n        setErrorMessage(isRequired ? strings.isRequiredErrorMessage || ' ' : undefined);\n        // If no input date string or input date string is invalid\n        // date variable will be null, callback should expect null value for this case\n        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(date);\n      }\n    } else if (isRequired && !inputValue) {\n      // Check when DatePicker is a required field but has NO input value\n      setErrorMessage(strings.isRequiredErrorMessage || ' ');\n    } else {\n      // Cleanup the error message and status message\n      setErrorMessage(undefined);\n      setStatusMessage(undefined);\n    }\n  };\n  const minDatePartHashValue = minDate && getDatePartHashValue(minDate);\n  const maxDatePartHashValue = maxDate && getDatePartHashValue(maxDate);\n  const selectedDatePartHashValue = selectedDate && getDatePartHashValue(selectedDate);\n  React.useEffect(() => {\n    if (isRequired && !selectedDate) {\n      setErrorMessage(strings.isRequiredErrorMessage || ' ');\n    } else if (selectedDate && isDateOutOfBounds(selectedDate, minDate, maxDate)) {\n      setErrorMessage(strings.isOutOfBoundsErrorMessage || ' ');\n    } else {\n      setErrorMessage(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n  // We don't want to compare the date itself, since two instances of date at the same time are not equal\n  minDatePartHashValue, maxDatePartHashValue, selectedDatePartHashValue, isRequired]);\n  return [isCalendarShown ? undefined : errorMessage, validateTextInput, setErrorMessage, isCalendarShown ? undefined : statusMessage, setStatusMessage];\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 HTMLElement of DatePicker\n */\nexport const useDatePicker_unstable = (props, ref) => {\n  var _props_input;\n  const {\n    allowTextInput = false,\n    allFocusable = false,\n    borderless = false,\n    dateTimeFormatter,\n    disabled,\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    isMonthPickerVisible = true,\n    isRequired = false,\n    label,\n    maxDate,\n    minDate,\n    onAfterMenuDismiss,\n    onSelectDate: onUserSelectDate,\n    parseDateFromString = defaultParseDateFromString,\n    placeholder,\n    showCloseButton = false,\n    showGoToToday = true,\n    showMonthPickerAsOverlay = false,\n    showWeekNumbers = false,\n    strings = defaultDatePickerStrings,\n    tabIndex,\n    today,\n    underlined = false,\n    value\n  } = props;\n  const id = useId('DatePicker', props.id);\n  const calloutId = useId('DatePicker-Callout');\n  const calendar = React.useRef(null);\n  const [focus, _, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n  const [isCalendarShown, setIsCalendarShown] = useCalendarVisibility({\n    allowTextInput,\n    onAfterMenuDismiss\n  }, focus);\n  const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n    formatDate,\n    onSelectDate: onUserSelectDate,\n    value\n  });\n  const [errorMessage, validateTextInput, setErrorMessage, statusMessage, setStatusMessage] = useErrorMessage({\n    allowTextInput,\n    formatDate,\n    isRequired,\n    maxDate,\n    minDate,\n    onSelectDate: onUserSelectDate,\n    parseDateFromString,\n    strings\n  }, selectedDate, setSelectedDate, formattedDate, isCalendarShown);\n  const dismissDatePickerPopup = React.useCallback(newlySelectedDate => {\n    if (isCalendarShown) {\n      setIsCalendarShown(false);\n      validateTextInput(newlySelectedDate);\n      if (!allowTextInput && newlySelectedDate) {\n        setSelectedDate(newlySelectedDate);\n      }\n    }\n  }, [allowTextInput, isCalendarShown, setIsCalendarShown, setSelectedDate, validateTextInput]);\n  const showDatePickerPopup = React.useCallback(() => {\n    if (!isCalendarShown) {\n      preventNextFocusOpeningPicker();\n      setIsCalendarShown(true);\n    }\n  }, [isCalendarShown, preventNextFocusOpeningPicker, setIsCalendarShown]);\n  /**\n  * Callback for closing the calendar callout\n  */\n  const calendarDismissed = React.useCallback(newlySelectedDate => {\n    preventNextFocusOpeningPicker();\n    dismissDatePickerPopup(newlySelectedDate);\n    // don't need to focus the text box, if necessary the focusTrapZone will do it\n  }, [dismissDatePickerPopup, preventNextFocusOpeningPicker]);\n  const handleEscKey = React.useCallback(ev => {\n    if (isCalendarShown) {\n      ev.stopPropagation();\n      calendarDismissed();\n    }\n  }, [calendarDismissed, isCalendarShown]);\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus,\n    reset() {\n      setIsCalendarShown(false);\n      setSelectedDate(undefined);\n      setErrorMessage(undefined);\n      setStatusMessage(undefined);\n    },\n    showDatePickerPopup\n  }), [focus, setErrorMessage, setIsCalendarShown, setSelectedDate, setStatusMessage, showDatePickerPopup]);\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 onInputBlur = React.useCallback(() => {\n    validateTextInput();\n  }, [validateTextInput]);\n  const onInputChange = React.useCallback((ev, data) => {\n    const {\n      value: newValue\n    } = data;\n    if (allowTextInput) {\n      if (isCalendarShown) {\n        dismissDatePickerPopup();\n      }\n      setFormattedDate(newValue);\n    }\n  }, [allowTextInput, dismissDatePickerPopup, isCalendarShown, setFormattedDate]);\n  const onInputKeyDown = React.useCallback(ev => {\n    switch (ev.key) {\n      case Enter:\n        ev.preventDefault();\n        ev.stopPropagation();\n        if (!isCalendarShown) {\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        handleEscKey(ev);\n        break;\n      case ArrowDown:\n        if (ev.altKey && !isCalendarShown) {\n          showDatePickerPopup();\n        }\n        break;\n      default:\n        break;\n    }\n  }, [dismissDatePickerPopup, handleEscKey, isCalendarShown, props.allowTextInput, showDatePickerPopup, validateTextInput]);\n  const onInputClick = React.useCallback(() => {\n    // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n    const openOnClick = props.openOnClick || !props.disableAutoFocus;\n    if (openOnClick && !isCalendarShown && !props.disabled) {\n      showDatePickerPopup();\n      return;\n    }\n    if (props.allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  }, [dismissDatePickerPopup, isCalendarShown, props.allowTextInput, props.disabled, props.disableAutoFocus, props.openOnClick, showDatePickerPopup]);\n  const onIconClick = ev => {\n    ev.stopPropagation();\n    if (!isCalendarShown && !props.disabled) {\n      showDatePickerPopup();\n    } else if (props.allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  };\n  const inputId = props.id && props.id !== id ? props.id : id + '-label';\n  const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';\n  const onPopoverOpenChange = React.useCallback((ev, data) => {\n    if (!data.open) {\n      calendarDismissed();\n    }\n  }, [calendarDismissed]);\n  const root = getNativeElementProps('div', {\n    ref,\n    ...props\n  });\n  const inputRef = React.useRef(null);\n  const inputShorthand = resolveShorthand(props.input, {\n    required: true,\n    defaultProps: {\n      appearance: inputAppearance,\n      'aria-controls': isCalendarShown ? calloutId : undefined,\n      'aria-expanded': isCalendarShown,\n      'aria-haspopup': 'dialog',\n      'aria-label': props['aria-label'],\n      contentAfter: /*#__PURE__*/React.createElement(CalendarMonthRegular, {\n        onClick: onIconClick\n      }),\n      disabled,\n      id: inputId,\n      placeholder,\n      readOnly: !allowTextInput,\n      required: isRequired,\n      role: 'combobox',\n      tabIndex,\n      root: {\n        ref: inputRef\n      }\n    }\n  });\n  inputShorthand.onBlur = onInputBlur;\n  inputShorthand.onClick = onInputClick;\n  inputShorthand.onFocus = onInputFocus;\n  inputShorthand.onKeyDown = onInputKeyDown;\n  inputShorthand.onChange = mergeCallbacks(onInputChange, (_props_input = props.input) === null || _props_input === void 0 ? void 0 : _props_input.onChange);\n  inputShorthand.value = formattedDate;\n  const fieldShorthand = resolveShorthand(props.field, {\n    defaultProps: {\n      label,\n      required: isRequired,\n      validationMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : statusMessage,\n      validationState: errorMessage ? 'error' : undefined\n    },\n    required: true\n  });\n  const wrapperShorthand = resolveShorthand(props.wrapper, {\n    defaultProps: {\n      'aria-owns': isCalendarShown ? calloutId : undefined\n    },\n    required: true\n  });\n  const positioningRef = React.useRef(null);\n  const popoverShorthand = resolveShorthand(props.popover, {\n    defaultProps: {\n      onOpenChange: onPopoverOpenChange,\n      open: isCalendarShown,\n      positioning: {\n        align: 'start',\n        position: 'below',\n        positioningRef\n      },\n      trapFocus: true\n    },\n    required: true\n  });\n  const popoverSurfaceShorthand = resolveShorthand(props.popoverSurface, {\n    defaultProps: {\n      'aria-label': 'Calendar',\n      id: calloutId,\n      role: 'dialog'\n    },\n    required: true\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  const state = {\n    disabled: !!disabled,\n    isDatePickerShown: isCalendarShown,\n    // Slots definition\n    components: {\n      root: 'div',\n      field: Field,\n      input: Input,\n      wrapper: 'div',\n      popover: Popover,\n      popoverSurface: PopoverSurface,\n      calendar: Calendar\n    },\n    calendar: calendarShorthand,\n    input: inputShorthand,\n    field: fieldShorthand,\n    popover: popoverShorthand,\n    popoverSurface: popoverSurfaceShorthand,\n    root,\n    wrapper: wrapperShorthand\n  };\n  state.calendar.onSelectDate = mergeCallbacks(state.calendar.onSelectDate, calendarDismissed);\n  React.useEffect(() => {\n    if (inputRef.current) {\n      var _positioningRef_current;\n      (_positioningRef_current = positioningRef.current) === null || _positioningRef_current === void 0 ? void 0 : _positioningRef_current.setTarget(inputRef.current);\n    }\n  }, [inputRef, positioningRef]);\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","useCalendarVisibility","allowTextInput","onAfterMenuDismiss","isCalendarShown","setIsCalendarShown","useState","isMounted","useEffect","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","useControllableState","initialState","undefined","state","formattedDate","setFormattedDate","setSelectedDate","newDate","useErrorMessage","isRequired","parseDateFromString","strings","inputValue","errorMessage","setErrorMessage","statusMessage","setStatusMessage","validateTextInput","isNaN","getTime","selectedText","statusText","isResetStatusMessage","replace","invalidInputErrorMessage","isOutOfBoundsErrorMessage","isRequiredErrorMessage","minDatePartHashValue","getDatePartHashValue","maxDatePartHashValue","selectedDatePartHashValue","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","props","ref","_props_input","allFocusable","borderless","dateTimeFormatter","disabled","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","isMonthPickerVisible","label","onUserSelectDate","placeholder","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","defaultDatePickerStrings","tabIndex","today","underlined","id","useId","calloutId","calendar","_","dismissDatePickerPopup","useCallback","newlySelectedDate","showDatePickerPopup","calendarDismissed","handleEscKey","ev","stopPropagation","useImperativeHandle","componentRef","reset","onInputFocus","onInputBlur","onInputChange","data","newValue","onInputKeyDown","key","Enter","preventDefault","Escape","ArrowDown","altKey","onInputClick","openOnClick","onIconClick","inputId","inputAppearance","onPopoverOpenChange","open","root","getNativeElementProps","inputShorthand","resolveShorthand","input","required","defaultProps","appearance","contentAfter","createElement","CalendarMonthRegular","onClick","readOnly","role","onBlur","onFocus","onKeyDown","onChange","mergeCallbacks","fieldShorthand","field","validationMessage","validationState","wrapperShorthand","wrapper","positioningRef","popoverShorthand","popover","onOpenChange","positioning","align","position","trapFocus","popoverSurfaceShorthand","popoverSurface","calendarShorthand","onDismiss","isDatePickerShown","components","Field","Input","Popover","PopoverSurface","Calendar","_positioningRef_current","setTarget"],"mappings":"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"}