@mui/x-date-pickers-pro 7.0.0-beta.1 → 7.0.0-beta.4

package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMultiInputTimeRangeField = exports.useDefaultizedTimeRangeFieldProps = void 0;
+exports.useMultiInputTimeRangeField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _TimeField = require("@mui/x-date-pickers/TimeField");
@@ -12,17 +12,7 @@ var _internals = require("@mui/x-date-pickers/internals");
 var _validateTimeRange = require("../../utils/validation/validateTimeRange");
 var _valueManagers = require("../../utils/valueManagers");
 var _shared = require("./shared");
-const useDefaultizedTimeRangeFieldProps = props => {
-  const utils = (0, _internals.useUtils)();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h;
-  return (0, _extends2.default)({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat
-  });
-};
-exports.useDefaultizedTimeRangeFieldProps = useDefaultizedTimeRangeFieldProps;
+var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
 const useMultiInputTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -30,19 +20,22 @@ const useMultiInputTimeRangeField = ({
   endTextFieldProps,
   unstableEndFieldRef
 }) => {
-  const sharedProps = useDefaultizedTimeRangeFieldProps(inSharedProps);
+  const sharedProps = (0, _internals.useDefaultizedTimeField)(inSharedProps);
   const adapter = (0, _internals.useLocalizationContext)();
   const {
     value: valueProp,
     defaultValue,
     format,
+    formatDensity,
     shouldRespectLeadingZeros,
-    timezone: timezoneProp,
     onChange,
     disabled,
     readOnly,
     selectedSections,
-    onSelectedSectionsChange
+    onSelectedSectionsChange,
+    timezone: timezoneProp,
+    enableAccessibleFieldDOMStructure,
+    autoFocus
   } = sharedProps;
   const {
     value,
@@ -79,35 +72,40 @@ const useMultiInputTimeRangeField = ({
     value,
     timezone
   }), _validateTimeRange.validateTimeRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
+  const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
+    selectedSections,
+    onSelectedSectionsChange,
+    unstableStartFieldRef,
+    unstableEndFieldRef
+  });
   const startFieldProps = (0, _extends2.default)({
     error: !!validationError[0]
-  }, startTextFieldProps, {
-    format,
-    shouldRespectLeadingZeros,
+  }, startTextFieldProps, selectedSectionsResponse.start, {
     disabled,
     readOnly,
+    format,
+    formatDensity,
+    shouldRespectLeadingZeros,
     timezone,
-    unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
     onChange: handleStartDateChange,
-    selectedSections,
-    onSelectedSectionsChange
+    enableAccessibleFieldDOMStructure,
+    autoFocus // Do not add on end field.
   });
   const endFieldProps = (0, _extends2.default)({
     error: !!validationError[1]
-  }, endTextFieldProps, {
+  }, endTextFieldProps, selectedSectionsResponse.end, {
     format,
+    formatDensity,
     shouldRespectLeadingZeros,
     disabled,
     readOnly,
     timezone,
-    unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
     onChange: handleEndDateChange,
-    selectedSections,
-    onSelectedSectionsChange
+    enableAccessibleFieldDOMStructure
   });
   const startDateResponse = (0, _TimeField.unstable_useTimeField)(startFieldProps);
   const endDateResponse = (0, _TimeField.unstable_useTimeField)(endFieldProps);

package/node/internals/hooks/useRangePosition.js

