@mui/x-date-pickers-pro 6.0.3 → 6.0.4

package/node/internal/hooks/useEnrichedRangePickerFieldProps.js

@@ -0,0 +1,205 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEnrichedRangePickerFieldProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/base/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _internals = require("@mui/x-date-pickers/internals");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useMultiInputFieldSlotProps = ({
+  wrapperVariant,
+  open,
+  actions,
+  readOnly,
+  labelId,
+  disableOpenPicker,
+  onBlur,
+  rangePosition,
+  onRangePositionChange,
+  localeText: inLocaleText,
+  pickerSlotProps,
+  pickerSlots,
+  fieldProps
+}) => {
+  const localeText = (0, _internals.useLocaleText)();
+  const startRef = React.useRef(null);
+  const endRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    if (rangePosition === 'start') {
+      startRef.current?.focus();
+    } else if (rangePosition === 'end') {
+      endRef.current?.focus();
+    }
+  }, [rangePosition, open]);
+  const openRangeStartSelection = event => {
+    event.stopPropagation();
+    onRangePositionChange('start');
+    if (!readOnly && !disableOpenPicker) {
+      actions.onOpen();
+    }
+  };
+  const openRangeEndSelection = event => {
+    event.stopPropagation();
+    onRangePositionChange('end');
+    if (!readOnly && !disableOpenPicker) {
+      actions.onOpen();
+    }
+  };
+  const handleFocusStart = () => {
+    if (open) {
+      onRangePositionChange('start');
+    }
+  };
+  const handleFocusEnd = () => {
+    if (open) {
+      onRangePositionChange('end');
+    }
+  };
+  const slots = (0, _extends2.default)({
+    textField: pickerSlots?.textField,
+    root: pickerSlots?.fieldRoot,
+    separator: pickerSlots?.fieldSeparator
+  }, fieldProps.slots);
+  const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
+    textField: ownerState => {
+      let inputProps;
+      if (ownerState.position === 'start') {
+        inputProps = (0, _extends2.default)({
+          inputRef: startRef,
+          label: inLocaleText?.start ?? localeText.start,
+          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeStartSelection),
+          onFocus: handleFocusStart,
+          focused: open ? rangePosition === 'start' : undefined
+        }, !readOnly && !fieldProps.disabled && {
+          onClick: openRangeStartSelection
+        }, wrapperVariant === 'mobile' && {
+          readOnly: true
+        });
+      } else {
+        inputProps = (0, _extends2.default)({
+          inputRef: endRef,
+          label: inLocaleText?.end ?? localeText.end,
+          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeEndSelection),
+          onFocus: handleFocusEnd,
+          focused: open ? rangePosition === 'end' : undefined
+        }, !readOnly && !fieldProps.disabled && {
+          onClick: openRangeEndSelection
+        }, wrapperVariant === 'mobile' && {
+          readOnly: true
+        });
+      }
+      return (0, _extends2.default)({}, labelId != null && {
+        id: `${labelId}-${ownerState.position}`
+      }, inputProps, (0, _utils.resolveComponentProps)(pickerSlotProps?.textField, ownerState));
+    },
+    root: ownerState => {
+      const rootProps = {
+        onBlur
+      };
+      return (0, _extends2.default)({}, rootProps, (0, _utils.resolveComponentProps)(pickerSlotProps?.fieldRoot, ownerState));
+    },
+    separator: pickerSlotProps?.fieldSeparator
+  });
+  const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
+    slots,
+    slotProps
+  });
+  return enrichedFieldProps;
+};
+const useSingleInputFieldSlotProps = ({
+  wrapperVariant,
+  open,
+  actions,
+  readOnly,
+  inputRef: inInputRef,
+  labelId,
+  disableOpenPicker,
+  label,
+  onBlur,
+  rangePosition,
+  onRangePositionChange,
+  singleInputFieldRef,
+  pickerSlots,
+  pickerSlotProps,
+  fieldProps
+}) => {
+  const inputRef = React.useRef(null);
+  const handleInputRef = (0, _useForkRef.default)(inInputRef, inputRef);
+  const handleFieldRef = (0, _useForkRef.default)(fieldProps.unstableFieldRef, singleInputFieldRef);
+  React.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    inputRef.current?.focus();
+  }, [rangePosition, open]);
+  const updateRangePosition = () => {
+    if (!singleInputFieldRef.current || inputRef.current !== (0, _internals.getActiveElement)(document)) {
+      return;
+    }
+    const sections = singleInputFieldRef.current.getSections();
+    const activeSectionIndex = singleInputFieldRef.current?.getActiveSectionIndex();
+    const domRangePosition = activeSectionIndex == null || activeSectionIndex < sections.length / 2 ? 'start' : 'end';
+    if (domRangePosition != null && domRangePosition !== rangePosition) {
+      onRangePositionChange(domRangePosition);
+    }
+  };
+  const handleSelectedSectionsChange = (0, _useEventCallback.default)(selectedSections => {
+    setTimeout(updateRangePosition);
+    fieldProps.onSelectedSectionsChange?.(selectedSections);
+  });
+  const openPicker = event => {
+    event.stopPropagation();
+    if (!readOnly && !disableOpenPicker) {
+      actions.onOpen();
+    }
+  };
+  const slots = (0, _extends2.default)({}, fieldProps.slots, {
+    textField: pickerSlots?.textField
+  });
+  const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
+    textField: pickerSlotProps?.textField
+  });
+  const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
+    slots,
+    slotProps,
+    label,
+    unstableFieldRef: handleFieldRef,
+    inputRef: handleInputRef,
+    onKeyDown: (0, _internals.onSpaceOrEnter)(openPicker, fieldProps.onKeyDown),
+    onSelectedSectionsChange: handleSelectedSectionsChange,
+    onBlur,
+    focused: open
+  }, labelId != null && {
+    id: labelId
+  }, wrapperVariant === 'mobile' && {
+    readOnly: true
+  }, !readOnly && !fieldProps.disabled && {
+    onClick: openPicker
+  });
+  return enrichedFieldProps;
+};
+const useEnrichedRangePickerFieldProps = params => {
+  /* eslint-disable react-hooks/rules-of-hooks */
+  if (process.env.NODE_ENV !== 'production') {
+    const fieldTypeRef = React.useRef(params.fieldType);
+    if (params.fieldType !== fieldTypeRef.current) {
+      console.error('Should not switch between a multi input field and a single input field on a range picker.');
+    }
+  }
+  if (params.fieldType === 'multi-input') {
+    return useMultiInputFieldSlotProps(params);
+  }
+  return useSingleInputFieldSlotProps(params);
+  /* eslint-enable react-hooks/rules-of-hooks */
+};
+exports.useEnrichedRangePickerFieldProps = useEnrichedRangePickerFieldProps;

