@mui/x-date-pickers 7.0.0 → 7.1.0

package/node/internals/components/PickersToolbar.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersToolbar = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
@@ -34,36 +34,57 @@ const PickersToolbarRoot = (0, _styles.styled)('div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme,
-  ownerState
-}) => (0, _extends2.default)({
+  theme
+}) => ({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'flex-start',
   justifyContent: 'space-between',
-  padding: theme.spacing(2, 3)
-}, ownerState.isLandscape && {
-  height: 'auto',
-  maxWidth: 160,
-  padding: 16,
-  justifyContent: 'flex-start',
-  flexWrap: 'wrap'
+  padding: theme.spacing(2, 3),
+  variants: [{
+    props: {
+      isLandscape: true
+    },
+    style: {
+      height: 'auto',
+      maxWidth: 160,
+      padding: 16,
+      justifyContent: 'flex-start',
+      flexWrap: 'wrap'
+    }
+  }]
 }));
 const PickersToolbarContent = (0, _styles.styled)('div', {
   name: 'MuiPickersToolbar',
   slot: 'Content',
   overridesResolver: (props, styles) => styles.content
-})(({
-  ownerState
-}) => ({
+})({
   display: 'flex',
   flexWrap: 'wrap',
   width: '100%',
-  justifyContent: ownerState.isLandscape ? 'flex-start' : 'space-between',
-  flexDirection: ownerState.isLandscape ? ownerState.landscapeDirection ?? 'column' : 'row',
   flex: 1,
-  alignItems: ownerState.isLandscape ? 'flex-start' : 'center'
-}));
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  flexDirection: 'row',
+  variants: [{
+    props: {
+      isLandscape: true
+    },
+    style: {
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    }
+  }, {
+    props: {
+      isLandscape: true,
+      landscapeDirection: 'row'
+    },
+    style: {
+      flexDirection: 'row'
+    }
+  }]
+});
 const PickersToolbar = exports.PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,

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

@@ -211,9 +211,11 @@ const useField = params => {
     event.preventDefault();
     onClear?.(event, ...args);
     clearValue();
-    setSelectedSections(sectionOrder.startIndex);
-    if (!interactions.isFieldFocused) {
+    if (!interactions.isFieldFocused()) {
+      // setSelectedSections is called internally
       interactions.focusField(0);
+    } else {
+      setSelectedSections(sectionOrder.startIndex);
     }
   });
   const commonForwardedProps = {

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

@@ -53,7 +53,8 @@ const useFieldV6TextField = params => {
       onClick,
       onPaste,
       onBlur,
-      inputRef: inputRefProp
+      inputRef: inputRefProp,
+      placeholder: inPlaceholder
     },
     internalProps: {
       readOnly = false
@@ -137,7 +138,6 @@ const useFieldV6TextField = params => {
   }), [inputRef, parsedSelectedSections, sections, setSelectedSections]);
   const syncSelectionFromDOM = () => {
     if (readOnly) {
-      setSelectedSections(null);
       return;
     }
     const browserStartIndex = inputRef.current.selectionStart ?? 0;
@@ -285,7 +285,12 @@ const useFieldV6TextField = params => {
       sectionIndex: activeSectionIndex
     });
   });
-  const placeholder = React.useMemo(() => fieldValueManager.getV6InputValueFromSections(getSectionsFromValue(valueManager.emptyValue), localizedDigits, isRTL), [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, localizedDigits, isRTL]);
+  const placeholder = React.useMemo(() => {
+    if (inPlaceholder) {
+      return inPlaceholder;
+    }
+    return fieldValueManager.getV6InputValueFromSections(getSectionsFromValue(valueManager.emptyValue), localizedDigits, isRTL);
+  }, [inPlaceholder, fieldValueManager, getSectionsFromValue, valueManager.emptyValue, localizedDigits, isRTL]);
   const valueStr = React.useMemo(() => state.tempValueStrAndroid ?? fieldValueManager.getV6InputValueFromSections(state.sections, localizedDigits, isRTL), [state.sections, fieldValueManager, state.tempValueStrAndroid, localizedDigits, isRTL]);
   React.useEffect(() => {
     // Select all the sections when focused on mount (`autoFocus = true` on the input)

package/node/locales/itIT.js

@@ -22,11 +22,10 @@ const itITPickers = {
   // DateRange labels
   start: 'Inizio',
   end: 'Fine',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Data di inizio',
+  startTime: 'Ora di inizio',
+  endDate: 'Data di fine',
+  endTime: 'Ora di fine',
   // Action bar
   cancelButtonLabel: 'Cancellare',
   clearButtonLabel: 'Sgomberare',
@@ -52,8 +51,7 @@ const itITPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Scegli la data, la data selezionata è ${utils.format(value, 'fullDate')}` : 'Scegli la data',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Scegli l'ora, l'ora selezionata è ${utils.format(value, 'fullTime')}` : "Scegli l'ora",
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Cancella valore',
   // Table labels
   timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data',
@@ -61,23 +59,21 @@ const itITPickers = {
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'GG',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'GGGG' : 'GG',
   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: 'Anno',
+  month: 'Mese',
+  day: 'Giorno',
+  weekDay: 'Giorno della settimana',
+  hours: 'Ore',
+  minutes: 'Minuti',
+  seconds: 'Secondi',
+  meridiem: 'Meridiano',
   // Common
-  // empty: 'Empty',
+  empty: 'Vuoto'
 };
 const itIT = exports.itIT = (0, _getPickersLocalization.getPickersLocalization)(itITPickers);

package/node/locales/zhHK.js

@@ -22,11 +22,10 @@ const zhHKPickers = {
   // DateRange labels
   start: '開始',
   end: '結束',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: '開始日期',
+  startTime: '開始時間',
+  endDate: '結束日期',
+  endTime: '結束時間',
   // Action bar
   cancelButtonLabel: '取消',
   clearButtonLabel: '清除',
@@ -65,19 +64,17 @@ const zhHKPickers = {
   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: '年',
+  month: '月',
+  day: '日',
+  weekDay: '星期',
+  hours: '小時',
+  minutes: '分鐘',
+  seconds: '秒',
+  meridiem: '子午線',
   // Common
-  // empty: 'Empty',
+  empty: '空值'
 };
 const zhHK = exports.zhHK = (0, _getPickersLocalization.getPickersLocalization)(zhHKPickers);

package/package.json

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