@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.0

package/internals/hooks/useField/useField.types.d.mts

@@ -3,12 +3,12 @@ import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapte
 import { InternalPropNames } from "../../../hooks/useSplitFieldProps.mjs";
 import type { PickersSectionElement, PickersSectionListRef } from "../../../PickersSectionList/index.mjs";
 import { FormProps, InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "../../models/index.mjs";
-export interface UseFieldParameters<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
-  manager: PickerManager<TValue, TEnableAccessibleFieldDOMStructure, TError, TValidationProps, any>;
+export interface UseFieldParameters<TValue extends PickerValidValue, TError, TValidationProps extends {}, TProps extends UseFieldProps> {
+  manager: PickerManager<TValue, TError, TValidationProps, any>;
   props: TProps;
   skipContextFieldRefAssignment?: boolean;
 }
-export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends TimezoneProps, FormProps, OnErrorProps<TValue, TError> {
+export interface UseFieldInternalProps<TValue extends PickerValidValue, TError> extends TimezoneProps, FormProps, OnErrorProps<TValue, TError> {
   /**
    * The selected value.
    * Used when the component is controlled.
@@ -76,10 +76,6 @@ export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableA
    * The ref object used to imperatively interact with the field.
    */
   fieldRef?: React.Ref<FieldRef<TValue>>;
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
@@ -90,18 +86,7 @@ export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableA
    */
   focused?: boolean;
 }
-export type UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  clearable?: boolean;
-  error?: boolean;
-  placeholder?: string;
-  inputRef?: React.Ref<HTMLInputElement>;
-  onClick?: React.MouseEventHandler;
-  onFocus?: React.FocusEventHandler;
-  onKeyDown?: React.KeyboardEventHandler;
-  onBlur?: React.FocusEventHandler;
-  onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
-  onClear?: React.MouseEventHandler;
-} : {
+export interface UseFieldForwardedProps {
   clearable?: boolean;
   error?: boolean;
   focused?: boolean;
@@ -113,25 +98,12 @@ export type UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure extends bo
   onInput?: React.FormEventHandler<HTMLDivElement>;
   onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
   onClear?: React.MouseEventHandler;
-};
-type UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  /**
-   * The aria label to set on the button that opens the Picker.
-   */
-  openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: false;
-  focused: boolean | undefined;
-  inputMode: 'text' | 'numeric';
-  placeholder: string;
-  value: string;
-  onChange: React.ChangeEventHandler<HTMLInputElement>;
-  autoComplete: 'off';
-} : {
+}
+interface UseFieldAdditionalProps {
   /**
    * The aria label to set on the button that opens the Picker.
    */
   openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: true;
   elements: PickersSectionElement[];
   tabIndex: number | undefined;
   contentEditable: boolean;
@@ -139,8 +111,8 @@ type UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure extends boolean>
   onChange: React.ChangeEventHandler<HTMLInputElement>;
   areAllSectionsEmpty: boolean;
   focused: boolean;
-};
-export type UseFieldReturnValue<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> = Required<Pick<UseFieldInternalProps<any, any, any>, 'disabled' | 'readOnly' | 'autoFocus'>> & Required<UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure>> & UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure> & Omit<TProps, InternalPropNames<PickerValueType>>;
+}
+export type UseFieldReturnValue<TProps extends {}> = Required<Pick<UseFieldInternalProps<any, any>, 'disabled' | 'readOnly' | 'autoFocus'>> & Required<UseFieldForwardedProps> & UseFieldAdditionalProps & Omit<TProps, InternalPropNames<PickerValueType>>;
 export type FieldSectionValueBoundaries<SectionType extends FieldSectionType> = {
   minimum: number;
   maximum: number;
@@ -172,21 +144,12 @@ export interface FieldValueManager<TValue extends PickerValidValue> {
    */
   getSectionsFromValue: (value: TValue, getSectionsFromDate: (date: PickerValidDate | null) => FieldSection[]) => InferFieldSection<TValue>[];
   /**
-   * Creates the string value to render in the input based on the current section list.
+   * Creates the string value to render in the hidden input based on the current section list.
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @param {string} localizedDigits The conversion table from localized to 0-9 digits.
-   * @param {boolean} isRtl `true` if the current orientation is "right to left"
    * @returns {string} The string value to render in the input.
    */
-  getV6InputValueFromSections: (sections: InferFieldSection<TValue>[], localizedDigits: string[], isRtl: boolean) => string;
-  /**
-   * Creates the string value to render in the input based on the current section list.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @returns {string} The string value to render in the input.
-   */
-  getV7HiddenInputValueFromSections: (sections: InferFieldSection<TValue>[]) => string;
+  getHiddenInputValueFromSections: (sections: InferFieldSection<TValue>[]) => string;
   /**
    * Parses a string version (most of the time coming from the input).
    * This method should only be used when the change does not come from a single section.
@@ -316,9 +279,7 @@ export interface CharacterEditingQuery {
   sectionIndex: number;
   sectionType: FieldSectionType;
 }
-export type UseFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure> & {
-  enableAccessibleFieldDOMStructure?: boolean;
-};
+export type UseFieldProps = UseFieldForwardedProps;
 export interface UseFieldDOMGetters {
   isReady: () => boolean;
   getRoot: () => HTMLElement;

package/internals/hooks/useField/useField.types.d.ts

@@ -3,12 +3,12 @@ import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapte
 import { InternalPropNames } from "../../../hooks/useSplitFieldProps.js";
 import type { PickersSectionElement, PickersSectionListRef } from "../../../PickersSectionList/index.js";
 import { FormProps, InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "../../models/index.js";
-export interface UseFieldParameters<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
-  manager: PickerManager<TValue, TEnableAccessibleFieldDOMStructure, TError, TValidationProps, any>;
+export interface UseFieldParameters<TValue extends PickerValidValue, TError, TValidationProps extends {}, TProps extends UseFieldProps> {
+  manager: PickerManager<TValue, TError, TValidationProps, any>;
   props: TProps;
   skipContextFieldRefAssignment?: boolean;
 }
-export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends TimezoneProps, FormProps, OnErrorProps<TValue, TError> {
+export interface UseFieldInternalProps<TValue extends PickerValidValue, TError> extends TimezoneProps, FormProps, OnErrorProps<TValue, TError> {
   /**
    * The selected value.
    * Used when the component is controlled.
@@ -76,10 +76,6 @@ export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableA
    * The ref object used to imperatively interact with the field.
    */
   fieldRef?: React.Ref<FieldRef<TValue>>;
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
   /**
    * If `true`, the `input` element is focused during the first mount.
    * @default false
@@ -90,18 +86,7 @@ export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableA
    */
   focused?: boolean;
 }
-export type UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  clearable?: boolean;
-  error?: boolean;
-  placeholder?: string;
-  inputRef?: React.Ref<HTMLInputElement>;
-  onClick?: React.MouseEventHandler;
-  onFocus?: React.FocusEventHandler;
-  onKeyDown?: React.KeyboardEventHandler;
-  onBlur?: React.FocusEventHandler;
-  onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
-  onClear?: React.MouseEventHandler;
-} : {
+export interface UseFieldForwardedProps {
   clearable?: boolean;
   error?: boolean;
   focused?: boolean;
@@ -113,25 +98,12 @@ export type UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure extends bo
   onInput?: React.FormEventHandler<HTMLDivElement>;
   onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
   onClear?: React.MouseEventHandler;
-};
-type UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  /**
-   * The aria label to set on the button that opens the Picker.
-   */
-  openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: false;
-  focused: boolean | undefined;
-  inputMode: 'text' | 'numeric';
-  placeholder: string;
-  value: string;
-  onChange: React.ChangeEventHandler<HTMLInputElement>;
-  autoComplete: 'off';
-} : {
+}
+interface UseFieldAdditionalProps {
   /**
    * The aria label to set on the button that opens the Picker.
    */
   openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: true;
   elements: PickersSectionElement[];
   tabIndex: number | undefined;
   contentEditable: boolean;
@@ -139,8 +111,8 @@ type UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure extends boolean>
   onChange: React.ChangeEventHandler<HTMLInputElement>;
   areAllSectionsEmpty: boolean;
   focused: boolean;
-};
-export type UseFieldReturnValue<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> = Required<Pick<UseFieldInternalProps<any, any, any>, 'disabled' | 'readOnly' | 'autoFocus'>> & Required<UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure>> & UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure> & Omit<TProps, InternalPropNames<PickerValueType>>;
+}
+export type UseFieldReturnValue<TProps extends {}> = Required<Pick<UseFieldInternalProps<any, any>, 'disabled' | 'readOnly' | 'autoFocus'>> & Required<UseFieldForwardedProps> & UseFieldAdditionalProps & Omit<TProps, InternalPropNames<PickerValueType>>;
 export type FieldSectionValueBoundaries<SectionType extends FieldSectionType> = {
   minimum: number;
   maximum: number;
@@ -172,21 +144,12 @@ export interface FieldValueManager<TValue extends PickerValidValue> {
    */
   getSectionsFromValue: (value: TValue, getSectionsFromDate: (date: PickerValidDate | null) => FieldSection[]) => InferFieldSection<TValue>[];
   /**
-   * Creates the string value to render in the input based on the current section list.
+   * Creates the string value to render in the hidden input based on the current section list.
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @param {string} localizedDigits The conversion table from localized to 0-9 digits.
-   * @param {boolean} isRtl `true` if the current orientation is "right to left"
    * @returns {string} The string value to render in the input.
    */
-  getV6InputValueFromSections: (sections: InferFieldSection<TValue>[], localizedDigits: string[], isRtl: boolean) => string;
-  /**
-   * Creates the string value to render in the input based on the current section list.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @returns {string} The string value to render in the input.
-   */
-  getV7HiddenInputValueFromSections: (sections: InferFieldSection<TValue>[]) => string;
+  getHiddenInputValueFromSections: (sections: InferFieldSection<TValue>[]) => string;
   /**
    * Parses a string version (most of the time coming from the input).
    * This method should only be used when the change does not come from a single section.
@@ -316,9 +279,7 @@ export interface CharacterEditingQuery {
   sectionIndex: number;
   sectionType: FieldSectionType;
 }
-export type UseFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure> & {
-  enableAccessibleFieldDOMStructure?: boolean;
-};
+export type UseFieldProps = UseFieldForwardedProps;
 export interface UseFieldDOMGetters {
   isReady: () => boolean;
   getRoot: () => HTMLElement;

package/internals/hooks/useField/useField.utils.d.mts

@@ -26,11 +26,10 @@ export declare const doesSectionFormatHaveLeadingZeros: (adapter: MuiPickersAdap
  * To make sure that the parsing works, we are building a format and a date without any separator.
  */
 export declare const getDateFromDateSections: (adapter: MuiPickersAdapter, sections: FieldSection[], localizedDigits: string[]) => PickerValidDate;
-export declare const createDateStrForV7HiddenInputFromSections: (sections: FieldSection[]) => string;
-export declare const createDateStrForV6InputFromSections: (sections: FieldSection[], localizedDigits: string[], isRtl: boolean) => string;
+export declare const createDateStrForHiddenInputFromSections: (sections: FieldSection[]) => string;
 export declare const getSectionsBoundaries: (adapter: MuiPickersAdapter, localizedDigits: string[], timezone: PickersTimezone) => FieldSectionsValueBoundaries;
 export declare const validateSections: <TValue extends PickerValidValue>(sections: InferFieldSection<TValue>[], valueType: PickerValueType) => void;
 export declare const mergeDateIntoReferenceDate: (adapter: MuiPickersAdapter, dateToTransferFrom: PickerValidDate, sections: FieldSection[], referenceDate: PickerValidDate, shouldLimitToEditedSections: boolean) => PickerValidDate;
 export declare const isAndroid: () => boolean;
-export declare const getSectionOrder: (sections: FieldSection[], shouldApplyRTL: boolean) => SectionOrdering;
+export declare const getSectionOrder: (sections: FieldSection[]) => SectionOrdering;
 export declare const parseSelectedSections: (selectedSections: FieldSelectedSections, sections: FieldSection[]) => FieldParsedSelectedSections;

package/internals/hooks/useField/useField.utils.d.ts

@@ -26,11 +26,10 @@ export declare const doesSectionFormatHaveLeadingZeros: (adapter: MuiPickersAdap
  * To make sure that the parsing works, we are building a format and a date without any separator.
  */
 export declare const getDateFromDateSections: (adapter: MuiPickersAdapter, sections: FieldSection[], localizedDigits: string[]) => PickerValidDate;
-export declare const createDateStrForV7HiddenInputFromSections: (sections: FieldSection[]) => string;
-export declare const createDateStrForV6InputFromSections: (sections: FieldSection[], localizedDigits: string[], isRtl: boolean) => string;
+export declare const createDateStrForHiddenInputFromSections: (sections: FieldSection[]) => string;
 export declare const getSectionsBoundaries: (adapter: MuiPickersAdapter, localizedDigits: string[], timezone: PickersTimezone) => FieldSectionsValueBoundaries;
 export declare const validateSections: <TValue extends PickerValidValue>(sections: InferFieldSection<TValue>[], valueType: PickerValueType) => void;
 export declare const mergeDateIntoReferenceDate: (adapter: MuiPickersAdapter, dateToTransferFrom: PickerValidDate, sections: FieldSection[], referenceDate: PickerValidDate, shouldLimitToEditedSections: boolean) => PickerValidDate;
 export declare const isAndroid: () => boolean;
-export declare const getSectionOrder: (sections: FieldSection[], shouldApplyRTL: boolean) => SectionOrdering;
+export declare const getSectionOrder: (sections: FieldSection[]) => SectionOrdering;
 export declare const parseSelectedSections: (selectedSections: FieldSelectedSections, sections: FieldSection[]) => FieldParsedSelectedSections;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForV7HiddenInputFromSections = exports.createDateStrForV6InputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = void 0;
+exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForHiddenInputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = void 0;
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _dateUtils = require("../../utils/date-utils");
 const getDateSectionConfigFromFormatToken = (adapter, formatToken) => {
@@ -242,28 +242,10 @@ const getDateFromDateSections = (adapter, sections, localizedDigits) => {
   return adapter.parse(dateWithoutSeparatorStr, formatWithoutSeparator);
 };
 exports.getDateFromDateSections = getDateFromDateSections;
-const createDateStrForV7HiddenInputFromSections = sections => sections.map(section => {
+const createDateStrForHiddenInputFromSections = sections => sections.map(section => {
   return `${section.startSeparator}${section.value || section.placeholder}${section.endSeparator}`;
 }).join('');
-exports.createDateStrForV7HiddenInputFromSections = createDateStrForV7HiddenInputFromSections;
-const createDateStrForV6InputFromSections = (sections, localizedDigits, isRtl) => {
-  const formattedSections = sections.map(section => {
-    const dateValue = getSectionVisibleValue(section, isRtl ? 'input-rtl' : 'input-ltr', localizedDigits);
-    return `${section.startSeparator}${dateValue}${section.endSeparator}`;
-  });
-  const dateStr = formattedSections.join('');
-  if (!isRtl) {
-    return dateStr;
-  }
-
-  // \u2066: start left-to-right isolation
-  // \u2067: start right-to-left isolation
-  // \u2068: start first strong character isolation
-  // \u2069: pop isolation
-  // wrap into an isolated group such that separators can split the string in smaller ones by adding \u2069\u2068
-  return `\u2066${dateStr}\u2069`;
-};
-exports.createDateStrForV6InputFromSections = createDateStrForV6InputFromSections;
+exports.createDateStrForHiddenInputFromSections = createDateStrForHiddenInputFromSections;
 const getSectionsBoundaries = (adapter, localizedDigits, timezone) => {
   const today = adapter.date(undefined, timezone);
   const endOfYear = adapter.endOfYear(today);
@@ -453,51 +435,12 @@ const mergeDateIntoReferenceDate = (adapter, dateToTransferFrom, sections, refer
 }, referenceDate);
 exports.mergeDateIntoReferenceDate = mergeDateIntoReferenceDate;
 const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
-
-// TODO v9: Remove
 exports.isAndroid = isAndroid;
-const getSectionOrder = (sections, shouldApplyRTL) => {
+const getSectionOrder = sections => {
   const neighbors = {};
-  if (!shouldApplyRTL) {
-    sections.forEach((_, index) => {
-      const leftIndex = index === 0 ? null : index - 1;
-      const rightIndex = index === sections.length - 1 ? null : index + 1;
-      neighbors[index] = {
-        leftIndex,
-        rightIndex
-      };
-    });
-    return {
-      neighbors,
-      startIndex: 0,
-      endIndex: sections.length - 1
-    };
-  }
-  const rtl2ltr = {};
-  const ltr2rtl = {};
-  let groupedSectionsStart = 0;
-  let groupedSectionsEnd = 0;
-  let RTLIndex = sections.length - 1;
-  while (RTLIndex >= 0) {
-    groupedSectionsEnd = sections.findIndex(
-    // eslint-disable-next-line @typescript-eslint/no-loop-func
-    (section, index) => index >= groupedSectionsStart && section.endSeparator?.includes(' ') &&
-    // Special case where the spaces were not there in the initial input
-    section.endSeparator !== ' / ');
-    if (groupedSectionsEnd === -1) {
-      groupedSectionsEnd = sections.length - 1;
-    }
-    for (let i = groupedSectionsEnd; i >= groupedSectionsStart; i -= 1) {
-      ltr2rtl[i] = RTLIndex;
-      rtl2ltr[RTLIndex] = i;
-      RTLIndex -= 1;
-    }
-    groupedSectionsStart = groupedSectionsEnd + 1;
-  }
   sections.forEach((_, index) => {
-    const rtlIndex = ltr2rtl[index];
-    const leftIndex = rtlIndex === 0 ? null : rtl2ltr[rtlIndex - 1];
-    const rightIndex = rtlIndex === sections.length - 1 ? null : rtl2ltr[rtlIndex + 1];
+    const leftIndex = index === 0 ? null : index - 1;
+    const rightIndex = index === sections.length - 1 ? null : index + 1;
     neighbors[index] = {
       leftIndex,
       rightIndex
@@ -505,8 +448,8 @@ const getSectionOrder = (sections, shouldApplyRTL) => {
   });
   return {
     neighbors,
-    startIndex: rtl2ltr[0],
-    endIndex: rtl2ltr[sections.length - 1]
+    startIndex: 0,
+    endIndex: sections.length - 1
   };
 };
 exports.getSectionOrder = getSectionOrder;

package/internals/hooks/useField/useField.utils.mjs

@@ -222,26 +222,9 @@ export const getDateFromDateSections = (adapter, sections, localizedDigits) => {
   const dateWithoutSeparatorStr = sectionValues.join(' ');
   return adapter.parse(dateWithoutSeparatorStr, formatWithoutSeparator);
 };
-export const createDateStrForV7HiddenInputFromSections = sections => sections.map(section => {
+export const createDateStrForHiddenInputFromSections = sections => sections.map(section => {
   return `${section.startSeparator}${section.value || section.placeholder}${section.endSeparator}`;
 }).join('');
-export const createDateStrForV6InputFromSections = (sections, localizedDigits, isRtl) => {
-  const formattedSections = sections.map(section => {
-    const dateValue = getSectionVisibleValue(section, isRtl ? 'input-rtl' : 'input-ltr', localizedDigits);
-    return `${section.startSeparator}${dateValue}${section.endSeparator}`;
-  });
-  const dateStr = formattedSections.join('');
-  if (!isRtl) {
-    return dateStr;
-  }
-
-  // \u2066: start left-to-right isolation
-  // \u2067: start right-to-left isolation
-  // \u2068: start first strong character isolation
-  // \u2069: pop isolation
-  // wrap into an isolated group such that separators can split the string in smaller ones by adding \u2069\u2068
-  return `\u2066${dateStr}\u2069`;
-};
 export const getSectionsBoundaries = (adapter, localizedDigits, timezone) => {
   const today = adapter.date(undefined, timezone);
   const endOfYear = adapter.endOfYear(today);
@@ -428,50 +411,11 @@ export const mergeDateIntoReferenceDate = (adapter, dateToTransferFrom, sections
   return mergedDate;
 }, referenceDate);
 export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
-
-// TODO v9: Remove
-export const getSectionOrder = (sections, shouldApplyRTL) => {
+export const getSectionOrder = sections => {
   const neighbors = {};
-  if (!shouldApplyRTL) {
-    sections.forEach((_, index) => {
-      const leftIndex = index === 0 ? null : index - 1;
-      const rightIndex = index === sections.length - 1 ? null : index + 1;
-      neighbors[index] = {
-        leftIndex,
-        rightIndex
-      };
-    });
-    return {
-      neighbors,
-      startIndex: 0,
-      endIndex: sections.length - 1
-    };
-  }
-  const rtl2ltr = {};
-  const ltr2rtl = {};
-  let groupedSectionsStart = 0;
-  let groupedSectionsEnd = 0;
-  let RTLIndex = sections.length - 1;
-  while (RTLIndex >= 0) {
-    groupedSectionsEnd = sections.findIndex(
-    // eslint-disable-next-line @typescript-eslint/no-loop-func
-    (section, index) => index >= groupedSectionsStart && section.endSeparator?.includes(' ') &&
-    // Special case where the spaces were not there in the initial input
-    section.endSeparator !== ' / ');
-    if (groupedSectionsEnd === -1) {
-      groupedSectionsEnd = sections.length - 1;
-    }
-    for (let i = groupedSectionsEnd; i >= groupedSectionsStart; i -= 1) {
-      ltr2rtl[i] = RTLIndex;
-      rtl2ltr[RTLIndex] = i;
-      RTLIndex -= 1;
-    }
-    groupedSectionsStart = groupedSectionsEnd + 1;
-  }
   sections.forEach((_, index) => {
-    const rtlIndex = ltr2rtl[index];
-    const leftIndex = rtlIndex === 0 ? null : rtl2ltr[rtlIndex - 1];
-    const rightIndex = rtlIndex === sections.length - 1 ? null : rtl2ltr[rtlIndex + 1];
+    const leftIndex = index === 0 ? null : index - 1;
+    const rightIndex = index === sections.length - 1 ? null : index + 1;
     neighbors[index] = {
       leftIndex,
       rightIndex
@@ -479,8 +423,8 @@ export const getSectionOrder = (sections, shouldApplyRTL) => {
   });
   return {
     neighbors,
-    startIndex: rtl2ltr[0],
-    endIndex: rtl2ltr[sections.length - 1]
+    startIndex: 0,
+    endIndex: sections.length - 1
   };
 };
 export const parseSelectedSections = (selectedSections, sections) => {

package/internals/hooks/useField/useFieldHiddenInputProps.d.mts

@@ -1,16 +1,14 @@
 import * as React from 'react';
-import { PickerManager } from "../../../models/index.mjs";
+import { PickerAnyManager } from "../../models/manager.mjs";
 import { UseFieldStateReturnValue } from "./useFieldState.mjs";
 /**
  * Generate the props to pass to the hidden input element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldHiddenInputPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldHiddenInputPropsReturnValue} The props to forward to the hidden input element of the field.
  */
 export declare function useFieldHiddenInputProps(parameters: UseFieldHiddenInputPropsParameters): UseFieldHiddenInputPropsReturnValue;
 interface UseFieldHiddenInputPropsParameters {
-  manager: PickerManager<any, any, any, any, any>;
+  manager: PickerAnyManager;
   stateResponse: UseFieldStateReturnValue<any>;
 }
 interface UseFieldHiddenInputPropsReturnValue {

package/internals/hooks/useField/useFieldHiddenInputProps.d.ts

@@ -1,16 +1,14 @@
 import * as React from 'react';
-import { PickerManager } from "../../../models/index.js";
+import { PickerAnyManager } from "../../models/manager.js";
 import { UseFieldStateReturnValue } from "./useFieldState.js";
 /**
  * Generate the props to pass to the hidden input element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldHiddenInputPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldHiddenInputPropsReturnValue} The props to forward to the hidden input element of the field.
  */
 export declare function useFieldHiddenInputProps(parameters: UseFieldHiddenInputPropsParameters): UseFieldHiddenInputPropsReturnValue;
 interface UseFieldHiddenInputPropsParameters {
-  manager: PickerManager<any, any, any, any, any>;
+  manager: PickerAnyManager;
   stateResponse: UseFieldStateReturnValue<any>;
 }
 interface UseFieldHiddenInputPropsReturnValue {

package/internals/hooks/useField/useFieldHiddenInputProps.js

@@ -10,8 +10,6 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 /**
  * Generate the props to pass to the hidden input element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldHiddenInputPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldHiddenInputPropsReturnValue} The props to forward to the hidden input element of the field.
  */
@@ -31,7 +29,7 @@ function useFieldHiddenInputProps(parameters) {
   const handleChange = (0, _useEventCallback.default)(event => {
     updateValueFromValueStr(event.target.value);
   });
-  const valueStr = React.useMemo(() => areAllSectionsEmpty ? '' : fieldValueManager.getV7HiddenInputValueFromSections(state.sections), [areAllSectionsEmpty, state.sections, fieldValueManager]);
+  const valueStr = React.useMemo(() => areAllSectionsEmpty ? '' : fieldValueManager.getHiddenInputValueFromSections(state.sections), [areAllSectionsEmpty, state.sections, fieldValueManager]);
   return {
     value: valueStr,
     onChange: handleChange

package/internals/hooks/useField/useFieldHiddenInputProps.mjs

@@ -2,8 +2,6 @@ import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 /**
  * Generate the props to pass to the hidden input element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldHiddenInputPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldHiddenInputPropsReturnValue} The props to forward to the hidden input element of the field.
  */
@@ -23,7 +21,7 @@ export function useFieldHiddenInputProps(parameters) {
   const handleChange = useEventCallback(event => {
     updateValueFromValueStr(event.target.value);
   });
-  const valueStr = React.useMemo(() => areAllSectionsEmpty ? '' : fieldValueManager.getV7HiddenInputValueFromSections(state.sections), [areAllSectionsEmpty, state.sections, fieldValueManager]);
+  const valueStr = React.useMemo(() => areAllSectionsEmpty ? '' : fieldValueManager.getHiddenInputValueFromSections(state.sections), [areAllSectionsEmpty, state.sections, fieldValueManager]);
   return {
     value: valueStr,
     onChange: handleChange

package/internals/hooks/useField/useFieldInternalPropsWithDefaults.js

@@ -48,7 +48,6 @@ function useFieldInternalPropsWithDefaults(parameters) {
         focused: pickerContext.open ? true : undefined,
         format: pickerContext.fieldFormat,
         formatDensity: fieldPrivateContext.formatDensity,
-        enableAccessibleFieldDOMStructure: fieldPrivateContext.enableAccessibleFieldDOMStructure,
         selectedSections: fieldPrivateContext.selectedSections,
         onSelectedSectionsChange: fieldPrivateContext.onSelectedSectionsChange,
         fieldRef: handleFieldRef

package/internals/hooks/useField/useFieldInternalPropsWithDefaults.mjs

@@ -41,7 +41,6 @@ export function useFieldInternalPropsWithDefaults(parameters) {
         focused: pickerContext.open ? true : undefined,
         format: pickerContext.fieldFormat,
         formatDensity: fieldPrivateContext.formatDensity,
-        enableAccessibleFieldDOMStructure: fieldPrivateContext.enableAccessibleFieldDOMStructure,
         selectedSections: fieldPrivateContext.selectedSections,
         onSelectedSectionsChange: fieldPrivateContext.onSelectedSectionsChange,
         fieldRef: handleFieldRef

package/internals/hooks/useField/useFieldRootProps.d.mts

@@ -1,20 +1,20 @@
-import { PickerManager } from "../../../models/index.mjs";
 import { UseFieldDOMGetters, UseFieldInternalProps } from "./useField.types.mjs";
 import { UseFieldStateReturnValue } from "./useFieldState.mjs";
 import { UseFieldCharacterEditingReturnValue } from "./useFieldCharacterEditing.mjs";
+import { PickerAnyManager } from "../../models/index.mjs";
 /**
  * Generate the props to pass to the root element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldRootPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldRootPropsReturnValue} The props to forward to the root element of the field.
  */
 export declare function useFieldRootProps(parameters: UseFieldRootPropsParameters): UseFieldRootPropsReturnValue;
 interface UseFieldRootPropsParameters {
-  manager: PickerManager<any, any, any, any, any>;
+  manager: PickerAnyManager;
   stateResponse: UseFieldStateReturnValue<any>;
   applyCharacterEditing: UseFieldCharacterEditingReturnValue;
-  internalPropsWithDefaults: UseFieldInternalProps<any, any, any>;
+  internalPropsWithDefaults: UseFieldInternalProps<any, any> & {
+    minutesStep?: number;
+  };
   domGetters: UseFieldDOMGetters;
   focused: boolean;
   setFocused: (focused: boolean) => void;

package/internals/hooks/useField/useFieldRootProps.d.ts

@@ -1,20 +1,20 @@
-import { PickerManager } from "../../../models/index.js";
 import { UseFieldDOMGetters, UseFieldInternalProps } from "./useField.types.js";
 import { UseFieldStateReturnValue } from "./useFieldState.js";
 import { UseFieldCharacterEditingReturnValue } from "./useFieldCharacterEditing.js";
+import { PickerAnyManager } from "../../models/index.js";
 /**
  * Generate the props to pass to the root element of the field.
- * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
- * It should be used in the MUI accessible DOM structure and the Base UI implementation.
  * @param {UseFieldRootPropsParameters} parameters The parameters of the hook.
  * @returns {UseFieldRootPropsReturnValue} The props to forward to the root element of the field.
  */
 export declare function useFieldRootProps(parameters: UseFieldRootPropsParameters): UseFieldRootPropsReturnValue;
 interface UseFieldRootPropsParameters {
-  manager: PickerManager<any, any, any, any, any>;
+  manager: PickerAnyManager;
   stateResponse: UseFieldStateReturnValue<any>;
   applyCharacterEditing: UseFieldCharacterEditingReturnValue;
-  internalPropsWithDefaults: UseFieldInternalProps<any, any, any>;
+  internalPropsWithDefaults: UseFieldInternalProps<any, any> & {
+    minutesStep?: number;
+  };
   domGetters: UseFieldDOMGetters;
   focused: boolean;
   setFocused: (focused: boolean) => void;