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

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

@@ -1,306 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "sx"];
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
-import { useLocalizationContext, useUtils } from "../useUtils.js";
-import { useReduceAnimations } from "../useReduceAnimations.js";
-import { isTimeView } from "../../utils/time-utils.js";
-import { useViews } from "../useViews.js";
-import { useOrientation } from "./hooks/useOrientation.js";
-import { useValueAndOpenStates } from "./hooks/useValueAndOpenStates.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const usePicker = ({
-  ref,
-  props,
-  valueManager,
-  valueType,
-  variant,
-  validator,
-  autoFocusView,
-  rendererInterceptor: RendererInterceptor,
-  localeText,
-  viewContainerRole,
-  getStepNavigation
-}) => {
-  const {
-    // View props
-    views,
-    view: viewProp,
-    openTo,
-    onViewChange,
-    viewRenderers,
-    reduceAnimations: reduceAnimationsProp,
-    orientation: orientationProp,
-    disableOpenPicker,
-    // Form props
-    disabled,
-    readOnly,
-    // Field props
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    format,
-    label,
-    // Other props
-    autoFocus,
-    name
-  } = props;
-  const {
-      className,
-      sx
-    } = props,
-    propsToForwardToView = _objectWithoutPropertiesLoose(props, _excluded);
-
-  /**
-   * TODO: Improve how we generate the aria-label and aria-labelledby attributes.
-   */
-  const labelId = useId();
-  const utils = useUtils();
-  const adapter = useLocalizationContext();
-  const reduceAnimations = useReduceAnimations(reduceAnimationsProp);
-  const orientation = useOrientation(views, orientationProp);
-  const {
-    current: initialView
-  } = React.useRef(openTo ?? null);
-
-  /**
-   * Refs
-   */
-  const [triggerElement, triggerRef] = React.useState(null);
-  const popupRef = React.useRef(null);
-  const fieldRef = React.useRef(null);
-  const rootRefObject = React.useRef(null);
-  const rootRef = useForkRef(ref, rootRefObject);
-  const {
-    timezone,
-    state,
-    setOpen,
-    setValue,
-    setValueFromView,
-    value,
-    viewValue
-  } = useValueAndOpenStates({
-    props,
-    valueManager,
-    validator
-  });
-  const {
-    view,
-    setView,
-    defaultView,
-    focusedView,
-    setFocusedView,
-    setValueAndGoToNextView
-  } = useViews({
-    view: viewProp,
-    views,
-    openTo,
-    onChange: setValueFromView,
-    onViewChange,
-    autoFocus: autoFocusView
-  });
-  const clearValue = useEventCallback(() => setValue(valueManager.emptyValue));
-  const setValueToToday = useEventCallback(() => setValue(valueManager.getTodayValue(utils, timezone, valueType)));
-  const acceptValueChanges = useEventCallback(() => setValue(value));
-  const cancelValueChanges = useEventCallback(() => setValue(state.lastCommittedValue, {
-    skipPublicationIfPristine: true
-  }));
-  const dismissViews = useEventCallback(() => {
-    setValue(value, {
-      skipPublicationIfPristine: true
-    });
-  });
-  const {
-    hasUIView,
-    viewModeLookup,
-    timeViewsCount
-  } = React.useMemo(() => views.reduce((acc, viewForReduce) => {
-    const viewMode = viewRenderers[viewForReduce] == null ? 'field' : 'UI';
-    acc.viewModeLookup[viewForReduce] = viewMode;
-    if (viewMode === 'UI') {
-      acc.hasUIView = true;
-      if (isTimeView(viewForReduce)) {
-        acc.timeViewsCount += 1;
-      }
-    }
-    return acc;
-  }, {
-    hasUIView: false,
-    viewModeLookup: {},
-    timeViewsCount: 0
-  }), [viewRenderers, views]);
-  const currentViewMode = viewModeLookup[view];
-  const getCurrentViewMode = useEventCallback(() => currentViewMode);
-  const [popperView, setPopperView] = React.useState(currentViewMode === 'UI' ? view : null);
-  if (popperView !== view && viewModeLookup[view] === 'UI') {
-    setPopperView(view);
-  }
-  useEnhancedEffect(() => {
-    // Handle case of Date Time Picker without time renderers
-    if (currentViewMode === 'field' && state.open) {
-      setOpen(false);
-      setTimeout(() => {
-        fieldRef?.current?.setSelectedSections(view);
-        // focusing the input before the range selection is done
-        // calling it outside of timeout results in an inconsistent behavior between Safari And Chrome
-        fieldRef?.current?.focusField(view);
-      });
-    }
-  }, [view]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  useEnhancedEffect(() => {
-    if (!state.open) {
-      return;
-    }
-    let newView = view;
-
-    // If the current view is a field view, go to the last popper view
-    if (currentViewMode === 'field' && popperView != null) {
-      newView = popperView;
-    }
-
-    // If the current view is not the default view and both are UI views
-    if (newView !== defaultView && viewModeLookup[newView] === 'UI' && viewModeLookup[defaultView] === 'UI') {
-      newView = defaultView;
-    }
-    if (newView !== view) {
-      setView(newView);
-    }
-    setFocusedView(newView, true);
-  }, [state.open]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const ownerState = React.useMemo(() => ({
-    isPickerValueEmpty: valueManager.areValuesEqual(utils, value, valueManager.emptyValue),
-    isPickerOpen: state.open,
-    isPickerDisabled: props.disabled ?? false,
-    isPickerReadOnly: props.readOnly ?? false,
-    pickerOrientation: orientation,
-    pickerVariant: variant
-  }), [utils, valueManager, value, state.open, orientation, variant, props.disabled, props.readOnly]);
-  const triggerStatus = React.useMemo(() => {
-    if (disableOpenPicker || !hasUIView) {
-      return 'hidden';
-    }
-    if (disabled || readOnly) {
-      return 'disabled';
-    }
-    return 'enabled';
-  }, [disableOpenPicker, hasUIView, disabled, readOnly]);
-  const stepNavigation = getStepNavigation({
-    setView,
-    view,
-    initialView: initialView ?? views[0],
-    views
-  });
-  const wrappedGoToNextStep = useEventCallback(stepNavigation.goToNextStep);
-  const actionsContextValue = React.useMemo(() => ({
-    setValue,
-    setOpen,
-    clearValue,
-    setValueToToday,
-    acceptValueChanges,
-    cancelValueChanges,
-    setView,
-    goToNextStep: wrappedGoToNextStep
-  }), [setValue, setOpen, clearValue, setValueToToday, acceptValueChanges, cancelValueChanges, setView, wrappedGoToNextStep]);
-  const contextValue = React.useMemo(() => _extends({}, actionsContextValue, {
-    value,
-    timezone,
-    open: state.open,
-    views,
-    view: popperView,
-    initialView,
-    disabled: disabled ?? false,
-    readOnly: readOnly ?? false,
-    autoFocus: autoFocus ?? false,
-    variant,
-    orientation,
-    popupRef,
-    reduceAnimations,
-    triggerRef,
-    triggerStatus,
-    hasNextStep: stepNavigation.hasNextStep,
-    fieldFormat: format ?? '',
-    name,
-    label,
-    rootSx: sx,
-    rootRef,
-    rootClassName: className
-  }), [actionsContextValue, value, rootRef, variant, orientation, reduceAnimations, disabled, readOnly, format, className, name, label, sx, triggerStatus, stepNavigation.hasNextStep, timezone, state.open, popperView, views, initialView, autoFocus]);
-  const privateContextValue = React.useMemo(() => ({
-    dismissViews,
-    ownerState,
-    hasUIView,
-    getCurrentViewMode,
-    rootRefObject,
-    labelId,
-    triggerElement,
-    viewContainerRole
-  }), [dismissViews, ownerState, hasUIView, getCurrentViewMode, labelId, triggerElement, viewContainerRole]);
-  const fieldPrivateContextValue = React.useMemo(() => ({
-    formatDensity,
-    enableAccessibleFieldDOMStructure,
-    selectedSections,
-    onSelectedSectionsChange,
-    fieldRef
-  }), [formatDensity, enableAccessibleFieldDOMStructure, selectedSections, onSelectedSectionsChange, fieldRef]);
-  const isValidContextValue = testedValue => {
-    const error = validator({
-      adapter,
-      value: testedValue,
-      timezone,
-      props
-    });
-    return !valueManager.hasError(error);
-  };
-  const renderCurrentView = () => {
-    if (popperView == null) {
-      return null;
-    }
-    const renderer = viewRenderers[popperView];
-    if (renderer == null) {
-      return null;
-    }
-    const rendererProps = _extends({}, propsToForwardToView, {
-      views,
-      timezone,
-      value: viewValue,
-      onChange: setValueAndGoToNextView,
-      view: popperView,
-      onViewChange: setView,
-      showViewSwitcher: timeViewsCount > 1,
-      timeViewsCount
-    }, viewContainerRole === 'tooltip' ? {
-      focusedView: null,
-      onFocusedViewChange: () => {}
-    } : {
-      focusedView,
-      onFocusedViewChange: setFocusedView
-    });
-    if (RendererInterceptor) {
-      return /*#__PURE__*/_jsx(RendererInterceptor, {
-        viewRenderers: viewRenderers,
-        popperView: popperView,
-        rendererProps: rendererProps
-      });
-    }
-    return renderer(rendererProps);
-  };
-  return {
-    providerProps: {
-      localeText,
-      contextValue,
-      privateContextValue,
-      actionsContextValue,
-      fieldPrivateContextValue,
-      isValidContextValue
-    },
-    renderCurrentView,
-    ownerState
-  };
-};

package/modern/internals/hooks/usePicker/usePicker.types.d.ts

@@ -1,186 +0,0 @@
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { InferError, OnErrorProps, PickerChangeHandlerContext, PickerOwnerState, PickerValidDate, PickerValueType, TimezoneProps } from "../../../models/index.js";
-import { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerValidValue, PickerValueManager, PickerVariant } from "../../models/index.js";
-import { Validator } from "../../../validation/index.js";
-import { UseViewsOptions } from "../useViews.js";
-import { PickerProviderProps } from "../../components/PickerProvider.js";
-import { PickersInputLocaleText } from "../../../locales/index.js";
-import { PickerFieldPrivateContextValue } from "../useNullableFieldPrivateContext.js";
-import { CreateStepNavigationReturnValue } from "../../utils/createStepNavigation.js";
-/**
- * Props common to all Picker headless implementations.
- * Those props are exposed on all the Pickers.
- */
-export interface UsePickerBaseProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<TValue, TView, TError, any>> extends OnErrorProps<TValue, TError>, Omit<UseViewsOptions<any, TView>, 'onChange' | 'onFocusedViewChange' | 'focusedView'>, TimezoneProps, FormProps {
-  /**
-   * The selected value.
-   * Used when the component is controlled.
-   */
-  value?: TValue;
-  /**
-   * The default value.
-   * Used when the component is not controlled.
-   */
-  defaultValue?: TValue;
-  /**
-   * Callback fired when the value changes.
-   * @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.
-   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
-   * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
-   */
-  onChange?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
-  /**
-   * Callback fired when the value is accepted.
-   * @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.
-   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
-   * @param {TValue} value The value that was just accepted.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
-   */
-  onAccept?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
-  /**
-   * If `null`, the section will only have field editing.
-   * If `undefined`, internally defined view will be used.
-   */
-  viewRenderers: PickerViewRendererLookup<TValue, TView, TExternalProps>;
-  /**
-   * The date used to generate the new value when both `value` and `defaultValue` are empty.
-   * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
-   */
-  referenceDate?: PickerValidDate;
-  /**
-   * Force rendering in particular orientation.
-   */
-  orientation?: PickerOrientation;
-  /**
-   * If `true`, disable heavy animations.
-   * @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
-   */
-  reduceAnimations?: boolean;
-}
-/**
- * Props used to handle the value of non-static Pickers.
- */
-export interface UsePickerNonStaticProps extends Omit<PickerFieldPrivateContextValue, 'fieldRef'> {
-  /**
-   * If `true`, the Picker will close after submitting the full date.
-   * @default false
-   */
-  closeOnSelect?: boolean;
-  /**
-   * Control the popup or dialog open state.
-   * @default false
-   */
-  open?: boolean;
-  /**
-   * Callback fired when the popup requests to be closed.
-   * Use in controlled mode (see `open`).
-   */
-  onClose?: () => void;
-  /**
-   * Callback fired when the popup requests to be opened.
-   * Use in controlled mode (see `open`).
-   */
-  onOpen?: () => void;
-  /**
-   * Format of the date when rendered in the input(s).
-   * Defaults to localized format based on the used `views`.
-   */
-  format?: string;
-  /**
-   * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
-   * @default false
-   */
-  disableOpenPicker?: boolean;
-  /**
-   * The label content.
-   */
-  label?: React.ReactNode;
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef?: React.Ref<HTMLInputElement>;
-  /**
-   * Name attribute used by the `input` element in the Field.
-   */
-  name?: string;
-}
-export interface UsePickerProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<TValue, TView, TError, any>> extends UsePickerBaseProps<TValue, TView, TError, TExternalProps>, UsePickerNonStaticProps {
-  referenceDate?: PickerValidDate;
-  className?: string;
-  sx?: SxProps<Theme>;
-}
-export interface UsePickerParameters<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, any>> {
-  ref: React.ForwardedRef<HTMLDivElement> | undefined;
-  localeText: PickersInputLocaleText | undefined;
-  variant: PickerVariant;
-  valueManager: PickerValueManager<TValue, InferError<TExternalProps>>;
-  valueType: PickerValueType;
-  validator: Validator<TValue, InferError<TExternalProps>, TExternalProps>;
-  autoFocusView: boolean;
-  viewContainerRole: 'dialog' | 'tooltip' | null;
-  /**
-   * A function that intercepts the regular Picker rendering.
-   * Can be used to consume the provided `viewRenderers` and render a custom component wrapping them.
-   * @param {PickerViewRendererLookup<TValue, TView, TExternalProps>} viewRenderers The `viewRenderers` provided to the Picker component.
-   * @param {TView} popperView The current Picker view.
-   * @param {any} rendererProps All the props being passed down to the renderer.
-   * @returns {React.ReactNode} A React node that will be rendered instead of the default renderer.
-   */
-  rendererInterceptor?: React.JSXElementConstructor<PickerRendererInterceptorProps<TValue, TView, TExternalProps>>;
-  props: TExternalProps;
-  getStepNavigation: CreateStepNavigationReturnValue;
-}
-export interface UsePickerReturnValue<TValue extends PickerValidValue> {
-  ownerState: PickerOwnerState;
-  renderCurrentView: () => React.ReactNode;
-  providerProps: Omit<PickerProviderProps<TValue>, 'children'>;
-}
-export type PickerSelectionState = 'partial' | 'shallow' | 'finish';
-export interface UsePickerState<TValue extends PickerValidValue> {
-  /**
-   * Whether the Picker is open.
-   */
-  open: boolean;
-  /**
-   * Last value returned by `useControlledValue`.
-   */
-  lastExternalValue: TValue;
-  /**
-   * Date currently displayed on the views if we are dragging the cursor in the Clock component.
-   */
-  clockShallowValue: TValue | undefined;
-  /**
-   * Last value committed (the last value for which `shouldCommitValue` returned `true`).
-   * If `onAccept` is defined, it's the value that was passed on the last call to this callback.
-   */
-  lastCommittedValue: TValue;
-  /**
-   * If we never modified the value since the mount of the component,
-   * Then we might want to apply some custom logic.
-   *
-   * For example, when the component is not controlled and `defaultValue` is defined.
-   * Then clicking on "Accept", "Today" or "Clear" should fire `onAccept` with `defaultValue`, but clicking on "Cancel" or dismissing the Picker should not.
-   */
-  hasBeenModifiedSinceMount: boolean;
-}
-export interface PickerViewsRendererBaseExternalProps extends Omit<UsePickerProps<any, any, any, any>, 'openTo' | 'viewRenderers' | 'onChange'> {}
-export type PickerViewsRendererProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends PickerViewsRendererBaseExternalProps> = Omit<TExternalProps, 'className' | 'sx'> & {
-  value: TValue;
-  onChange: (value: TValue, selectionState?: PickerSelectionState) => void;
-  view: TView;
-  views: readonly TView[];
-  focusedView: TView | null;
-  onFocusedViewChange: (viewToFocus: TView, hasFocus: boolean) => void;
-  showViewSwitcher: boolean;
-  timeViewsCount: number;
-};
-export type PickerViewRenderer<TValue extends PickerValidValue, TExternalProps extends PickerViewsRendererBaseExternalProps> = (props: PickerViewsRendererProps<TValue, any, TExternalProps>) => React.ReactNode;
-export type PickerViewRendererLookup<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends PickerViewsRendererBaseExternalProps> = Record<TView, PickerViewRenderer<TValue, TExternalProps> | null>;
-export interface PickerRendererInterceptorProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerProps<TValue, TView, any, TExternalProps>> {
-  viewRenderers: PickerViewRendererLookup<TValue, TView, TExternalProps>;
-  popperView: TView;
-  rendererProps: PickerViewsRendererProps<TValue, TView, TExternalProps>;
-}

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

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

package/modern/internals/hooks/usePickerPrivateContext.d.ts

@@ -1,4 +0,0 @@
-/**
- * Returns the private context passed by the Picker wrapping the current component.
- */
-export declare const usePickerPrivateContext: () => import("../components/PickerProvider").PickerPrivateContextValue;

package/modern/internals/hooks/usePickerPrivateContext.js

@@ -1,9 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PickerPrivateContext } from "../components/PickerProvider.js";
-
-/**
- * Returns the private context passed by the Picker wrapping the current component.
- */
-export const usePickerPrivateContext = () => React.useContext(PickerPrivateContext);

package/modern/internals/hooks/useReduceAnimations.d.ts

@@ -1,2 +0,0 @@
-export declare const slowAnimationDevices: boolean;
-export declare function useReduceAnimations(customReduceAnimations: boolean | undefined): boolean;

package/modern/internals/hooks/useReduceAnimations.js

@@ -1,17 +0,0 @@
-import useMediaQuery from '@mui/material/useMediaQuery';
-const PREFERS_REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
-
-// detect if user agent has Android version < 10 or iOS version < 13
-const mobileVersionMatches = typeof navigator !== 'undefined' && navigator.userAgent.match(/android\s(\d+)|OS\s(\d+)/i);
-const androidVersion = mobileVersionMatches && mobileVersionMatches[1] ? parseInt(mobileVersionMatches[1], 10) : null;
-const iOSVersion = mobileVersionMatches && mobileVersionMatches[2] ? parseInt(mobileVersionMatches[2], 10) : null;
-export const slowAnimationDevices = androidVersion && androidVersion < 10 || iOSVersion && iOSVersion < 13 || false;
-export function useReduceAnimations(customReduceAnimations) {
-  const prefersReduced = useMediaQuery(PREFERS_REDUCED_MOTION, {
-    defaultMatches: false
-  });
-  if (customReduceAnimations != null) {
-    return customReduceAnimations;
-  }
-  return prefersReduced || slowAnimationDevices;
-}

package/modern/internals/hooks/useStaticPicker/index.d.ts

@@ -1,2 +0,0 @@
-export { useStaticPicker } from "./useStaticPicker.js";
-export type { UseStaticPickerSlots, UseStaticPickerSlotProps, StaticOnlyPickerProps } from './useStaticPicker.types';

package/modern/internals/hooks/useStaticPicker/index.js

@@ -1 +0,0 @@
-export { useStaticPicker } from "./useStaticPicker.js";

package/modern/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
-import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
-/**
- * Hook managing all the single-date static pickers:
- * - StaticDatePicker
- * - StaticDateTimePicker
- * - StaticTimePicker
- */
-export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TView, any, TExternalProps>>({
-  props,
-  steps,
-  ...pickerParams
-}: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
-};

package/modern/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,69 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["props", "steps"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { usePicker } from "../usePicker/index.js";
-import { PickerProvider } from "../../components/PickerProvider.js";
-import { PickersLayout } from "../../../PickersLayout/index.js";
-import { DIALOG_WIDTH } from "../../constants/dimensions.js";
-import { mergeSx } from "../../utils/utils.js";
-import { createNonRangePickerStepNavigation } from "../../utils/createNonRangePickerStepNavigation.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const PickerStaticLayout = styled(PickersLayout)(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  backgroundColor: (theme.vars || theme).palette.background.paper
-}));
-
-/**
- * Hook managing all the single-date static pickers:
- * - StaticDatePicker
- * - StaticDateTimePicker
- * - StaticTimePicker
- */
-export const useStaticPicker = _ref => {
-  let {
-      props,
-      steps
-    } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    localeText,
-    slots,
-    slotProps,
-    displayStaticWrapperAs,
-    autoFocus
-  } = props;
-  const getStepNavigation = createNonRangePickerStepNavigation({
-    steps
-  });
-  const {
-    providerProps,
-    renderCurrentView
-  } = usePicker(_extends({}, pickerParams, {
-    props,
-    variant: displayStaticWrapperAs,
-    autoFocusView: autoFocus ?? false,
-    viewContainerRole: null,
-    localeText,
-    getStepNavigation
-  }));
-  const Layout = slots?.layout ?? PickerStaticLayout;
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-    children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
-      slots: slots,
-      slotProps: slotProps,
-      sx: mergeSx(providerProps.contextValue.rootSx, slotProps?.layout?.sx),
-      className: clsx(providerProps.contextValue.rootClassName, slotProps?.layout?.className),
-      ref: providerProps.contextValue.rootRef,
-      children: renderCurrentView()
-    }))
-  }));
-  return {
-    renderPicker
-  };
-};

package/modern/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts

@@ -1,46 +0,0 @@
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
-import { BasePickerProps } from "../../models/props/basePickerProps.js";
-import { UsePickerParameters, UsePickerProps } from "../usePicker/index.js";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
-import { PickerStep } from "../../utils/createNonRangePickerStepNavigation.js";
-export interface UseStaticPickerSlots extends ExportedPickersLayoutSlots<PickerValue> {}
-export interface UseStaticPickerSlotProps extends ExportedPickersLayoutSlotProps<PickerValue> {}
-export interface StaticOnlyPickerProps {
-  /**
-   * Force static wrapper inner components to be rendered in mobile or desktop mode.
-   * @default "mobile"
-   */
-  displayStaticWrapperAs: 'desktop' | 'mobile';
-  /**
-   * If `true`, the view is focused during the first mount.
-   * @default false
-   */
-  autoFocus?: boolean;
-  /**
-   * Callback fired when component requests to be closed.
-   * Can be fired when selecting (by default on `desktop` mode) or clearing a value.
-   * @deprecated Please avoid using as it will be removed in next major version.
-   */
-  onClose?: () => void;
-}
-export interface UseStaticPickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, TView, TError, TExternalProps>, StaticOnlyPickerProps {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: UseStaticPickerSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: UseStaticPickerSlotProps;
-}
-export interface UseStaticPickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
-  props: TExternalProps;
-  /**
-   * Steps available for the picker.
-   * This will be used to define the behavior of navigation actions.
-   * If null, the picker will not have any step navigation.
-   */
-  steps: PickerStep[] | null;
-}

package/modern/internals/hooks/useStaticPicker/useStaticPicker.types.js

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