@mui/x-date-pickers 6.16.1 → 6.16.2

package/node/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -14,6 +14,9 @@ var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
 var _DateTimeViewWrapper = require("../internals/components/DateTimeViewWrapper");
 var _timeUtils = require("../internals/utils/time-utils");
 var _dateUtils = require("../internals/utils/date-utils");
+var _timeViewRenderers = require("../timeViewRenderers");
+var _DigitalClock = require("../DigitalClock");
+var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -67,9 +70,42 @@ const renderDesktopDateTimeView = ({
   disableIgnoringDatePartForTimeValidation,
   timeSteps,
   skipDisabled,
-  timeViewsCount
+  timeViewsCount,
+  shouldRenderTimeInASingleColumn
 }) => {
   const isActionBarVisible = !!(0, _utils.resolveComponentProps)(slotProps?.actionBar ?? componentsProps?.actionBar, {})?.actions?.length;
+  const commonTimeProps = {
+    view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
+    onViewChange,
+    focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
+    onFocusedViewChange,
+    views: views.filter(_timeUtils.isInternalTimeView),
+    value,
+    defaultValue,
+    referenceDate,
+    onChange,
+    className,
+    classes,
+    disableFuture,
+    disablePast,
+    minTime,
+    maxTime,
+    shouldDisableTime,
+    shouldDisableClock,
+    minutesStep,
+    ampm,
+    components,
+    componentsProps,
+    slots,
+    slotProps,
+    readOnly,
+    disabled,
+    autoFocus,
+    disableIgnoringDatePartForTimeValidation,
+    timeSteps,
+    skipDisabled,
+    timezone
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_DateTimeViewWrapper.DateTimeViewWrapper, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DateCalendar.DateCalendar, {
@@ -116,45 +152,28 @@ const renderDesktopDateTimeView = ({
       }), timeViewsCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
           orientation: "vertical"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiSectionDigitalClock.MultiSectionDigitalClock, {
+        }), shouldRenderTimeInASingleColumn ? (0, _timeViewRenderers.renderDigitalClockTimeView)((0, _extends2.default)({}, commonTimeProps, {
+          view: 'hours',
+          views: ['hours'],
+          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? 'hours' : null,
+          sx: (0, _extends2.default)({
+            width: 'auto',
+            [`&.${_DigitalClock.digitalClockClasses.root}`]: {
+              maxHeight: _dimensions.VIEW_HEIGHT
+            }
+          }, Array.isArray(sx) ? sx : [sx])
+        })) : (0, _timeViewRenderers.renderMultiSectionDigitalClockTimeView)((0, _extends2.default)({}, commonTimeProps, {
           view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
-          onViewChange: onViewChange,
-          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
-          onFocusedViewChange: onFocusedViewChange,
           views: views.filter(_timeUtils.isInternalTimeView),
-          value: value,
-          defaultValue: defaultValue,
-          referenceDate: referenceDate,
-          onChange: onChange,
-          className: className,
-          classes: classes,
-          disableFuture: disableFuture,
-          disablePast: disablePast,
-          minTime: minTime,
-          maxTime: maxTime,
-          shouldDisableTime: shouldDisableTime,
-          shouldDisableClock: shouldDisableClock,
-          minutesStep: minutesStep,
-          ampm: ampm,
-          components: components,
-          componentsProps: componentsProps,
-          slots: slots,
-          slotProps: slotProps,
-          readOnly: readOnly,
-          disabled: disabled,
+          focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
           sx: (0, _extends2.default)({
             borderBottom: 0,
             width: 'auto',
             [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
               maxHeight: '100%'
             }
-          }, Array.isArray(sx) ? sx : [sx]),
-          autoFocus: autoFocus,
-          disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
-          timeSteps: timeSteps,
-          skipDisabled: skipDisabled,
-          timezone: timezone
-        })]
+          }, Array.isArray(sx) ? sx : [sx])
+        }))]
       })]
     }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {})]
   });

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.16.1
+ * @mui/x-date-pickers v6.16.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/FakeTextField/FakeTextField.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FakeTextField = FakeTextField;
+var React = _interopRequireWildcard(require("react"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function FakeTextField(props) {
+  const {
+    sections
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, {
+    direction: "row",
+    spacing: 1,
+    children: sections.map(section => /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [section.startSeparator, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        value: section.value,
+        onChange: () => {}
+      }), section.endSeparator]
+    }))
+  });
+}

package/node/internals/components/FakeTextField/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FakeTextField", {
+  enumerable: true,
+  get: function () {
+    return _FakeTextField.FakeTextField;
+  }
+});
+var _FakeTextField = require("./FakeTextField");

package/node/internals/utils/date-time-utils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveDateTimeFormat = void 0;
+exports.resolveTimeViewsResponse = resolveTimeViewsResponse;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _timeUtils = require("./time-utils");
@@ -46,4 +47,31 @@ const resolveDateTimeFormat = (utils, _ref) => {
   }, other), false);
   return `${dateFormat} ${timeFormat}`;
 };
-exports.resolveDateTimeFormat = resolveDateTimeFormat;
+exports.resolveDateTimeFormat = resolveDateTimeFormat;
+const resolveViews = (ampm, views, shouldUseSingleColumn) => {
+  if (shouldUseSingleColumn) {
+    return views.filter(view => !(0, _timeUtils.isInternalTimeView)(view) || view === 'hours');
+  }
+  return ampm ? [...views, 'meridiem'] : views;
+};
+const resolveShouldRenderTimeInASingleColumn = (timeSteps, threshold) => 24 * 60 / ((timeSteps.hours ?? 1) * (timeSteps.minutes ?? 5)) <= threshold;
+function resolveTimeViewsResponse({
+  thresholdToRenderTimeInASingleColumn: inThreshold,
+  ampm,
+  timeSteps: inTimeSteps,
+  views
+}) {
+  const thresholdToRenderTimeInASingleColumn = inThreshold ?? 24;
+  const timeSteps = (0, _extends2.default)({
+    hours: 1,
+    minutes: 5,
+    seconds: 5
+  }, inTimeSteps);
+  const shouldRenderTimeInASingleColumn = resolveShouldRenderTimeInASingleColumn(timeSteps, thresholdToRenderTimeInASingleColumn);
+  return {
+    thresholdToRenderTimeInASingleColumn,
+    timeSteps,
+    shouldRenderTimeInASingleColumn,
+    views: resolveViews(ampm, views, shouldRenderTimeInASingleColumn)
+  };
+}

package/node/locales/esES.js

@@ -53,7 +53,7 @@ const esESPickers = {
   timeTableLabel: 'elige la fecha',
   dateTableLabel: 'elige la hora',
   // Field section placeholders
-  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
   fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.16.1",
+  "version": "6.16.2",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",