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

package/node/internals/utils/valueManagers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rangeValueManager = exports.rangeFieldValueManager = void 0;
+exports.rangeValueManager = exports.getRangeFieldValueManager = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _internals = require("@mui/x-date-pickers/internals");
@@ -42,7 +42,9 @@ const rangeValueManager = exports.rangeValueManager = {
   },
   setTimezone: (utils, timezone, value) => [value[0] == null ? null : utils.setTimezone(value[0], timezone), value[1] == null ? null : utils.setTimezone(value[1], timezone)]
 };
-const rangeFieldValueManager = exports.rangeFieldValueManager = {
+const getRangeFieldValueManager = ({
+  dateSeparator = '–'
+}) => ({
   updateReferenceValue: (utils, value, prevReferenceValue) => {
     const shouldKeepStartDate = value[0] != null && utils.isValid(value[0]);
     const shouldKeepEndDate = value[1] != null && utils.isValid(value[1]);
@@ -73,7 +75,7 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
           return (0, _extends2.default)({}, section, {
             dateName: position,
             // TODO: Check if RTL still works
-            endSeparator: `${section.endSeparator} – `
+            endSeparator: `${section.endSeparator} ${dateSeparator} `
           });
         }
         return (0, _extends2.default)({}, section, {
@@ -92,8 +94,8 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
     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.
-    const [startStr, endStr] = valueStr.split('–');
+    // TODO: Improve because it would not work if some section have the same separator as the dateSeparator.
+    const [startStr, endStr] = valueStr.split(dateSeparator);
     return [startStr, endStr].map((dateStr, index) => {
       if (dateStr == null) {
         return null;
@@ -120,4 +122,5 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
       })
     };
   }
-};
+});
+exports.getRangeFieldValueManager = getRangeFieldValueManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.0.0-beta.7",
+  "version": "7.0.0",
   "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.24.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.7",
-    "@mui/x-license": "7.0.0-beta.6",
+    "@mui/base": "^5.0.0-beta.40",
+    "@mui/system": "^5.15.14",
+    "@mui/utils": "^5.15.14",
+    "@mui/x-date-pickers": "7.0.0",
+    "@mui/x-license": "7.0.0",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
@@ -44,7 +44,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.0",
+    "@mui/material": "^5.15.14",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { PickersLayoutProps } from '@mui/x-date-pickers/PickersLayout';
-import { PickerValidDate } from '@mui/x-date-pickers/models';
-import { DateRange } from '../models';
-import { DateTimeRangePickerView } from '../internals/models/dateTimeRange';
-/**
- * @ignore - internal component.
- */
-export declare function DesktopDateTimeRangePickerLayout<TDate extends PickerValidDate>(props: PickersLayoutProps<DateRange<TDate>, TDate, DateTimeRangePickerView>): React.JSX.Element;

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  var _actionBar$props$acti, _actionBar$props$acti2;
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && ((_actionBar$props$acti = (_actionBar$props$acti2 = actionBar.props.actions) == null ? void 0 : _actionBar$props$acti2.length) != null ? _actionBar$props$acti : 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DesktopDateTimeRangePickerLayout = DesktopDateTimeRangePickerLayout;
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
-var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _jsxRuntime = require("react/jsx-runtime");
-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; }
-/**
- * @ignore - internal component.
- */
-function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = (0, _PickersLayout.usePickerLayout)(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersLayout.PickersLayoutRoot, {
-    ref: ref,
-    className: (0, _clsx.default)(className, _PickersLayout.pickersLayoutClasses.root),
-    sx: [{
-      [`& .${_PickersLayout.pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${_PickersLayout.pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersLayout.PickersLayoutContentWrapper, {
-      className: _PickersLayout.pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}