@mui/x-date-pickers 7.11.1 → 7.12.1

package/node/internals/components/PickersPopper.js

@@ -8,16 +8,16 @@ exports.PickersPopper = PickersPopper;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/material/Unstable_TrapFocus"));
-var _utils2 = require("@mui/utils");
+var _utils = require("@mui/utils");
 var _styles = require("@mui/material/styles");
 var _pickersPopperClasses = require("./pickersPopperClasses");
-var _utils3 = require("../utils/utils");
+var _utils2 = require("../utils/utils");
 var _useDefaultReduceAnimations = require("../hooks/useDefaultReduceAnimations");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["PaperComponent", "popperPlacement", "ownerState", "children", "paperSlotProps", "paperClasses", "onPaperClick", "onPaperTouchStart"];
@@ -31,7 +31,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     paper: ['paper']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _pickersPopperClasses.getPickersPopperUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _pickersPopperClasses.getPickersPopperUtilityClass, classes);
 };
 const PickersPopperRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiPickersPopper',
@@ -98,7 +98,7 @@ function useClickAwayListener(active, onClickAway) {
   // clicking a checkbox to check it, hitting a button to submit a form,
   // and hitting left arrow to move the cursor in a text input etc.
   // Only special HTML elements have these default behaviors.
-  const handleClickAway = (0, _utils2.unstable_useEventCallback)(event => {
+  const handleClickAway = (0, _utils.unstable_useEventCallback)(event => {
     if (!activatedRef.current) {
       return;
     }
@@ -107,7 +107,7 @@ function useClickAwayListener(active, onClickAway) {
     // we can only be confident with a positive value.
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
-    const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+    const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
 
     // 1. IE11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
@@ -142,7 +142,7 @@ function useClickAwayListener(active, onClickAway) {
   };
   React.useEffect(() => {
     if (active) {
-      const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
       const handleTouchMove = () => {
         movedRef.current = true;
       };
@@ -161,7 +161,7 @@ function useClickAwayListener(active, onClickAway) {
     // Or if this is a timing related issues due to different Transition components
     // Once we get rid of all the manual scheduling (for example setTimeout(update, 0)) we can revisit this code+test.
     if (active) {
-      const doc = (0, _utils2.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
       doc.addEventListener('click', handleClickAway);
       return () => {
         doc.removeEventListener('click', handleClickAway);
@@ -190,7 +190,7 @@ const PickersPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) =>
   const ownerState = (0, _extends2.default)({}, inOwnerState, {
     placement: popperPlacement
   });
-  const paperProps = (0, _utils.useSlotProps)({
+  const paperProps = (0, _useSlotProps.default)({
     elementType: PaperComponent,
     externalSlotProps: paperSlotProps,
     additionalProps: {
@@ -250,7 +250,7 @@ function PickersPopper(inProps) {
       return;
     }
     if (open) {
-      lastFocusedElementRef.current = (0, _utils3.getActiveElement)(document);
+      lastFocusedElementRef.current = (0, _utils2.getActiveElement)(document);
     } else if (lastFocusedElementRef.current && lastFocusedElementRef.current instanceof HTMLElement) {
       // make sure the button is flushed with updated label, before returning focus to it
       // avoids issue, where screen reader could fail to announce selected date after selection
@@ -263,8 +263,8 @@ function PickersPopper(inProps) {
   }, [open, role, shouldRestoreFocus]);
   const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur ?? onDismiss);
   const paperRef = React.useRef(null);
-  const handleRef = (0, _utils2.unstable_useForkRef)(paperRef, containerRef);
-  const handlePaperRef = (0, _utils2.unstable_useForkRef)(handleRef, clickAwayRef);
+  const handleRef = (0, _utils.unstable_useForkRef)(paperRef, containerRef);
+  const handlePaperRef = (0, _utils.unstable_useForkRef)(handleRef, clickAwayRef);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const defaultReduceAnimations = (0, _useDefaultReduceAnimations.useDefaultReduceAnimations)();
@@ -280,7 +280,7 @@ function PickersPopper(inProps) {
   const FocusTrap = slots?.desktopTrapFocus ?? _Unstable_TrapFocus.default;
   const Paper = slots?.desktopPaper ?? PickersPopperPaper;
   const Popper = slots?.popper ?? PickersPopperRoot;
-  const popperProps = (0, _utils.useSlotProps)({
+  const popperProps = (0, _useSlotProps.default)({
     elementType: Popper,
     externalSlotProps: slotProps?.popper,
     additionalProps: {

package/node/internals/components/PickersToolbar.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersToolbarClasses = require("./pickersToolbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "className", "toolbarTitle", "hidden", "titleId", "isLandscape", "classes", "landscapeDirection"];
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
     content: ['content'],
     penIconButton: ['penIconButton', isLandscape && 'penIconButtonLandscape']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
 };
 const PickersToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersToolbar',

package/node/internals/components/PickersToolbarButton.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _PickersToolbarText = require("./PickersToolbarText");
 var _pickersToolbarClasses = require("./pickersToolbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarClasses.getPickersToolbarUtilityClass, classes);
 };
 const PickersToolbarButtonRoot = (0, _styles.styled)(_Button.default, {
   name: 'MuiPickersToolbarButton',

package/node/internals/components/PickersToolbarText.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersToolbarTextClasses = require("./pickersToolbarTextClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "selected", "value"];
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersToolbarTextClasses.getPickersToolbarTextUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersToolbarTextClasses.getPickersToolbarTextUtilityClass, classes);
 };
 const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiPickersToolbarText',

package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -8,7 +8,7 @@ exports.useDesktopPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps3 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
@@ -77,7 +77,7 @@ const useDesktopPicker = _ref => {
     wrapperVariant: 'desktop'
   }));
   const InputAdornment = slots.inputAdornment ?? _InputAdornment.default;
-  const _useSlotProps = (0, _utils.useSlotProps)({
+  const _useSlotProps = (0, _useSlotProps3.default)({
       elementType: InputAdornment,
       externalSlotProps: innerSlotProps?.inputAdornment,
       additionalProps: {
@@ -87,7 +87,7 @@ const useDesktopPicker = _ref => {
     }),
     inputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const OpenPickerButton = slots.openPickerButton ?? _IconButton.default;
-  const _useSlotProps2 = (0, _utils.useSlotProps)({
+  const _useSlotProps2 = (0, _useSlotProps3.default)({
       elementType: OpenPickerButton,
       externalSlotProps: innerSlotProps?.openPickerButton,
       additionalProps: {
@@ -101,7 +101,7 @@ const useDesktopPicker = _ref => {
     openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
   const OpenPickerIcon = slots.openPickerIcon;
   const Field = slots.field;
-  const fieldProps = (0, _utils.useSlotProps)({
+  const fieldProps = (0, _useSlotProps3.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
     additionalProps: (0, _extends2.default)({}, pickerFieldProps, isToolbarHidden && {

package/node/internals/hooks/useField/useField.utils.js

@@ -532,7 +532,7 @@ const mergeDateIntoReferenceDate = (utils, timezone, dateToTransferFrom, section
   return mergedDate;
 }, referenceDate);
 exports.mergeDateIntoReferenceDate = mergeDateIntoReferenceDate;
-const isAndroid = () => navigator.userAgent.toLowerCase().indexOf('android') > -1;
+const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
 
 // TODO v8: Remove if we drop the v6 TextField approach.
 exports.isAndroid = isAndroid;

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -8,12 +8,12 @@ exports.useMobilePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _PickersModalDialog = require("../../components/PickersModalDialog");
 var _usePicker = require("../usePicker");
-var _utils2 = require("../../utils/utils");
+var _utils = require("../../utils/utils");
 var _useUtils = require("../useUtils");
 var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
@@ -69,14 +69,14 @@ const useMobilePicker = _ref => {
     wrapperVariant: 'mobile'
   }));
   const Field = slots.field;
-  const fieldProps = (0, _utils.useSlotProps)({
+  const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
     additionalProps: (0, _extends2.default)({}, pickerFieldProps, isToolbarHidden && {
       id: labelId
     }, !(disabled || readOnly) && {
       onClick: actions.onOpen,
-      onKeyDown: (0, _utils2.onSpaceOrEnter)(actions.onOpen)
+      onKeyDown: (0, _utils.onSpaceOrEnter)(actions.onOpen)
     }, {
       readOnly: readOnly ?? true,
       disabled,

package/node/locales/fiFI.js

@@ -16,8 +16,8 @@ const fiFIPickers = {
   previousMonth: 'Edellinen kuukausi',
   nextMonth: 'Seuraava kuukausi',
   // View navigation
-  openPreviousView: 'Avaa edellinen kuukausi',
-  openNextView: 'Avaa seuraava kuukausi',
+  openPreviousView: 'Avaa edellinen näkymä',
+  openNextView: 'Avaa seuraava näkymä',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'vuosinäkymä on auki, vaihda kalenterinäkymään' : 'kalenterinäkymä on auki, vaihda vuosinäkymään',
   // DateRange labels
   start: 'Alku',

package/node/locales/nlNL.js

@@ -22,11 +22,10 @@ const nlNLPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Einde',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Start datum',
+  startTime: 'Start tijd',
+  endDate: 'Eind datum',
+  endTime: 'Eind tijd',
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',
@@ -52,8 +51,7 @@ const nlNLPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${utils.format(value, 'fullDate')}` : 'Kies datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${utils.format(value, 'fullTime')}` : 'Kies tijd',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wissen',
   // Table labels
   timeTableLabel: 'kies tijd',
   dateTableLabel: 'kies datum',
@@ -65,19 +63,17 @@ const nlNLPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Jaar',
+  month: 'Maand',
+  day: 'Dag',
+  weekDay: 'Weekdag',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  meridiem: 'Middag',
   // Common
-  // empty: 'Empty',
+  empty: 'Legen'
 };
 const nlNL = exports.nlNL = (0, _getPickersLocalization.getPickersLocalization)(nlNLPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.11.1",
+  "version": "7.12.1",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,8 +35,7 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.8",
-    "@mui/base": "^5.0.0-beta.40",
+    "@babel/runtime": "^7.25.0",
     "@mui/system": "^5.16.5",
     "@mui/utils": "^5.16.5",
     "@types/react-transition-group": "^4.4.10",