package/node/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -13,7 +13,7 @@ var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _useRangePickerInputProps = require("../useRangePickerInputProps");
+var _useEnrichedRangePickerFieldProps = require("../useEnrichedRangePickerFieldProps");
 var _releaseInfo = require("../../utils/releaseInfo");
 var _useRangePosition = require("../useRangePosition");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -32,6 +32,8 @@ const useMobileRangePicker = ({
     className,
     sx,
     format,
+    label,
+    inputRef,
     readOnly,
     disabled,
     disableOpenPicker,
@@ -39,7 +41,8 @@ const useMobileRangePicker = ({
   } = props;
   const {
     rangePosition,
-    onRangePositionChange
+    onRangePositionChange,
+    singleInputFieldRef
   } = (0, _useRangePosition.useRangePosition)(props);
   const labelId = (0, _useId.default)();
   const contextLocaleText = (0, _internals.useLocaleText)();
@@ -60,18 +63,8 @@ const useMobileRangePicker = ({
       onRangePositionChange
     }
   });
-  const fieldSlotProps = (0, _useRangePickerInputProps.useRangePickerInputProps)({
-    wrapperVariant: 'mobile',
-    open,
-    actions,
-    readOnly,
-    disabled,
-    disableOpenPicker,
-    localeText,
-    rangePosition,
-    onRangePositionChange
-  });
   const Field = slots.field;
+  const fieldType = Field.fieldType ?? 'multi-input';
   const fieldProps = (0, _utils.useSlotProps)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
@@ -81,25 +74,28 @@ const useMobileRangePicker = ({
       className,
       sx,
       format
+    }, fieldType === 'single-input' && {
+      inputRef
     }),
     ownerState: props
   });
-  const slotsForField = (0, _extends2.default)({
-    textField: slots.textField
-  }, fieldProps.slots);
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
-  const slotPropsForField = (0, _extends2.default)({}, fieldProps.slotProps, {
-    textField: ownerState => {
-      const externalInputProps = (0, _utils.resolveComponentProps)(innerSlotProps?.textField, ownerState);
-      return (0, _extends2.default)({}, isToolbarHidden && {
-        id: `${labelId}-${ownerState.position}`
-      }, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput, externalInputProps);
-    },
-    root: ownerState => {
-      const externalRootProps = (0, _utils.resolveComponentProps)(innerSlotProps?.fieldRoot, ownerState);
-      return (0, _extends2.default)({}, externalRootProps, fieldSlotProps.root);
-    },
-    separator: innerSlotProps?.fieldSeparator
+  const enrichedFieldProps = (0, _useEnrichedRangePickerFieldProps.useEnrichedRangePickerFieldProps)({
+    wrapperVariant: 'mobile',
+    fieldType,
+    open,
+    actions,
+    readOnly,
+    labelId,
+    disableOpenPicker,
+    label,
+    localeText,
+    rangePosition,
+    onRangePositionChange,
+    singleInputFieldRef,
+    pickerSlots: slots,
+    pickerSlotProps: innerSlotProps,
+    fieldProps
   });
   const slotPropsForLayout = (0, _extends2.default)({}, innerSlotProps, {
     toolbar: (0, _extends2.default)({}, innerSlotProps?.toolbar, {
@@ -113,11 +109,15 @@ const useMobileRangePicker = ({
   let labelledById = labelId;
   if (isToolbarHidden) {
     const labels = [];
-    if (finalLocaleText.start) {
-      labels.push(`${labelId}-start-label`);
-    }
-    if (finalLocaleText.end) {
-      labels.push(`${labelId}-end-label`);
+    if (fieldType === 'multi-input') {
+      if (finalLocaleText.start) {
+        labels.push(`${labelId}-start-label`);
+      }
+      if (finalLocaleText.end) {
+        labels.push(`${labelId}-end-label`);
+      }
+    } else if (label != null) {
+      labels.push(`${labelId}-label`);
     }
     labelledById = labels.length > 0 ? labels.join(' ') : undefined;
   }
@@ -128,10 +128,7 @@ const useMobileRangePicker = ({
   });
   const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
     localeText: localeText,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
-      slots: slotsForField,
-      slotProps: slotPropsForField
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, (0, _extends2.default)({}, actions, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, (0, _extends2.default)({}, actions, {
       open: open,
       slots: slots,
       slotProps: slotProps,

package/node/internal/hooks/useRangePosition.js

@@ -5,22 +5,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRangePosition = void 0;
+var React = _interopRequireWildcard(require("react"));
 var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useRangePosition = props => {
+  const singleInputFieldRef = React.useRef();
   const [rangePosition, setRangePosition] = (0, _useControlled.default)({
     name: 'useRangePosition',
     state: 'rangePosition',
     controlled: props.rangePosition,
     default: props.defaultRangePosition ?? 'start'
   });
+
+  // When using a single input field,
+  // we want to select the 1st section of the edited date when updating the range position.
+  const syncRangePositionWithSingleInputField = newRangePosition => {
+    if (singleInputFieldRef.current == null) {
+      return;
+    }
+    const sections = singleInputFieldRef.current.getSections();
+    const targetActiveSectionIndex = newRangePosition === 'start' ? 0 : sections.length / 2;
+    singleInputFieldRef.current.setSelectedSections(targetActiveSectionIndex);
+  };
   const handleRangePositionChange = (0, _useEventCallback.default)(newRangePosition => {
     setRangePosition(newRangePosition);
     props.onRangePositionChange?.(newRangePosition);
+    syncRangePositionWithSingleInputField(newRangePosition);
   });
   return {
     rangePosition,
-    onRangePositionChange: handleRangePositionChange
+    onRangePositionChange: handleRangePositionChange,
+    singleInputFieldRef
   };
 };
 exports.useRangePosition = useRangePosition;

package/node/internal/models/index.js

@@ -57,4 +57,15 @@ Object.keys(_fields).forEach(function (key) {
       return _fields[key];
     }
   });
+});
+var _rangePickerProps = require("./rangePickerProps");
+Object.keys(_rangePickerProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rangePickerProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rangePickerProps[key];
+    }
+  });
 });

package/node/internal/models/rangePickerProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internal/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY3OTUyNjAwMDAwMA==";
+  const releaseInfo = "MTY4MDEyNzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/internal/utils/valueManagers.js

@@ -32,17 +32,17 @@ const rangeFieldValueManager = {
     }
     return [prevReferenceValue[1], value[1]];
   },
-  getSectionsFromValue: (utils, localeText, prevSections, [start, end], format) => {
-    const prevDateRangeSections = prevSections == null ? {
+  getSectionsFromValue: (utils, [start, end], fallbackSections, isRTL, getSectionsFromDate) => {
+    const separatedFallbackSections = fallbackSections == null ? {
       startDate: null,
       endDate: null
-    } : (0, _dateFieldsUtils.splitDateRangeSections)(prevSections);
-    const getSections = (newDate, prevDateSections, position) => {
-      const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!prevDateSections;
+    } : (0, _dateFieldsUtils.splitDateRangeSections)(fallbackSections);
+    const getSections = (newDate, fallbackDateSections, position) => {
+      const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!fallbackDateSections;
       if (shouldReUsePrevDateSections) {
-        return prevDateSections;
+        return fallbackDateSections;
       }
-      const sections = (0, _internals.splitFormatIntoSections)(utils, localeText, format, newDate);
+      const sections = getSectionsFromDate(newDate);
       return sections.map((section, sectionIndex) => {
         if (sectionIndex === sections.length - 1 && position === 'start') {
           return (0, _extends2.default)({}, section, {
@@ -55,16 +55,11 @@ const rangeFieldValueManager = {
         });
       });
     };
-    return (0, _internals.addPositionPropertiesToSections)([...getSections(start, prevDateRangeSections.startDate, 'start'), ...getSections(end, prevDateRangeSections.endDate, 'end')]);
+    return (0, _internals.addPositionPropertiesToSections)([...getSections(start, separatedFallbackSections.startDate, 'start'), ...getSections(end, separatedFallbackSections.endDate, 'end')], isRTL);
   },
-  getValueStrFromSections: sections => {
+  getValueStrFromSections: (sections, isRTL) => {
     const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return (0, _internals.createDateStrForInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
-  },
-  getActiveDateSections: (sections, activeSection) => {
-    const index = activeSection.dateName === 'start' ? 0 : 1;
-    const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return index === 0 ? (0, _dateFieldsUtils.removeLastSeparator)(dateRangeSections.startDate) : dateRangeSections.endDate;
+    return (0, _internals.createDateStrForInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], isRTL);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
     // TODO: Improve because it would not work if the date format has `–` as a separator.
@@ -80,9 +75,16 @@ const rangeFieldValueManager = {
     const index = activeSection.dateName === 'start' ? 0 : 1;
     const updateDateInRange = (newDate, prevDateRange) => index === 0 ? [newDate, prevDateRange[1]] : [prevDateRange[0], newDate];
     return {
-      activeDate: state.value[index],
-      referenceActiveDate: state.referenceValue[index],
-      getNewValueFromNewActiveDate: newActiveDate => ({
+      date: state.value[index],
+      referenceDate: state.referenceValue[index],
+      getSections: sections => {
+        const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
+        if (index === 0) {
+          return (0, _dateFieldsUtils.removeLastSeparator)(dateRangeSections.startDate);
+        }
+        return dateRangeSections.endDate;
+      },
+      getNewValuesFromNewActiveDate: newActiveDate => ({
         value: updateDateInRange(newActiveDate, state.value),
         referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : updateDateInRange(newActiveDate, state.referenceValue)
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.0.3",
+  "version": "6.0.4",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,7 +36,7 @@
     "@date-io/luxon": "^2.16.1",
     "@date-io/moment": "^2.16.1",
     "@mui/utils": "^5.11.13",
-    "@mui/x-date-pickers": "6.0.3",
+    "@mui/x-date-pickers": "6.0.4",
     "@mui/x-license-pro": "6.0.3",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/internal/hooks/useRangePickerInputProps.d.ts

@@ -1,19 +0,0 @@
-import { PickersInputLocaleText } from '@mui/x-date-pickers';
-import { DateOrTimeView, UsePickerResponse, WrapperVariant } from '@mui/x-date-pickers/internals';
-import { DateRange, MultiInputFieldSlotRootProps, MultiInputFieldSlotTextFieldProps, RangeFieldSection, RangePosition } from '../models';
-interface UseRangePickerFieldParams<TDate, TView extends DateOrTimeView> extends Pick<UsePickerResponse<DateRange<TDate>, TView, RangeFieldSection, any>, 'open' | 'actions'> {
-    wrapperVariant: WrapperVariant;
-    readOnly?: boolean;
-    disabled?: boolean;
-    disableOpenPicker?: boolean;
-    onBlur?: () => void;
-    rangePosition: RangePosition;
-    onRangePositionChange: (newPosition: RangePosition) => void;
-    localeText: PickersInputLocaleText<TDate> | undefined;
-}
-export declare const useRangePickerInputProps: <TDate, TView extends DateOrTimeView>({ wrapperVariant, open, actions, readOnly, disabled, disableOpenPicker, onBlur, rangePosition, onRangePositionChange, localeText: inLocaleText, }: UseRangePickerFieldParams<TDate, TView>) => {
-    startInput: MultiInputFieldSlotTextFieldProps;
-    endInput: MultiInputFieldSlotTextFieldProps;
-    root: MultiInputFieldSlotRootProps;
-};
-export {};

package/internal/hooks/useRangePickerInputProps.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { onSpaceOrEnter, useLocaleText } from '@mui/x-date-pickers/internals';
-export const useRangePickerInputProps = ({
-  wrapperVariant,
-  open,
-  actions,
-  readOnly,
-  disabled,
-  disableOpenPicker,
-  onBlur,
-  rangePosition,
-  onRangePositionChange,
-  localeText: inLocaleText
-}) => {
-  var _inLocaleText$start, _inLocaleText$end;
-  const localeText = useLocaleText();
-  const startRef = React.useRef(null);
-  const endRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!open) {
-      return;
-    }
-    if (rangePosition === 'start') {
-      var _startRef$current;
-      (_startRef$current = startRef.current) == null ? void 0 : _startRef$current.focus();
-    } else if (rangePosition === 'end') {
-      var _endRef$current;
-      (_endRef$current = endRef.current) == null ? void 0 : _endRef$current.focus();
-    }
-  }, [rangePosition, open]);
-  const openRangeStartSelection = event => {
-    event.stopPropagation();
-    onRangePositionChange('start');
-    if (!readOnly && !disableOpenPicker) {
-      actions.onOpen();
-    }
-  };
-  const openRangeEndSelection = event => {
-    event.stopPropagation();
-    onRangePositionChange('end');
-    if (!readOnly && !disableOpenPicker) {
-      actions.onOpen();
-    }
-  };
-  const focusOnRangeStart = () => {
-    if (open) {
-      onRangePositionChange('start');
-    }
-  };
-  const focusOnRangeEnd = () => {
-    if (open) {
-      onRangePositionChange('end');
-    }
-  };
-  const readOnlyInput = readOnly != null ? readOnly : wrapperVariant === 'mobile';
-  const startInputProps = _extends({
-    inputRef: startRef,
-    label: (_inLocaleText$start = inLocaleText == null ? void 0 : inLocaleText.start) != null ? _inLocaleText$start : localeText.start,
-    onKeyDown: onSpaceOrEnter(openRangeStartSelection),
-    onFocus: focusOnRangeStart,
-    focused: open ? rangePosition === 'start' : undefined
-  }, !readOnly && !disabled && {
-    onClick: openRangeStartSelection
-  }, {
-    readOnly: readOnlyInput,
-    disabled
-  });
-  const endInputProps = _extends({
-    inputRef: endRef,
-    label: (_inLocaleText$end = inLocaleText == null ? void 0 : inLocaleText.end) != null ? _inLocaleText$end : localeText.end,
-    onKeyDown: onSpaceOrEnter(openRangeEndSelection),
-    onFocus: focusOnRangeEnd,
-    focused: open ? rangePosition === 'end' : undefined
-  }, !readOnly && !disabled && {
-    onClick: openRangeEndSelection
-  }, {
-    readOnly: readOnlyInput,
-    disabled
-  });
-  const rootProps = {
-    onBlur
-  };
-  return {
-    startInput: startInputProps,
-    endInput: endInputProps,
-    root: rootProps
-  };
-};