@mui/x-date-pickers-pro 7.0.0-beta.2 → 7.0.0-beta.5

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 = "MTcwNzQyOTYwMDAwMA==";
+  const releaseInfo = "MTcwOTM1NTYwMDAwMA==";
   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.2",
+  "version": "7.0.0-beta.5",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,10 +32,10 @@
   },
   "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.2",
+    "@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.5",
     "@mui/x-license": "7.0.0-beta.2",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",

package/themeAugmentation/props.d.ts

@@ -3,7 +3,8 @@ 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 { DateRangePickerProps } from '../DateRangePicker';
+import { ExportedDateRangePickerToolbarProps } from '../DateRangePicker/DateRangePickerToolbar';
 import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
 import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
 import { StaticDateRangePickerProps } from '../StaticDateRangePicker';
@@ -21,29 +22,29 @@ export interface PickersProComponentsPropsList {
   MuiDateRangeCalendar: DateRangeCalendarProps<PickerValidDate>;
   MuiDateRangePickerDay: DateRangePickerDayProps<PickerValidDate>;
   MuiDateTimeRangePickerTabs: ExportedDateTimeRangePickerTabsProps;
-  MuiDateRangePickerToolbar: DateRangePickerToolbarProps<PickerValidDate>;
+  MuiDateRangePickerToolbar: ExportedDateRangePickerToolbarProps;
   MuiDateTimeRangePickerToolbar: ExportedDateTimeRangePickerToolbarProps;
 
   // Multi input range fields
-  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate>;
-  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<PickerValidDate>;
-  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<PickerValidDate>;
+  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate, any>;
+  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<PickerValidDate, any>;
+  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<PickerValidDate, any>;
 
   // Single input range fields
-  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<PickerValidDate>;
-  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<PickerValidDate>;
-  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<PickerValidDate>;
+  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<PickerValidDate, any>;
+  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<PickerValidDate, any>;
+  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<PickerValidDate, any>;
 
   // Date Range Pickers
-  MuiDateRangePicker: DateRangePickerProps<PickerValidDate>;
-  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<PickerValidDate>;
-  MuiMobileDateRangePicker: MobileDateRangePickerProps<PickerValidDate>;
+  MuiDateRangePicker: DateRangePickerProps<PickerValidDate, any>;
+  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<PickerValidDate, any>;
+  MuiMobileDateRangePicker: MobileDateRangePickerProps<PickerValidDate, any>;
   MuiStaticDateRangePicker: StaticDateRangePickerProps<PickerValidDate>;
 
   // Date Time Range Pickers
-  MuiDateTimeRangePicker: DateTimeRangePickerProps<PickerValidDate>;
-  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<PickerValidDate>;
-  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<PickerValidDate>;
+  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, PickerValidDate } 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 extends PickerValidDate, 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';