@@ -5,13 +5,9 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useRangePosition = props => {
-  const singleInputFieldRef = React.useRef();
+const useRangePosition = (props, singleInputFieldRef) => {
   const [rangePosition, setRangePosition] = (0, _useControlled.default)({
     name: 'useRangePosition',
     state: 'rangePosition',
@@ -22,7 +18,7 @@ const useRangePosition = props => {
   // 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) {
+    if (singleInputFieldRef?.current == null) {
       return;
     }
     const sections = singleInputFieldRef.current.getSections();
@@ -36,8 +32,7 @@ const useRangePosition = props => {
   });
   return {
     rangePosition,
-    onRangePositionChange: handleRangePositionChange,
-    singleInputFieldRef
+    onRangePositionChange: handleRangePositionChange
   };
 };
 exports.useRangePosition = useRangePosition;

package/node/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -55,6 +55,7 @@ const useStaticRangePicker = _ref => {
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
+    fieldRef: undefined,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange

package/node/internals/models/index.js

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

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcwNjczODQwMDAwMA==";
+  const releaseInfo = "MTcwODYyODQwMDAwMA==";
   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/internals/utils/valueManagers.js

@@ -57,7 +57,7 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
     }
     return [prevReferenceValue[1], value[1]];
   },
-  getSectionsFromValue: (utils, [start, end], fallbackSections, localizedDigits, isRTL, getSectionsFromDate) => {
+  getSectionsFromValue: (utils, [start, end], fallbackSections, getSectionsFromDate) => {
     const separatedFallbackSections = fallbackSections == null ? {
       startDate: null,
       endDate: null
@@ -72,7 +72,8 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
         if (sectionIndex === sections.length - 1 && position === 'start') {
           return (0, _extends2.default)({}, section, {
             dateName: position,
-            endSeparator: `${section.endSeparator}${isRTL ? '\u2069 – \u2066' : ' – '}`
+            // TODO: Check if RTL still works
+            endSeparator: `${section.endSeparator} – `
           });
         }
         return (0, _extends2.default)({}, section, {
@@ -80,11 +81,15 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
         });
       });
     };
-    return (0, _internals.addPositionPropertiesToSections)([...getSections(start, separatedFallbackSections.startDate, 'start'), ...getSections(end, separatedFallbackSections.endDate, 'end')], localizedDigits, isRTL);
+    return [...getSections(start, separatedFallbackSections.startDate, 'start'), ...getSections(end, separatedFallbackSections.endDate, 'end')];
   },
-  getValueStrFromSections: (sections, localizedDigits, isRTL) => {
+  getV7HiddenInputValueFromSections: sections => {
     const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return (0, _internals.createDateStrForInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], localizedDigits, isRTL);
+    return (0, _internals.createDateStrForV7HiddenInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
+  },
+  getV6InputValueFromSections: (sections, localizedDigits, isRTL) => {
+    const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
+    return (0, _internals.createDateStrForV6InputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], localizedDigits, isRTL);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
     // TODO: Improve because it would not work if the date format has `–` as a separator.

package/node/models/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _fields = require("./fields");
+Object.keys(_fields).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fields[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fields[key];
+    }
+  });
+});
 var _range = require("./range");
 Object.keys(_range).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.4",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@mui/base": "^5.0.0-beta.34",
-    "@mui/system": "^5.15.7",
-    "@mui/utils": "^5.15.7",
-    "@mui/x-date-pickers": "7.0.0-beta.1",
-    "@mui/x-license-pro": "7.0.0-beta.0",
+    "@mui/base": "^5.0.0-beta.36",
+    "@mui/system": "^5.15.9",
+    "@mui/utils": "^5.15.9",
+    "@mui/x-date-pickers": "7.0.0-beta.4",
+    "@mui/x-license": "7.0.0-beta.2",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"

package/themeAugmentation/props.d.ts

@@ -1,8 +1,8 @@
+import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
 import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField/MultiInputDateRangeField.types';
 import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField/SingleInputDateRangeField.types';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
-
 import { DateRangePickerProps, DateRangePickerToolbarProps } from '../DateRangePicker';
 import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
 import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
