@mui/x-date-pickers 8.9.2 → 8.10.2

package/esm/AdapterMomentHijri/AdapterMomentHijri.js

@@ -130,6 +130,9 @@ const NUMBER_SYMBOL_MAP = {
  * SOFTWARE.
  */
 export class AdapterMomentHijri extends AdapterMoment {
+  lib = 'moment-hijri';
+  isTimezoneCompatible = false;
+  formatTokenMap = (() => formatTokenMap)();
   constructor({
     formats,
     instance
@@ -138,85 +141,83 @@ export class AdapterMomentHijri extends AdapterMoment {
       locale: 'ar-SA',
       instance
     });
-    this.lib = 'moment-hijri';
-    this.moment = void 0;
-    this.isTimezoneCompatible = false;
-    this.formatTokenMap = formatTokenMap;
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      return this.moment(value).locale('ar-SA');
-    };
-    /* v8 ignore next 3 */
-    this.getTimezone = () => {
-      return 'default';
-    };
-    /* v8 ignore next 3 */
-    this.setTimezone = value => {
-      return value;
-    };
-    this.parse = (value, format) => {
-      if (value === '') {
-        return null;
-      }
-      return this.moment(value, format, true).locale('ar-SA');
-    };
-    this.formatNumber = numberToFormat => {
-      return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
-    };
-    this.startOfYear = value => {
-      return value.clone().startOf('iYear');
-    };
-    this.startOfMonth = value => {
-      return value.clone().startOf('iMonth');
-    };
-    this.endOfYear = value => {
-      return value.clone().endOf('iYear');
-    };
-    this.endOfMonth = value => {
-      return value.clone().endOf('iMonth');
-    };
-    this.addYears = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iYear') : value.clone().add(amount, 'iYear');
-    };
-    this.addMonths = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iMonth') : value.clone().add(amount, 'iMonth');
-    };
-    this.getYear = value => {
-      return value.iYear();
-    };
-    this.getMonth = value => {
-      return value.iMonth();
-    };
-    this.getDate = value => {
-      return value.iDate();
-    };
-    this.setYear = (value, year) => {
-      return value.clone().iYear(year);
-    };
-    this.setMonth = (value, month) => {
-      return value.clone().iMonth(month);
-    };
-    this.setDate = (value, date) => {
-      return value.clone().iDate(date);
-    };
-    this.getWeekNumber = value => {
-      return value.iWeek();
-    };
-    this.getYearRange = ([start, end]) => {
-      // moment-hijri only supports dates between 1356-01-01 H and 1499-12-29 H
-      // We need to throw if outside min/max bounds, otherwise the while loop below will be infinite.
-      if (start.isBefore('1937-03-14')) {
-        throw new Error('min date must be on or after 1356-01-01 H (1937-03-14)');
-      }
-      if (end.isAfter('2076-11-26')) {
-        throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
-      }
-      return super.getYearRange([start, end]);
-    };
     this.moment = instance || defaultHMoment;
     this.locale = 'ar-SA';
     this.formats = _extends({}, defaultFormats, formats);
   }
+  date = value => {
+    if (value === null) {
+      return null;
+    }
+    return this.moment(value).locale('ar-SA');
+  };
+
+  /* v8 ignore next 3 */
+  getTimezone = () => {
+    return 'default';
+  };
+
+  /* v8 ignore next 3 */
+  setTimezone = value => {
+    return value;
+  };
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+    return this.moment(value, format, true).locale('ar-SA');
+  };
+  formatNumber = numberToFormat => {
+    return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
+  };
+  startOfYear = value => {
+    return value.clone().startOf('iYear');
+  };
+  startOfMonth = value => {
+    return value.clone().startOf('iMonth');
+  };
+  endOfYear = value => {
+    return value.clone().endOf('iYear');
+  };
+  endOfMonth = value => {
+    return value.clone().endOf('iMonth');
+  };
+  addYears = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iYear') : value.clone().add(amount, 'iYear');
+  };
+  addMonths = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iMonth') : value.clone().add(amount, 'iMonth');
+  };
+  getYear = value => {
+    return value.iYear();
+  };
+  getMonth = value => {
+    return value.iMonth();
+  };
+  getDate = value => {
+    return value.iDate();
+  };
+  setYear = (value, year) => {
+    return value.clone().iYear(year);
+  };
+  setMonth = (value, month) => {
+    return value.clone().iMonth(month);
+  };
+  setDate = (value, date) => {
+    return value.clone().iDate(date);
+  };
+  getWeekNumber = value => {
+    return value.iWeek();
+  };
+  getYearRange = ([start, end]) => {
+    // moment-hijri only supports dates between 1356-01-01 H and 1499-12-29 H
+    // We need to throw if outside min/max bounds, otherwise the while loop below will be infinite.
+    if (start.isBefore('1937-03-14')) {
+      throw new Error('min date must be on or after 1356-01-01 H (1937-03-14)');
+    }
+    if (end.isAfter('2076-11-26')) {
+      throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
+    }
+    return super.getYearRange([start, end]);
+  };
 }

package/esm/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -128,6 +128,9 @@ const NUMBER_SYMBOL_MAP = {
  * SOFTWARE.
  */
 export class AdapterMomentJalaali extends AdapterMoment {
+  isTimezoneCompatible = false;
+  lib = 'moment-jalaali';
+  formatTokenMap = (() => formatTokenMap)();
   constructor({
     formats,
     instance
@@ -136,87 +139,83 @@ export class AdapterMomentJalaali extends AdapterMoment {
       locale: 'fa',
       instance
     });
-    this.isTimezoneCompatible = false;
-    this.lib = 'moment-jalaali';
-    this.moment = void 0;
-    this.formatTokenMap = formatTokenMap;
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      return this.moment(value).locale('fa');
-    };
-    this.getTimezone = () => {
-      return 'default';
-    };
-    this.setTimezone = value => {
-      return value;
-    };
-    this.parse = (value, format) => {
-      if (value === '') {
-        return null;
-      }
-      return this.moment(value, format, true).locale('fa');
-    };
-    this.formatNumber = numberToFormat => {
-      return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
-    };
-    this.isSameYear = (value, comparing) => {
-      return value.jYear() === comparing.jYear();
-    };
-    this.isSameMonth = (value, comparing) => {
-      return value.jYear() === comparing.jYear() && value.jMonth() === comparing.jMonth();
-    };
-    this.isAfterYear = (value, comparing) => {
-      return value.jYear() > comparing.jYear();
-    };
-    this.isBeforeYear = (value, comparing) => {
-      return value.jYear() < comparing.jYear();
-    };
-    this.startOfYear = value => {
-      return value.clone().startOf('jYear');
-    };
-    this.startOfMonth = value => {
-      return value.clone().startOf('jMonth');
-    };
-    this.endOfYear = value => {
-      return value.clone().endOf('jYear');
-    };
-    this.endOfMonth = value => {
-      return value.clone().endOf('jMonth');
-    };
-    this.addYears = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jYear') : value.clone().add(amount, 'jYear');
-    };
-    this.addMonths = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jMonth') : value.clone().add(amount, 'jMonth');
-    };
-    this.getYear = value => {
-      return value.jYear();
-    };
-    this.getMonth = value => {
-      return value.jMonth();
-    };
-    this.getDate = value => {
-      return value.jDate();
-    };
-    this.getDaysInMonth = value => {
-      return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
-    };
-    this.setYear = (value, year) => {
-      return value.clone().jYear(year);
-    };
-    this.setMonth = (value, month) => {
-      return value.clone().jMonth(month);
-    };
-    this.setDate = (value, date) => {
-      return value.clone().jDate(date);
-    };
-    this.getWeekNumber = value => {
-      return value.jWeek();
-    };
     this.moment = instance || defaultJMoment;
     this.locale = 'fa';
     this.formats = _extends({}, defaultFormats, formats);
   }
+  date = value => {
+    if (value === null) {
+      return null;
+    }
+    return this.moment(value).locale('fa');
+  };
+  getTimezone = () => {
+    return 'default';
+  };
+  setTimezone = value => {
+    return value;
+  };
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+    return this.moment(value, format, true).locale('fa');
+  };
+  formatNumber = numberToFormat => {
+    return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
+  };
+  isSameYear = (value, comparing) => {
+    return value.jYear() === comparing.jYear();
+  };
+  isSameMonth = (value, comparing) => {
+    return value.jYear() === comparing.jYear() && value.jMonth() === comparing.jMonth();
+  };
+  isAfterYear = (value, comparing) => {
+    return value.jYear() > comparing.jYear();
+  };
+  isBeforeYear = (value, comparing) => {
+    return value.jYear() < comparing.jYear();
+  };
+  startOfYear = value => {
+    return value.clone().startOf('jYear');
+  };
+  startOfMonth = value => {
+    return value.clone().startOf('jMonth');
+  };
+  endOfYear = value => {
+    return value.clone().endOf('jYear');
+  };
+  endOfMonth = value => {
+    return value.clone().endOf('jMonth');
+  };
+  addYears = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jYear') : value.clone().add(amount, 'jYear');
+  };
+  addMonths = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jMonth') : value.clone().add(amount, 'jMonth');
+  };
+  getYear = value => {
+    return value.jYear();
+  };
+  getMonth = value => {
+    return value.jMonth();
+  };
+  getDate = value => {
+    return value.jDate();
+  };
+  getDaysInMonth = value => {
+    return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
+  };
+  setYear = (value, year) => {
+    return value.clone().jYear(year);
+  };
+  setMonth = (value, month) => {
+    return value.clone().jMonth(month);
+  };
+  setDate = (value, date) => {
+    return value.clone().jDate(date);
+  };
+  getWeekNumber = value => {
+    return value.jWeek();
+  };
 }

