@mui/x-date-pickers 5.0.3 → 5.0.4

package/CHANGELOG.md

@@ -3,7 +3,67 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## v5.17.4
+## 5.17.6
+
+_Oct 6, 2022_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Japanese (ja-JP) locale to pickers (#6365) @sho918
+- 🎁 Improve support for theme augmentation in the DataGrid (#6406) @cherniavskii
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.6` / `@mui/x-data-grid-pro@v5.17.6` / `@mui/x-data-grid-premium@v5.17.6`
+
+#### Changes
+
+- [DataGrid] Add missing `valueOptions` (#6400) @DanailH
+- [DataGrid] Don't start edit mode when pressing <kbd>Shift</kbd> + <kbd>Space</kbd> (#6380) @m4theushw
+- [DataGrid] Pass generics to the components in the theme augmentation (#6406) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.4` / `@mui/x-date-pickers-pro@v5.0.4`
+
+#### Changes
+
+- [l10n] Add Japanese (ja-JP) locale to pickers (#6365) (#6382) @sho918
+- [pickers] Prevent `CalendarPicker` getting focus when `autoFocus=false` (#6304) (#6362) @alexfauquette
+- [pickers] Fix git repository location @oliviertassinari
+
+### Docs
+
+- [docs] Fix customized day rendering demo style (#6342) @Ambrish-git
+
+## 5.17.5
+
+_Sep 29, 2022_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Add theme augmentation module to DataGridPremium (#6316) @cherniavskii
+- 👀 Fix blank space when changing page with dynamic row height (#6320) @m4theushw
+- 📚 Improve controlled editing demo to make easier to reuse it (#6306) @cherniavskii
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.5` / `@mui/x-data-grid-pro@v5.17.5` / `@mui/x-data-grid-premium@v5.17.5`
+
+#### Changes
+
+- [DataGrid] Fix `GridPagination` props typing (#6295) @cherniavskii
+- [DataGrid] Fix `GridRow` not forwarding `ref` to the root element (#6303) @cherniavskii
+- [DataGrid] Fix `undefined` value being showed in filter button tooltip text (#6271) @cherniavskii
+- [DataGrid] Fix blank space when changing page with dynamic row height (#6320) @m4theushw
+- [DataGrid] Revert cell/row mode if `processRowUpdate` fails (#6319) @m4theushw
+- [DataGridPremium] Add missing `themeAugmentation` module (#6316) @cherniavskii
+
+### Docs
+
+- [docs] Pass model change callbacks in controlled grid editing demos (#6306) @cherniavskii
+
+### Core
+
+- [core] Reduce the amount of updated screenshots reported by Argos (#6310) @cherniavskii
+
+## 5.17.4
 
 _Sep 22, 2022_
 

package/CalendarPicker/CalendarPicker.js

@@ -257,8 +257,14 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
       setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
     }
   });
+  const prevOpenViewRef = React.useRef(openView);
   React.useEffect(() => {
     // Set focus to the button when switching from a view to another
+    if (prevOpenViewRef.current === openView) {
+      return;
+    }
+
+    prevOpenViewRef.current = openView;
     handleFocusedViewChange(openView)(true);
   }, [openView, handleFocusedViewChange]);
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/CalendarPicker/CalendarPicker.js

@@ -270,8 +270,14 @@ export var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicke
       }
     };
   });
+  var prevOpenViewRef = React.useRef(openView);
   React.useEffect(function () {
     // Set focus to the button when switching from a view to another
+    if (prevOpenViewRef.current === openView) {
+      return;
+    }
+
+    prevOpenViewRef.current = openView;
     handleFocusedViewChange(openView)(true);
   }, [openView, handleFocusedViewChange]);
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/locales/index.js

@@ -14,4 +14,5 @@ export * from './itIT';
 export * from './zhCN';
 export * from './koKR';
 export * from './isIS';
+export * from './jaJP';
 export * from './utils/pickersLocaleTextApi';

package/legacy/locales/jaJP.js

@@ -0,0 +1,65 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+var clockViews = {
+  hours: '時間',
+  minutes: '分',
+  seconds: '秒'
+}; // maps PickersToolbar["viewType"] to its translation
+
+var pickerViews = {
+  calendar: 'カレンダー表示',
+  clock: '時計表示'
+};
+var jaJPPickers = {
+  // Calendar navigation
+  previousMonth: '先月',
+  nextMonth: '来月',
+  // View navigation
+  openPreviousView: '前の表示を開く',
+  openNextView: '次の表示を開く',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える';
+  },
+  inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
+    return isKeyboardInputOpen ? "\u30C6\u30AD\u30B9\u30C8\u5165\u529B\u8868\u793A\u304B\u3089".concat(pickerViews[viewType], "\u306B\u5207\u308A\u66FF\u3048\u308B") : "".concat(pickerViews[viewType], "\u304B\u3089\u30C6\u30AD\u30B9\u30C8\u5165\u529B\u8868\u793A\u306B\u5207\u308A\u66FF\u3048\u308B");
+  },
+  // DateRange placeholders
+  start: '開始',
+  end: '終了',
+  // Action bar
+  cancelButtonLabel: 'キャンセル',
+  clearButtonLabel: 'クリア',
+  okButtonLabel: '確定',
+  todayButtonLabel: '今日',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: '日付を選択',
+  dateTimePickerDefaultToolbarTitle: '日時を選択',
+  timePickerDefaultToolbarTitle: '時間を選択',
+  dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    var _clockViews$view;
+
+    return "".concat((_clockViews$view = clockViews[view]) != null ? _clockViews$view : view, "\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044 ").concat(time === null ? '時間が選択されていません' : "\u9078\u629E\u3057\u305F\u6642\u9593\u306F ".concat(adapter.format(time, 'fullTime'), " \u3067\u3059"));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " ").concat(clockViews.hours);
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " ").concat(clockViews.minutes);
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " ").concat(clockViews.seconds);
+  },
+  // Open picker labels
+  openDatePickerDialogue: function openDatePickerDialogue(value, utils) {
+    return value !== null && utils.isValid(value) ? "\u65E5\u4ED8\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u9078\u629E\u3057\u305F\u65E5\u4ED8\u306F ".concat(utils.format(value, 'fullDate'), " \u3067\u3059") : '日付を選択してください';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(value, utils) {
+    return value !== null && utils.isValid(value) ? "\u6642\u9593\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u9078\u629E\u3057\u305F\u6642\u9593\u306F ".concat(utils.format(value, 'fullTime'), " \u3067\u3059") : '時間を選択してください';
+  },
+  // Table labels
+  timeTableLabel: '時間を選択',
+  dateTableLabel: '日付を選択'
+};
+export var jaJP = getPickersLocalization(jaJPPickers);

package/locales/index.d.ts

@@ -14,4 +14,5 @@ export * from './itIT';
 export * from './zhCN';
 export * from './koKR';
 export * from './isIS';
+export * from './jaJP';
 export * from './utils/pickersLocaleTextApi';

package/locales/index.js

@@ -14,4 +14,5 @@ export * from './itIT';
 export * from './zhCN';
 export * from './koKR';
 export * from './isIS';
+export * from './jaJP';
 export * from './utils/pickersLocaleTextApi';

package/locales/jaJP.d.ts

@@ -0,0 +1,35 @@
+import { CalendarPickerView } from '../internals/models';
+export declare const jaJP: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                localeText: {
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    okButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
+                    inputModeToggleButtonAriaLabel?: ((isKeyboardInputOpen: boolean, viewType: "calendar" | "clock") => string) | undefined;
+                    clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                    datePickerDefaultToolbarTitle?: string | undefined;
+                    dateTimePickerDefaultToolbarTitle?: string | undefined;
+                    timePickerDefaultToolbarTitle?: string | undefined;
+                    dateRangePickerDefaultToolbarTitle?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/locales/jaJP.js

@@ -0,0 +1,51 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+const clockViews = {
+  hours: '時間',
+  minutes: '分',
+  seconds: '秒'
+}; // maps PickersToolbar["viewType"] to its translation
+
+const pickerViews = {
+  calendar: 'カレンダー表示',
+  clock: '時計表示'
+};
+const jaJPPickers = {
+  // Calendar navigation
+  previousMonth: '先月',
+  nextMonth: '来月',
+  // View navigation
+  openPreviousView: '前の表示を開く',
+  openNextView: '次の表示を開く',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
+  // DateRange placeholders
+  start: '開始',
+  end: '終了',
+  // Action bar
+  cancelButtonLabel: 'キャンセル',
+  clearButtonLabel: 'クリア',
+  okButtonLabel: '確定',
+  todayButtonLabel: '今日',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: '日付を選択',
+  dateTimePickerDefaultToolbarTitle: '日時を選択',
+  timePickerDefaultToolbarTitle: '時間を選択',
+  dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => {
+    var _clockViews$view;
+
+    return `${(_clockViews$view = clockViews[view]) != null ? _clockViews$view : view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`;
+  },
+  hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
+  secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
+  // Table labels
+  timeTableLabel: '時間を選択',
+  dateTableLabel: '日付を選択'
+};
+export const jaJP = getPickersLocalization(jaJPPickers);

package/modern/CalendarPicker/CalendarPicker.js

@@ -257,8 +257,14 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
       setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
     }
   });
+  const prevOpenViewRef = React.useRef(openView);
   React.useEffect(() => {
     // Set focus to the button when switching from a view to another
+    if (prevOpenViewRef.current === openView) {
+      return;
+    }
+
+    prevOpenViewRef.current = openView;
     handleFocusedViewChange(openView)(true);
   }, [openView, handleFocusedViewChange]);
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/locales/index.js

@@ -14,4 +14,5 @@ export * from './itIT';
 export * from './zhCN';
 export * from './koKR';
 export * from './isIS';
+export * from './jaJP';
 export * from './utils/pickersLocaleTextApi';

package/modern/locales/jaJP.js

@@ -0,0 +1,47 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+const clockViews = {
+  hours: '時間',
+  minutes: '分',
+  seconds: '秒'
+}; // maps PickersToolbar["viewType"] to its translation
+
+const pickerViews = {
+  calendar: 'カレンダー表示',
+  clock: '時計表示'
+};
+const jaJPPickers = {
+  // Calendar navigation
+  previousMonth: '先月',
+  nextMonth: '来月',
+  // View navigation
+  openPreviousView: '前の表示を開く',
+  openNextView: '次の表示を開く',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
+  // DateRange placeholders
+  start: '開始',
+  end: '終了',
+  // Action bar
+  cancelButtonLabel: 'キャンセル',
+  clearButtonLabel: 'クリア',
+  okButtonLabel: '確定',
+  todayButtonLabel: '今日',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: '日付を選択',
+  dateTimePickerDefaultToolbarTitle: '日時を選択',
+  timePickerDefaultToolbarTitle: '時間を選択',
+  dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `${clockViews[view] ?? view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`,
+  hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
+  secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
+  // Table labels
+  timeTableLabel: '時間を選択',
+  dateTableLabel: '日付を選択'
+};
+export const jaJP = getPickersLocalization(jaJPPickers);

package/node/CalendarPicker/CalendarPicker.js

@@ -288,8 +288,14 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
       setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
     }
   });
+  const prevOpenViewRef = React.useRef(openView);
   React.useEffect(() => {
     // Set focus to the button when switching from a view to another
+    if (prevOpenViewRef.current === openView) {
+      return;
+    }
+
+    prevOpenViewRef.current = openView;
     handleFocusedViewChange(openView)(true);
   }, [openView, handleFocusedViewChange]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CalendarPickerRoot, {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.0.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locales/index.js

@@ -212,6 +212,19 @@ Object.keys(_isIS).forEach(function (key) {
   });
 });
 
+var _jaJP = require("./jaJP");
+
+Object.keys(_jaJP).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _jaJP[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _jaJP[key];
+    }
+  });
+});
+
 var _pickersLocaleTextApi = require("./utils/pickersLocaleTextApi");
 
 Object.keys(_pickersLocaleTextApi).forEach(function (key) {

package/node/locales/jaJP.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jaJP = void 0;
+
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+
+// maps ClockPickerView to its translation
+const clockViews = {
+  hours: '時間',
+  minutes: '分',
+  seconds: '秒'
+}; // maps PickersToolbar["viewType"] to its translation
+
+const pickerViews = {
+  calendar: 'カレンダー表示',
+  clock: '時計表示'
+};
+const jaJPPickers = {
+  // Calendar navigation
+  previousMonth: '先月',
+  nextMonth: '来月',
+  // View navigation
+  openPreviousView: '前の表示を開く',
+  openNextView: '次の表示を開く',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
+  // DateRange placeholders
+  start: '開始',
+  end: '終了',
+  // Action bar
+  cancelButtonLabel: 'キャンセル',
+  clearButtonLabel: 'クリア',
+  okButtonLabel: '確定',
+  todayButtonLabel: '今日',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: '日付を選択',
+  dateTimePickerDefaultToolbarTitle: '日時を選択',
+  timePickerDefaultToolbarTitle: '時間を選択',
+  dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => {
+    var _clockViews$view;
+
+    return `${(_clockViews$view = clockViews[view]) != null ? _clockViews$view : view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`;
+  },
+  hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
+  secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
+  // Table labels
+  timeTableLabel: '時間を選択',
+  dateTableLabel: '日付を選択'
+};
+const jaJP = (0, _getPickersLocalization.getPickersLocalization)(jaJPPickers);
+exports.jaJP = jaJP;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -29,7 +29,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui-org/material-ui-x.git",
+    "url": "https://github.com/mui/mui-x.git",
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {