@mui/x-date-pickers 7.11.0 → 7.11.1

package/AdapterDayjs/AdapterDayjs.js

@@ -6,12 +6,11 @@ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import advancedFormatPlugin from 'dayjs/plugin/advancedFormat';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 defaultDayjs.extend(localizedFormatPlugin);
 defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
 defaultDayjs.extend(advancedFormatPlugin);
-const localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
 const formatTokenMap = {
   // Year
   YY: 'year',
@@ -234,7 +233,9 @@ export class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        localeNotFoundWarning();
+        if (process.env.NODE_ENV !== 'production') {
+          warnOnce(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
+        }
         localeObject = locales.en;
       }
       return localeObject.formats;

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.11.1
+
+_Jul 25, 2024_
+
+We'd like to offer a big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Allow `Zoom` to be controllable for charts (#13858) @JCQuintas
+- 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
+- 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
+- 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.11.1`
+
+- [DataGrid] Remove dead code in internal `GridPreferencesPanel` (#13934) @k-rajat19
+- [DataGrid] Do not miss to escape formulas in CSV export (#13888) @arminmeh
+- [l10n] Add Icelandic (is-IS) locale (#13283) @magnimarels
+- [l10n] Add Norwegian nynorsk (nn-NO) locale and improve Norwegian bokmål (nb-NO) locale (#13588) @AnderzL7
+- [l10n] Improve German (de-DE) locale (#13910) @lhilgert9
+
+#### `@mui/x-data-grid-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.11.1`.
+
+#### `@mui/x-data-grid-premium@7.11.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.11.1`, plus:
+
+- [DataGridPremium] Pass the `api` object to events (#13893) @pcorpet
+- [DataGridPremium] Fix paste to selected cells (#13967) @romgrk
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.11.1`
+
+- [fields] Prevent keyboard editing when disabled (#13900) @arthurbalduini
+- [l10n] Add Norwegian Nynorsk (nn-NO) locale (#13946) @AnderzL7
+
+#### `@mui/x-date-pickers-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.11.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.11.1`
+
+- [charts] Add `ownerState` function to `slotProps` typing when available (#13965) @alexfauquette
+- [charts] Allow `Zoom` to be controllable (#13858) @JCQuintas
+- [charts] Deprecate `xAxisKey` /`zAxisKey` in favor of `xAxisId`/`zAxisId` (#13940) @alexfauquette
+- [charts] Hide empty arcs in the PieChart (#13897) @alexfauquette
+- [charts] Limit the trigger of exit charts (#13682) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.11.1`
+
+- [TreeView] Allow the plugins to enrich the props passed to the item slots (#13953) @flaviendelangle
+
+### Docs
+
+- [docs] Bump pnpm priority as a package manager (#13894) @oliviertassinari
+- [docs] Explicitly mark charts pro as not released (#13905) @alexfauquette
+- [docs] Fix dot consistency a11y table @oliviertassinari
+- [docs] Fix some typos in charts docs (#13906) @cratiu222
+- [docs] Fix spelling (#13902) @nnsW3
+- [docs] Improve error message when moving between plans (#13874) @oliviertassinari
+- [docs] Update `SparkLineChart` reference not being correctly capitalised (#13960) @duckboy81
+- [docs] Fix scroll demos disorientation (#13909) @oliviertassinari
+
+### Core
+
+- [core] Add `@mui/material-nextjs` to `MUI Core` renovate group (#13966) @LukasTy
+- [core] Remove warning message in production (#13911) @oliviertassinari
+- [code-infra] Reuse `useReactVersion` script from the monorepo (#13710) @cherniavskii
+- [infra] Adds order id validation action (#13957) @michelengelen
+- [infra] Fix order id validator action (#13971) @michelengelen
+- [infra] Fix regex in order id validation (#13976) @michelengelen
+- [infra] Issue template improvement (#13954) @michelengelen
+
 ## 7.11.0
 
 _Jul 18, 2024_

package/index.js

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

package/internals/hooks/useField/useField.js

@@ -69,7 +69,9 @@ export const useField = params => {
   }));
   const handleContainerKeyDown = useEventCallback(event => {
     onKeyDown?.(event);
-
+    if (disabled) {
+      return;
+    }
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all

package/internals/hooks/useField/useFieldV6TextField.js

@@ -47,7 +47,8 @@ export const useFieldV6TextField = params => {
       placeholder: inPlaceholder
     },
     internalProps: {
-      readOnly = false
+      readOnly = false,
+      disabled = false
     },
     parsedSelectedSections,
     activeSectionIndex,
@@ -188,7 +189,7 @@ export const useFieldV6TextField = params => {
 
     // prevent default to avoid the input `onChange` handler being called
     event.preventDefault();
-    if (readOnly) {
+    if (readOnly || disabled) {
       return;
     }
     const pastedValue = event.clipboardData.getData('text');

package/internals/hooks/useField/useFieldV7TextField.js

@@ -236,7 +236,7 @@ export const useFieldV7TextField = params => {
   const handleInputContentPaste = useEventCallback(event => {
     // prevent default to avoid the input `onInput` handler being called
     event.preventDefault();
-    if (readOnly || typeof parsedSelectedSections !== 'number') {
+    if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
       return;
     }
     const activeSection = state.sections[parsedSelectedSections];

package/internals/hooks/usePicker/usePicker.js

@@ -1,8 +1,7 @@
 import { usePickerValue } from './usePickerValue';
 import { usePickerViews } from './usePickerViews';
 import { usePickerLayoutProps } from './usePickerLayoutProps';
-import { buildWarning } from '../../utils/warning';
-const warnRenderInputIsDefined = buildWarning(['The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
+import { warnOnce } from '../../utils/warning';
 export const usePicker = ({
   props,
   valueManager,
@@ -16,7 +15,7 @@ export const usePicker = ({
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
-      warnRenderInputIsDefined();
+      warnOnce(['MUI X: The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
     }
   }
   const pickerValueResponse = usePickerValue({

package/internals/index.d.ts

@@ -59,7 +59,7 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps, } from '../DateCalendar/DayCalendar';
 export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';

package/internals/index.js

@@ -30,7 +30,7 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export { useCalendarState } from '../DateCalendar/useCalendarState';
 export { isInternalTimeView, isTimeView } from './utils/time-utils';

package/internals/utils/warning.d.ts

@@ -1,4 +1,2 @@
-export declare const buildDeprecatedPropsWarning: (message: string | string[]) => (deprecatedProps: {
-    [key: string]: any;
-}) => void;
-export declare const buildWarning: (message: string | string[], gravity?: "warning" | "error") => () => void;
+export declare function warnOnce(message: string | string[], gravity?: 'warning' | 'error'): void;
+export declare function clearWarningsCache(): void;

package/internals/utils/warning.js

@@ -1,28 +1,21 @@
-export const buildDeprecatedPropsWarning = message => {
-  let alreadyWarned = false;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+export function warnOnce(message, gravity = 'warning') {
   if (process.env.NODE_ENV === 'production') {
-    return () => {};
+    return;
   }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return deprecatedProps => {
-    const deprecatedKeys = Object.entries(deprecatedProps).filter(([, value]) => value !== undefined).map(([key]) => `- ${key}`);
-    if (!alreadyWarned && deprecatedKeys.length > 0) {
-      alreadyWarned = true;
-      console.warn([cleanMessage, 'deprecated props observed:', ...deprecatedKeys].join('\n'));
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
-export const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
-    }
-  };
-};
+  }
+}
+export function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/locales/index.d.ts

@@ -20,6 +20,7 @@ export * from './kzKZ';
 export * from './mk';
 export * from './nbNO';
 export * from './nlNL';
+export * from './nnNO';
 export * from './plPL';
 export * from './ptBR';
 export * from './roRO';

package/locales/index.js

@@ -20,6 +20,7 @@ export * from './kzKZ';
 export * from './mk';
 export * from './nbNO';
 export * from './nlNL';
+export * from './nnNO';
 export * from './plPL';
 export * from './ptBR';
 export * from './roRO';

package/locales/nnNO.d.ts

@@ -0,0 +1,80 @@
+import { TimeViewWithMeridiem } from '../internals/models';
+export declare const nnNO: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                localeText: {
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    calendarWeekNumberHeaderLabel?: string | undefined;
+                    calendarWeekNumberHeaderText?: string | undefined;
+                    calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+                    calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    startDate?: string | undefined;
+                    startTime?: string | undefined;
+                    endDate?: string | undefined;
+                    endTime?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    okButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, time: any, adapter: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers/models").MuiPickersAdapter<any, any>) => string) | undefined;
+                    fieldClearLabel?: string | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                    fieldYearPlaceholder?: ((params: {
+                        digitAmount: number;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMonthPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldDayPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldWeekDayPlaceholder?: ((params: {
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+                        format: string;
+                    }) => string) | undefined;
+                    fieldHoursPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMinutesPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldSecondsPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    fieldMeridiemPlaceholder?: ((params: {
+                        format: string;
+                    }) => string) | undefined;
+                    year?: string | undefined;
+                    month?: string | undefined;
+                    day?: string | undefined;
+                    weekDay?: string | undefined;
+                    hours?: string | undefined;
+                    minutes?: string | undefined;
+                    seconds?: string | undefined;
+                    meridiem?: string | undefined;
+                    empty?: string | undefined;
+                    datePickerToolbarTitle?: string | undefined;
+                    timePickerToolbarTitle?: string | undefined;
+                    dateTimePickerToolbarTitle?: string | undefined;
+                    dateRangePickerToolbarTitle?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/locales/nnNO.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const timeViews = {
+  hours: 'timar',
+  minutes: 'minuttar',
+  seconds: 'sekundar',
+  meridiem: 'meridiem'
+};
+const nnNOPickers = {
+  // Calendar navigation
+  previousMonth: 'Forrige månad',
+  nextMonth: 'Neste månad',
+  // View navigation
+  openPreviousView: 'Opne forrige visning',
+  openNextView: 'Opne neste visning',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er open, byt til kalendervisning' : 'kalendervisning er open, byt til årsvisning',
+  // DateRange labels
+  start: 'Start',
+  end: 'Slutt',
+  startDate: 'Startdato',
+  startTime: 'Starttid',
+  endDate: 'Sluttdato',
+  endTime: 'Slutttid',
+  // Action bar
+  cancelButtonLabel: 'Avbryt',
+  clearButtonLabel: 'Fjern',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'I dag',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Vel dato',
+  dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',
+  timePickerToolbarTitle: 'Vel klokkeslett',
+  dateRangePickerToolbarTitle: 'Vel datoperiode',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Vel ${timeViews[view]}. ${time === null ? 'Ingen tid vald' : `Vald tid er ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} timar`,
+  minutesClockNumberText: minutes => `${minutes} minuttar`,
+  secondsClockNumberText: seconds => `${seconds} sekundar`,
+  // Digital clock labels
+  selectViewText: view => `Vel ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Vekenummer',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Veke ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel dato, vald dato er ${utils.format(value, 'fullDate')}` : 'Vel dato',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel tid, vald tid er ${utils.format(value, 'fullTime')}` : 'Vel tid',
+  fieldClearLabel: 'Fjern verdi',
+  // Table labels
+  timeTableLabel: 'vel tid',
+  dateTableLabel: 'vel dato',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Å'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'År',
+  month: 'Månad',
+  day: 'Dag',
+  weekDay: 'Vekedag',
+  hours: 'Timar',
+  minutes: 'Minuttar',
+  seconds: 'Sekundar',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Tom'
+};
+export const nnNO = getPickersLocalization(nnNOPickers);

package/modern/AdapterDayjs/AdapterDayjs.js

@@ -6,12 +6,11 @@ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import advancedFormatPlugin from 'dayjs/plugin/advancedFormat';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 defaultDayjs.extend(localizedFormatPlugin);
 defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
 defaultDayjs.extend(advancedFormatPlugin);
-const localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
 const formatTokenMap = {
   // Year
   YY: 'year',
@@ -234,7 +233,9 @@ export class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        localeNotFoundWarning();
+        if (process.env.NODE_ENV !== 'production') {
+          warnOnce(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
+        }
         localeObject = locales.en;
       }
       return localeObject.formats;

package/modern/index.js

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

package/modern/internals/hooks/useField/useField.js

@@ -69,7 +69,9 @@ export const useField = params => {
   }));
   const handleContainerKeyDown = useEventCallback(event => {
     onKeyDown?.(event);
-
+    if (disabled) {
+      return;
+    }
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all

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

@@ -47,7 +47,8 @@ export const useFieldV6TextField = params => {
       placeholder: inPlaceholder
     },
     internalProps: {
-      readOnly = false
+      readOnly = false,
+      disabled = false
     },
     parsedSelectedSections,
     activeSectionIndex,
@@ -188,7 +189,7 @@ export const useFieldV6TextField = params => {
 
     // prevent default to avoid the input `onChange` handler being called
     event.preventDefault();
-    if (readOnly) {
+    if (readOnly || disabled) {
       return;
     }
     const pastedValue = event.clipboardData.getData('text');

package/modern/internals/hooks/useField/useFieldV7TextField.js

@@ -236,7 +236,7 @@ export const useFieldV7TextField = params => {
   const handleInputContentPaste = useEventCallback(event => {
     // prevent default to avoid the input `onInput` handler being called
     event.preventDefault();
-    if (readOnly || typeof parsedSelectedSections !== 'number') {
+    if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
       return;
     }
     const activeSection = state.sections[parsedSelectedSections];

package/modern/internals/hooks/usePicker/usePicker.js

@@ -1,8 +1,7 @@
 import { usePickerValue } from './usePickerValue';
 import { usePickerViews } from './usePickerViews';
 import { usePickerLayoutProps } from './usePickerLayoutProps';
-import { buildWarning } from '../../utils/warning';
-const warnRenderInputIsDefined = buildWarning(['The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
+import { warnOnce } from '../../utils/warning';
 export const usePicker = ({
   props,
   valueManager,
@@ -16,7 +15,7 @@ export const usePicker = ({
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
-      warnRenderInputIsDefined();
+      warnOnce(['MUI X: The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
     }
   }
   const pickerValueResponse = usePickerValue({

package/modern/internals/index.js

@@ -30,7 +30,7 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export { useCalendarState } from '../DateCalendar/useCalendarState';
 export { isInternalTimeView, isTimeView } from './utils/time-utils';

package/modern/internals/utils/warning.js

@@ -1,28 +1,21 @@
-export const buildDeprecatedPropsWarning = message => {
-  let alreadyWarned = false;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+export function warnOnce(message, gravity = 'warning') {
   if (process.env.NODE_ENV === 'production') {
-    return () => {};
+    return;
   }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return deprecatedProps => {
-    const deprecatedKeys = Object.entries(deprecatedProps).filter(([, value]) => value !== undefined).map(([key]) => `- ${key}`);
-    if (!alreadyWarned && deprecatedKeys.length > 0) {
-      alreadyWarned = true;
-      console.warn([cleanMessage, 'deprecated props observed:', ...deprecatedKeys].join('\n'));
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
-export const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
-    }
-  };
-};
+  }
+}
+export function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/modern/locales/index.js

@@ -20,6 +20,7 @@ export * from './kzKZ';
 export * from './mk';
 export * from './nbNO';
 export * from './nlNL';
+export * from './nnNO';
 export * from './plPL';
 export * from './ptBR';
 export * from './roRO';

package/modern/locales/nnNO.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const timeViews = {
+  hours: 'timar',
+  minutes: 'minuttar',
+  seconds: 'sekundar',
+  meridiem: 'meridiem'
+};
+const nnNOPickers = {
+  // Calendar navigation
+  previousMonth: 'Forrige månad',
+  nextMonth: 'Neste månad',
+  // View navigation
+  openPreviousView: 'Opne forrige visning',
+  openNextView: 'Opne neste visning',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er open, byt til kalendervisning' : 'kalendervisning er open, byt til årsvisning',
+  // DateRange labels
+  start: 'Start',
+  end: 'Slutt',
+  startDate: 'Startdato',
+  startTime: 'Starttid',
+  endDate: 'Sluttdato',
+  endTime: 'Slutttid',
+  // Action bar
+  cancelButtonLabel: 'Avbryt',
+  clearButtonLabel: 'Fjern',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'I dag',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Vel dato',
+  dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',
+  timePickerToolbarTitle: 'Vel klokkeslett',
+  dateRangePickerToolbarTitle: 'Vel datoperiode',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Vel ${timeViews[view]}. ${time === null ? 'Ingen tid vald' : `Vald tid er ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} timar`,
+  minutesClockNumberText: minutes => `${minutes} minuttar`,
+  secondsClockNumberText: seconds => `${seconds} sekundar`,
+  // Digital clock labels
+  selectViewText: view => `Vel ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Vekenummer',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Veke ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel dato, vald dato er ${utils.format(value, 'fullDate')}` : 'Vel dato',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel tid, vald tid er ${utils.format(value, 'fullTime')}` : 'Vel tid',
+  fieldClearLabel: 'Fjern verdi',
+  // Table labels
+  timeTableLabel: 'vel tid',
+  dateTableLabel: 'vel dato',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Å'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'År',
+  month: 'Månad',
+  day: 'Dag',
+  weekDay: 'Vekedag',
+  hours: 'Timar',
+  minutes: 'Minuttar',
+  seconds: 'Sekundar',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Tom'
+};
+export const nnNO = getPickersLocalization(nnNOPickers);

package/node/AdapterDayjs/AdapterDayjs.js

@@ -19,7 +19,6 @@ _dayjs.default.extend(_localizedFormat.default);
 _dayjs.default.extend(_weekOfYear.default);
 _dayjs.default.extend(_isBetween.default);
 _dayjs.default.extend(_advancedFormat.default);
-const localeNotFoundWarning = (0, _warning.buildWarning)(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
 const formatTokenMap = {
   // Year
   YY: 'year',
@@ -242,7 +241,9 @@ class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        localeNotFoundWarning();
+        if (process.env.NODE_ENV !== 'production') {
+          (0, _warning.warnOnce)(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
+        }
         localeObject = locales.en;
       }
       return localeObject.formats;

package/node/index.js

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

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

@@ -78,7 +78,9 @@ const useField = params => {
   }));
   const handleContainerKeyDown = (0, _useEventCallback.default)(event => {
     onKeyDown?.(event);
-
+    if (disabled) {
+      return;
+    }
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all

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

@@ -57,7 +57,8 @@ const useFieldV6TextField = params => {
       placeholder: inPlaceholder
     },
     internalProps: {
-      readOnly = false
+      readOnly = false,
+      disabled = false
     },
     parsedSelectedSections,
     activeSectionIndex,
@@ -198,7 +199,7 @@ const useFieldV6TextField = params => {
 
     // prevent default to avoid the input `onChange` handler being called
     event.preventDefault();
-    if (readOnly) {
+    if (readOnly || disabled) {
       return;
     }
     const pastedValue = event.clipboardData.getData('text');

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

@@ -245,7 +245,7 @@ const useFieldV7TextField = params => {
   const handleInputContentPaste = (0, _useEventCallback.default)(event => {
     // prevent default to avoid the input `onInput` handler being called
     event.preventDefault();
-    if (readOnly || typeof parsedSelectedSections !== 'number') {
+    if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
       return;
     }
     const activeSection = state.sections[parsedSelectedSections];

package/node/internals/hooks/usePicker/usePicker.js

@@ -8,7 +8,6 @@ var _usePickerValue = require("./usePickerValue");
 var _usePickerViews = require("./usePickerViews");
 var _usePickerLayoutProps = require("./usePickerLayoutProps");
 var _warning = require("../../utils/warning");
-const warnRenderInputIsDefined = (0, _warning.buildWarning)(['The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
 const usePicker = ({
   props,
   valueManager,
@@ -22,7 +21,7 @@ const usePicker = ({
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
-      warnRenderInputIsDefined();
+      (0, _warning.warnOnce)(['MUI X: The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
     }
   }
   const pickerValueResponse = (0, _usePickerValue.usePickerValue)({

package/node/internals/index.js

@@ -81,18 +81,6 @@ Object.defineProperty(exports, "areDatesEqual", {
     return _dateUtils.areDatesEqual;
   }
 });
-Object.defineProperty(exports, "buildDeprecatedPropsWarning", {
-  enumerable: true,
-  get: function () {
-    return _warning.buildDeprecatedPropsWarning;
-  }
-});
-Object.defineProperty(exports, "buildWarning", {
-  enumerable: true,
-  get: function () {
-    return _warning.buildWarning;
-  }
-});
 Object.defineProperty(exports, "convertFieldResponseIntoMuiTextFieldProps", {
   enumerable: true,
   get: function () {
@@ -351,6 +339,12 @@ Object.defineProperty(exports, "validateTime", {
     return _validateTime.validateTime;
   }
 });
+Object.defineProperty(exports, "warnOnce", {
+  enumerable: true,
+  get: function () {
+    return _warning.warnOnce;
+  }
+});
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickersPopper = require("./components/PickersPopper");

package/node/internals/utils/warning.js

@@ -3,34 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildWarning = exports.buildDeprecatedPropsWarning = void 0;
-const buildDeprecatedPropsWarning = message => {
-  let alreadyWarned = false;
+exports.clearWarningsCache = clearWarningsCache;
+exports.warnOnce = warnOnce;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+function warnOnce(message, gravity = 'warning') {
   if (process.env.NODE_ENV === 'production') {
-    return () => {};
+    return;
   }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return deprecatedProps => {
-    const deprecatedKeys = Object.entries(deprecatedProps).filter(([, value]) => value !== undefined).map(([key]) => `- ${key}`);
-    if (!alreadyWarned && deprecatedKeys.length > 0) {
-      alreadyWarned = true;
-      console.warn([cleanMessage, 'deprecated props observed:', ...deprecatedKeys].join('\n'));
-    }
-  };
-};
-exports.buildDeprecatedPropsWarning = buildDeprecatedPropsWarning;
-const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
-exports.buildWarning = buildWarning;
+  }
+}
+function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/node/locales/index.js

@@ -245,6 +245,17 @@ Object.keys(_nlNL).forEach(function (key) {
     }
   });
 });
+var _nnNO = require("./nnNO");
+Object.keys(_nnNO).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _nnNO[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _nnNO[key];
+    }
+  });
+});
 var _plPL = require("./plPL");
 Object.keys(_plPL).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/locales/nnNO.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nnNO = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+const timeViews = {
+  hours: 'timar',
+  minutes: 'minuttar',
+  seconds: 'sekundar',
+  meridiem: 'meridiem'
+};
+const nnNOPickers = {
+  // Calendar navigation
+  previousMonth: 'Forrige månad',
+  nextMonth: 'Neste månad',
+  // View navigation
+  openPreviousView: 'Opne forrige visning',
+  openNextView: 'Opne neste visning',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er open, byt til kalendervisning' : 'kalendervisning er open, byt til årsvisning',
+  // DateRange labels
+  start: 'Start',
+  end: 'Slutt',
+  startDate: 'Startdato',
+  startTime: 'Starttid',
+  endDate: 'Sluttdato',
+  endTime: 'Slutttid',
+  // Action bar
+  cancelButtonLabel: 'Avbryt',
+  clearButtonLabel: 'Fjern',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'I dag',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Vel dato',
+  dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',
+  timePickerToolbarTitle: 'Vel klokkeslett',
+  dateRangePickerToolbarTitle: 'Vel datoperiode',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Vel ${timeViews[view]}. ${time === null ? 'Ingen tid vald' : `Vald tid er ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} timar`,
+  minutesClockNumberText: minutes => `${minutes} minuttar`,
+  secondsClockNumberText: seconds => `${seconds} sekundar`,
+  // Digital clock labels
+  selectViewText: view => `Vel ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Vekenummer',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Veke ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel dato, vald dato er ${utils.format(value, 'fullDate')}` : 'Vel dato',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel tid, vald tid er ${utils.format(value, 'fullTime')}` : 'Vel tid',
+  fieldClearLabel: 'Fjern verdi',
+  // Table labels
+  timeTableLabel: 'vel tid',
+  dateTableLabel: 'vel dato',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Å'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'År',
+  month: 'Månad',
+  day: 'Dag',
+  weekDay: 'Vekedag',
+  hours: 'Timar',
+  minutes: 'Minuttar',
+  seconds: 'Sekundar',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Tom'
+};
+const nnNO = exports.nnNO = (0, _getPickersLocalization.getPickersLocalization)(nnNOPickers);

package/package.json

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