package/esm/PickersLayout/PickersLayout.js

@@ -32,26 +32,29 @@ export const PickersLayoutRoot = styled('div', {
   },
   variants: [{
     props: {
-      pickerOrientation: 'landscape'
+      pickerOrientation: 'landscape',
+      hasShortcuts: false
     },
     style: {
       [`& .${pickersLayoutClasses.toolbar}`]: {
         gridColumn: 1,
-        gridRow: '2 / 3'
-      },
-      [`.${pickersLayoutClasses.shortcuts}`]: {
-        gridColumn: '2 / 4',
-        gridRow: 1
+        gridRow: '1 / 3'
       }
     }
   }, {
     props: {
       pickerOrientation: 'landscape',
-      layoutDirection: 'rtl'
+      hasShortcuts: true
     },
     style: {
       [`& .${pickersLayoutClasses.toolbar}`]: {
-        gridColumn: 3
+        gridColumn: '2 / 4',
+        gridRow: 1,
+        maxWidth: 'max-content'
+      },
+      [`& .${pickersLayoutClasses.shortcuts}`]: {
+        gridColumn: 1,
+        gridRow: 2
       }
     }
   }, {
@@ -70,7 +73,7 @@ export const PickersLayoutRoot = styled('div', {
     }
   }, {
     props: {
-      pickerOrientation: 'portrait',
+      hasShortcuts: true,
       layoutDirection: 'rtl'
     },
     style: {

package/esm/PickersLayout/PickersLayout.types.d.ts

@@ -33,6 +33,11 @@ export interface PickerLayoutOwnerState extends PickerOwnerState {
    * Is equal to "rtl" when the layout is in right-to-left direction.
    */
   layoutDirection: 'ltr' | 'rtl';
+  /**
+   * Whether the layout should display the shortcuts panel or not.
+   * This flag is used to adjust the layout accordingly.
+   */
+  hasShortcuts: boolean;
 }
 export interface ExportedPickersLayoutSlotProps<TValue extends PickerValidValue> {
   /**

package/esm/PickersLayout/usePickerLayout.js

@@ -47,7 +47,8 @@ const usePickerLayout = props => {
     classes: classesProp
   } = props;
   const ownerState = React.useMemo(() => _extends({}, pickerOwnerState, {
-    layoutDirection: isRtl ? 'rtl' : 'ltr'
+    layoutDirection: isRtl ? 'rtl' : 'ltr',
+    hasShortcuts: false
   }), [pickerOwnerState, isRtl]);
   const classes = useUtilityClasses(classesProp, ownerState);
 
@@ -92,6 +93,7 @@ const usePickerLayout = props => {
     className: classes.shortcuts,
     ownerState
   });
+  const hasShortcuts = Array.isArray(shortcutsProps?.items) && shortcutsProps.items.length > 0;
   const shortcuts = view && !!Shortcuts ? /*#__PURE__*/_jsx(Shortcuts, _extends({}, shortcutsProps)) : null;
   return {
     toolbar,
@@ -99,7 +101,9 @@ const usePickerLayout = props => {
     tabs,
     actionBar,
     shortcuts,
-    ownerState
+    ownerState: _extends({}, ownerState, {
+      hasShortcuts
+    })
   };
 };
 export default usePickerLayout;

package/esm/index.js

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

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.9.2",
+  "version": "8.10.2",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "main": "./index.js",
@@ -35,12 +35,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@mui/utils": "^7.2.0",
+    "@mui/utils": "^7.3.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.9.2"
+    "@mui/x-internals": "8.10.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -89,8 +89,8 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
-  "module": "./esm/index.js",
+  "type": "commonjs",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -113,8 +113,6 @@
         "default": "./esm/*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
-  },
-  "types": "./index.d.ts"
+    "./esm": null
+  }
 }