@@ -18,32 +18,32 @@ import { ExportedDateTimeRangePickerTabsProps } from '../DateTimeRangePicker/Dat
 import { ExportedDateTimeRangePickerToolbarProps } from '../DateTimeRangePicker/DateTimeRangePickerToolbar';
 
 export interface PickersProComponentsPropsList {
-  MuiDateRangeCalendar: DateRangeCalendarProps<unknown>;
-  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
+  MuiDateRangeCalendar: DateRangeCalendarProps<PickerValidDate>;
+  MuiDateRangePickerDay: DateRangePickerDayProps<PickerValidDate>;
   MuiDateTimeRangePickerTabs: ExportedDateTimeRangePickerTabsProps;
-  MuiDateRangePickerToolbar: DateRangePickerToolbarProps<unknown>;
+  MuiDateRangePickerToolbar: DateRangePickerToolbarProps<PickerValidDate>;
   MuiDateTimeRangePickerToolbar: ExportedDateTimeRangePickerToolbarProps;
 
   // Multi input range fields
-  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<unknown>;
-  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<unknown>;
-  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<unknown>;
+  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate, any>;
+  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<PickerValidDate, any>;
+  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<PickerValidDate, any>;
 
   // Single input range fields
-  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<unknown>;
-  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<unknown>;
-  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<unknown>;
+  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<PickerValidDate, any>;
+  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<PickerValidDate, any>;
+  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<PickerValidDate, any>;
 
   // Date Range Pickers
-  MuiDateRangePicker: DateRangePickerProps<unknown>;
-  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<unknown>;
-  MuiMobileDateRangePicker: MobileDateRangePickerProps<unknown>;
-  MuiStaticDateRangePicker: StaticDateRangePickerProps<unknown>;
+  MuiDateRangePicker: DateRangePickerProps<PickerValidDate, any>;
+  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<PickerValidDate, any>;
+  MuiMobileDateRangePicker: MobileDateRangePickerProps<PickerValidDate, any>;
+  MuiStaticDateRangePicker: StaticDateRangePickerProps<PickerValidDate>;
 
   // Date Time Range Pickers
-  MuiDateTimeRangePicker: DateTimeRangePickerProps<unknown>;
-  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<unknown>;
-  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<unknown>;
+  MuiDateTimeRangePicker: DateTimeRangePickerProps<PickerValidDate, any>;
+  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<PickerValidDate, any>;
+  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<PickerValidDate, any>;
 }
 
 declare module '@mui/material/styles' {

package/internals/models/fields.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { SlotComponentProps } from '@mui/base/utils';
-import { BaseFieldProps, FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
-import { FieldSection, FieldRef } from '@mui/x-date-pickers/models';
-export interface RangeFieldSection extends FieldSection {
-    dateName: 'start' | 'end';
-}
-export type FieldType = 'single-input' | 'multi-input';
-/**
- * Props the `textField` slot of the multi input field can receive when used inside a picker.
- */
-export interface MultiInputFieldSlotTextFieldProps {
-    inputRef?: React.Ref<HTMLInputElement>;
-    disabled?: boolean;
-    readOnly?: boolean;
-    id?: string;
-    label?: React.ReactNode;
-    onKeyDown?: React.KeyboardEventHandler;
-    onFocus?: React.FocusEventHandler;
-    focused?: boolean;
-    InputProps?: Partial<FieldsTextFieldProps['InputProps']>;
-}
-/**
- * Props the `root` slot of the multi input field can receive when used inside a picker.
- */
-export interface MultiInputFieldSlotRootProps {
-    onBlur?: React.FocusEventHandler;
-}
-export interface MultiInputFieldRefs {
-    unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
-    unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
-}
-/**
- * Props the multi input field can receive when used inside a picker.
- * Only contains what the MUI component are passing to the field, not what users can pass using the `props.slotProps.field`.
- */
-export interface BaseMultiInputFieldProps<TValue, TDate, TSection extends FieldSection, TError> extends BaseFieldProps<TValue, TDate, TSection, TError>, MultiInputFieldRefs {
-    slots?: {
-        root?: React.ElementType;
-        separator?: React.ElementType;
-        textField?: React.ElementType;
-    };
-    slotProps?: {
-        root?: SlotComponentProps<React.ElementType<MultiInputFieldSlotRootProps>, {}, Record<string, any>>;
-        textField?: SlotComponentProps<React.ElementType<MultiInputFieldSlotTextFieldProps>, {}, {
-            position?: 'start' | 'end';
-        } & Record<string, any>>;
-    };
-}

package/legacy/AdapterDateFns/index.js

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

package/legacy/AdapterDateFnsJalali/index.js

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';

package/legacy/AdapterDateFnsV3/index.js

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';

package/legacy/AdapterDayjs/index.js

@@ -1 +0,0 @@
-export { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';

package/legacy/AdapterLuxon/index.js

@@ -1 +0,0 @@
-export { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';

package/legacy/AdapterMoment/index.js

@@ -1 +0,0 @@
-export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

package/legacy/AdapterMomentHijri/index.js

@@ -1 +0,0 @@
-export { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';

package/legacy/AdapterMomentJalaali/index.js

@@ -1 +0,0 @@
-export { AdapterMomentJalaali } from '@mui/x-date-pickers/AdapterMomentJalaali';