@mui/x-date-pickers 8.0.0-beta.3 → 8.1.0

package/modern/managers/useDateManager.js

@@ -1,48 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { applyDefaultDate } from "../internals/utils/date-utils.js";
-import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { validateDate } from "../validation/index.js";
-import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-export function useDateManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
-  return React.useMemo(() => ({
-    valueType: 'date',
-    validator: validateDate,
-    internal_valueManager: singleItemValueManager,
-    internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateFieldInternalProps,
-    internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
-}
-function useOpenPickerButtonAriaLabel(value) {
-  const utils = useUtils();
-  const translations = usePickerTranslations();
-  return React.useMemo(() => {
-    const formattedValue = utils.isValid(value) ? utils.format(value, 'fullDate') : null;
-    return translations.openDatePickerDialogue(formattedValue);
-  }, [value, translations, utils]);
-}
-function useApplyDefaultValuesToDateFieldInternalProps(internalProps) {
-  const utils = useUtils();
-  const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
-  return React.useMemo(() => _extends({}, internalProps, validationProps, {
-    format: internalProps.format ?? utils.formats.keyboardDate
-  }), [internalProps, validationProps, utils]);
-}
-export function useApplyDefaultValuesToDateValidationProps(props) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  return React.useMemo(() => ({
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    minDate: applyDefaultDate(utils, props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
-  }), [props.minDate, props.maxDate, props.disableFuture, props.disablePast, utils, defaultDates]);
-}

package/modern/managers/useDateTimeManager.d.ts

@@ -1,15 +0,0 @@
-import type { MakeOptional } from '@mui/x-internals/types';
-import { PickerManager, DateTimeValidationError } from "../models/index.js";
-import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
-import { AmPmProps } from "../internals/models/props/time.js";
-import { ExportedValidateDateTimeProps, ValidateDateTimeProps } from "../validation/validateDateTime.js";
-import { PickerValue } from "../internals/models/index.js";
-export declare function useDateTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
-type SharedDateTimeAndDateTimeRangeValidationProps = 'disablePast' | 'disableFuture' | 'minTime' | 'maxTime' | 'minDate' | 'maxDate';
-export declare function useApplyDefaultValuesToDateTimeValidationProps(props: Pick<ExportedValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps | 'minDateTime' | 'maxDateTime'>): Pick<ValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps>;
-export interface UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
-export {};

package/modern/managers/useDateTimeManager.js

@@ -1,53 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { applyDefaultDate } from "../internals/utils/date-utils.js";
-import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { validateDateTime } from "../validation/index.js";
-import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-export function useDateTimeManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
-  return React.useMemo(() => ({
-    valueType: 'date-time',
-    validator: validateDateTime,
-    internal_valueManager: singleItemValueManager,
-    internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
-    internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
-}
-function useOpenPickerButtonAriaLabel(value) {
-  const utils = useUtils();
-  const translations = usePickerTranslations();
-  return React.useMemo(() => {
-    const formattedValue = utils.isValid(value) ? utils.format(value, 'fullDate') : null;
-    return translations.openDatePickerDialogue(formattedValue);
-  }, [value, translations, utils]);
-}
-function useApplyDefaultValuesToDateTimeFieldInternalProps(internalProps) {
-  const utils = useUtils();
-  const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
-  const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
-  return React.useMemo(() => _extends({}, internalProps, validationProps, {
-    format: internalProps.format ?? (ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h)
-  }), [internalProps, validationProps, ampm, utils]);
-}
-export function useApplyDefaultValuesToDateTimeValidationProps(props) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  return React.useMemo(() => ({
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    // TODO: Explore if we can remove it from the public API
-    disableIgnoringDatePartForTimeValidation: !!props.minDateTime || !!props.maxDateTime || !!props.disableFuture || !!props.disablePast,
-    minDate: applyDefaultDate(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
-    minTime: props.minDateTime ?? props.minTime,
-    maxTime: props.maxDateTime ?? props.maxTime
-  }), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, utils, defaultDates]);
-}

package/modern/managers/useTimeManager.d.ts

@@ -1,15 +0,0 @@
-import type { MakeOptional } from '@mui/x-internals/types';
-import { PickerManager, TimeValidationError } from "../models/index.js";
-import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
-import { AmPmProps } from "../internals/models/props/time.js";
-import { ExportedValidateTimeProps, ValidateTimeProps } from "../validation/validateTime.js";
-import { PickerValue } from "../internals/models/index.js";
-export declare function useTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
-type SharedTimeAndTimeRangeValidationProps = 'disablePast' | 'disableFuture';
-export declare function useApplyDefaultValuesToTimeValidationProps(props: Pick<ExportedValidateTimeProps, SharedTimeAndTimeRangeValidationProps>): Pick<ValidateTimeProps, SharedTimeAndTimeRangeValidationProps>;
-export interface UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> extends AmPmProps {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
-export {};

package/modern/managers/useTimeManager.js

@@ -1,48 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { validateTime } from "../validation/index.js";
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-export function useTimeManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true,
-    ampm
-  } = parameters;
-  return React.useMemo(() => ({
-    valueType: 'time',
-    validator: validateTime,
-    internal_valueManager: singleItemValueManager,
-    internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToTimeFieldInternalProps,
-    internal_useOpenPickerButtonAriaLabel: createUseOpenPickerButtonAriaLabel(ampm)
-  }), [ampm, enableAccessibleFieldDOMStructure]);
-}
-function createUseOpenPickerButtonAriaLabel(ampm) {
-  return function useOpenPickerButtonAriaLabel(value) {
-    const utils = useUtils();
-    const translations = usePickerTranslations();
-    return React.useMemo(() => {
-      const formatKey = ampm ?? utils.is12HourCycleInCurrentLocale() ? 'fullTime12h' : 'fullTime24h';
-      const formattedValue = utils.isValid(value) ? utils.format(value, formatKey) : null;
-      return translations.openTimePickerDialogue(formattedValue);
-    }, [value, translations, utils]);
-  };
-}
-function useApplyDefaultValuesToTimeFieldInternalProps(internalProps) {
-  const utils = useUtils();
-  const validationProps = useApplyDefaultValuesToTimeValidationProps(internalProps);
-  const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
-  return React.useMemo(() => _extends({}, internalProps, validationProps, {
-    format: internalProps.format ?? (ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h)
-  }), [internalProps, validationProps, ampm, utils]);
-}
-export function useApplyDefaultValuesToTimeValidationProps(props) {
-  return React.useMemo(() => ({
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false
-  }), [props.disablePast, props.disableFuture]);
-}