@mui/x-date-pickers-pro 8.0.0-alpha.7 → 8.0.0-alpha.9

package/themeAugmentation/props.d.ts

@@ -1,14 +1,14 @@
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
-import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField/MultiInputDateRangeField.types';
-import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField/SingleInputDateRangeField.types';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 import { DateRangePickerProps } from '../DateRangePicker';
 import { ExportedDateRangePickerToolbarProps } from '../DateRangePicker/DateRangePickerToolbar';
 import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
 import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
 import { StaticDateRangePickerProps } from '../StaticDateRangePicker';
+import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField';
 import { MultiInputDateTimeRangeFieldProps } from '../MultiInputDateTimeRangeField';
 import { MultiInputTimeRangeFieldProps } from '../MultiInputTimeRangeField';
+import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField';
 import { SingleInputDateTimeRangeFieldProps } from '../SingleInputDateTimeRangeField';
 import { SingleInputTimeRangeFieldProps } from '../SingleInputTimeRangeField';
 import { DateTimeRangePickerProps } from '../DateTimeRangePicker';

package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import type { TypographyProps } from '@mui/material/Typography';
-import type { StackProps } from '@mui/material/Stack';
-import type { TextFieldProps } from '@mui/material/TextField';
-import { FieldOwnerState } from '@mui/x-date-pickers/models';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition, UseDateRangeFieldProps } from '../models';
-export type UseMultiInputDateRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputDateRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputDateRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MultiInputDateRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputDateRangeFieldSlotProps;
-}
-export interface MultiInputDateRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputDateRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a date.
-     * It is rendered twice: once for the start date and once for the end date.
-     * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputDateRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputDateRangeFieldSlotProps {
-    root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-    textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
-}

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import type { TypographyProps } from '@mui/material/Typography';
-import type { StackProps } from '@mui/material/Stack';
-import type { TextFieldProps } from '@mui/material/TextField';
-import { FieldOwnerState } from '@mui/x-date-pickers/models';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
-import { UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition } from '../models';
-export type UseMultiInputDateTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputDateTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputDateTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MultiInputDateTimeRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputDateTimeRangeFieldSlotProps;
-}
-export interface MultiInputDateTimeRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputDateTimeRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a date and time.
-     * It is rendered twice: once for the start date time and once for the end date time.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputDateTimeRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputDateTimeRangeFieldSlotProps {
-    root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-    textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
-}

package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import type { TypographyProps } from '@mui/material/Typography';
-import type { StackProps } from '@mui/material/Stack';
-import type { TextFieldProps } from '@mui/material/TextField';
-import { FieldOwnerState } from '@mui/x-date-pickers/models';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
-import { UseTimeRangeFieldProps } from '../internals/models/timeRange';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition } from '../models';
-export type UseMultiInputTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable slots.
-     * @default {}
-     */
-    slots?: MultiInputTimeRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputTimeRangeFieldSlotProps;
-}
-export interface MultiInputTimeRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputTimeRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a time.
-     * It is rendered twice: once for the start time and once for the end time.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputTimeRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputTimeRangeFieldSlotProps {
-    root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-    textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
-}

package/internals/hooks/useMultiInputRangeField/shared.d.ts

@@ -1 +0,0 @@
-export declare const excludeProps: <TProps extends {}>(props: TProps, excludedProps: Array<keyof TProps>) => TProps;

package/internals/hooks/useMultiInputRangeField/shared.js

@@ -1,9 +0,0 @@
-/* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-export const excludeProps = (props, excludedProps) => {
-  return Object.keys(props).reduce((acc, key) => {
-    if (!excludedProps.includes(key)) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {});
-};

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts

@@ -1,3 +0,0 @@
-import { UseMultiInputDateRangeFieldParams } from '../../../MultiInputDateRangeField/MultiInputDateRangeField.types';
-import type { UseMultiInputRangeFieldResponse } from './useMultiInputRangeField.types';
-export declare const useMultiInputDateRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}>({ sharedProps, startTextFieldProps, unstableStartFieldRef, endTextFieldProps, unstableEndFieldRef, }: UseMultiInputDateRangeFieldParams<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>) => UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>;

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,118 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
-import { useControlledValueWithTimezone, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateDateRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-import { useDateRangeManager } from "../../../managers/index.js";
-export const useMultiInputDateRangeField = ({
-  sharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const manager = useDateRangeManager(sharedProps);
-  const sharedPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps: sharedProps
-  });
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedPropsWithDefaults;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedPropsWithDefaults,
-    value,
-    timezone,
-    validator: validateDateRange,
-    onError: sharedPropsWithDefaults.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useDateField(startFieldProps);
-  const endDateResponse = useDateField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts

@@ -1,3 +0,0 @@
-import { UseMultiInputDateTimeRangeFieldParams } from '../../../MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types';
-import type { UseMultiInputRangeFieldResponse } from './useMultiInputRangeField.types';
-export declare const useMultiInputDateTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}>({ sharedProps, startTextFieldProps, unstableStartFieldRef, endTextFieldProps, unstableEndFieldRef, }: UseMultiInputDateTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>) => UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>;

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,118 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useDateTimeField as useDateTimeField } from '@mui/x-date-pickers/DateTimeField';
-import { useControlledValueWithTimezone, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateDateTimeRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-import { useDateTimeRangeManager } from "../../../managers/index.js";
-export const useMultiInputDateTimeRangeField = ({
-  sharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const manager = useDateTimeRangeManager(sharedProps);
-  const sharedPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps: sharedProps
-  });
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedPropsWithDefaults;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateTimeRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedPropsWithDefaults,
-    value,
-    timezone,
-    validator: validateDateTimeRange,
-    onError: sharedPropsWithDefaults.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useDateTimeField(startFieldProps);
-  const endDateResponse = useDateTimeField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

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

@@ -1,11 +0,0 @@
-import { UseFieldResponse } from '@mui/x-date-pickers/internals';
-import { MultiInputFieldRefs } from '../../../models';
-export interface UseMultiInputRangeFieldParams<TSharedProps extends {}, TTextFieldSlotProps extends {}> extends MultiInputFieldRefs {
-    sharedProps: TSharedProps;
-    startTextFieldProps: TTextFieldSlotProps;
-    endTextFieldProps: TTextFieldSlotProps;
-}
-export interface UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends {}> {
-    startDate: UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps>;
-    endDate: UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps>;
-}

package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts

@@ -1,3 +0,0 @@
-import { UseMultiInputTimeRangeFieldParams } from '../../../MultiInputTimeRangeField/MultiInputTimeRangeField.types';
-import type { UseMultiInputRangeFieldResponse } from './useMultiInputRangeField.types';
-export declare const useMultiInputTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}>({ sharedProps, startTextFieldProps, unstableStartFieldRef, endTextFieldProps, unstableEndFieldRef, }: UseMultiInputTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>) => UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>;

package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -1,118 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useTimeField as useTimeField } from '@mui/x-date-pickers/TimeField';
-import { useControlledValueWithTimezone, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateTimeRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-import { useTimeRangeManager } from "../../../managers/index.js";
-export const useMultiInputTimeRangeField = ({
-  sharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const manager = useTimeRangeManager(sharedProps);
-  const sharedPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps: sharedProps
-  });
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedPropsWithDefaults;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputTimeRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    onChange,
-    valueManager: rangeValueManager,
-    referenceDate
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedPropsWithDefaults,
-    value,
-    timezone,
-    validator: validateTimeRange,
-    onError: sharedPropsWithDefaults.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useTimeField(startFieldProps);
-  const endDateResponse = useTimeField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/internals/models/timeRange.d.ts

@@ -1,6 +0,0 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { UseFieldInternalProps, AmPmProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { TimeRangeValidationError, RangeFieldSeparatorProps } from '../../models';
-import type { ExportedValidateTimeRangeProps } from '../../validation/validateTimeRange';
-export interface UseTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<Omit<UseFieldInternalProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure, TimeRangeValidationError>, 'unstableFieldRef'>, 'format'>, RangeFieldSeparatorProps, ExportedValidateTimeRangeProps, AmPmProps {
-}

package/internals/models/timeRange.js

@@ -1 +0,0 @@
-export {};

package/models/dateRange.d.ts

@@ -1,7 +0,0 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { PickerRangeValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { RangeFieldSeparatorProps } from './fields';
-import { DateRangeValidationError } from './validation';
-import type { ExportedValidateDateRangeProps } from '../validation/validateDateRange';
-export interface UseDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<Omit<UseFieldInternalProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure, DateRangeValidationError>, 'unstableFieldRef'>, 'format'>, RangeFieldSeparatorProps, ExportedValidateDateRangeProps {
-}

package/models/dateRange.js

@@ -1 +0,0 @@
-export {};

package/models/multiInputRangeFieldClasses.d.ts

@@ -1,7 +0,0 @@
-export interface MultiInputRangeFieldClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-}
-export type MultiInputRangeFieldClassKey = keyof MultiInputRangeFieldClasses;

package/models/multiInputRangeFieldClasses.js

@@ -1 +0,0 @@
-export {};

package/modern/MultiInputDateRangeField/MultiInputDateRangeField.types.js

@@ -1 +0,0 @@
-export {};

package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.js

@@ -1 +0,0 @@
-export {};

package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.types.js

@@ -1 +0,0 @@
-export {};

package/modern/internals/hooks/useMultiInputRangeField/shared.js

@@ -1,9 +0,0 @@
-/* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-export const excludeProps = (props, excludedProps) => {
-  return Object.keys(props).reduce((acc, key) => {
-    if (!excludedProps.includes(key)) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {});
-};