@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.12

package/internals/hooks/usePicker/usePickerViews.d.ts

@@ -1,19 +1,18 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { UseViewsOptions } from '../useViews';
+import { UseViewsOptions } from "../useViews.js";
 import type { UsePickerValueViewsResponse } from './usePickerValue.types';
-import { DateOrTimeViewWithMeridiem, PickerRangeValue, PickerValidValue, PickerValue } from '../../models';
-import { FieldRef, PickerValidDate, TimezoneProps } from '../../../models';
-export interface PickerViewsRendererBaseExternalProps extends Omit<UsePickerViewsProps<any, any, any>, 'openTo' | 'viewRenderers'> {
-}
+import { DateOrTimeViewWithMeridiem, PickerRangeValue, PickerValidValue, PickerValue } from "../../models/index.js";
+import { FieldRef, PickerValidDate, TimezoneProps } from "../../../models/index.js";
+export interface PickerViewsRendererBaseExternalProps extends Omit<UsePickerViewsProps<any, any, any>, 'openTo' | 'viewRenderers'> {}
 export type PickerViewsRendererProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends PickerViewsRendererBaseExternalProps> = Omit<TExternalProps, 'className' | 'sx'> & Pick<UsePickerValueViewsResponse<TValue>, 'value' | 'onChange'> & {
-    view: TView;
-    views: readonly TView[];
-    focusedView: TView | null;
-    onFocusedViewChange: (viewToFocus: TView, hasFocus: boolean) => void;
-    showViewSwitcher: boolean;
-    timeViewsCount: number;
+  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>;
@@ -21,90 +20,90 @@ export type PickerViewRendererLookup<TValue extends PickerValidValue, TView exte
  * Props used to handle the views that are common to all pickers.
  */
 export interface UsePickerViewsBaseProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any>> extends Omit<UseViewsOptions<any, TView>, 'onChange' | 'onFocusedViewChange' | 'focusedView'>, TimezoneProps {
-    /**
-     * 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;
+  /**
+   * 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;
 }
 /**
  * Props used to handle the value of the pickers.
  */
 export interface UsePickerViewsProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any>> extends UsePickerViewsBaseProps<TValue, TView, TExternalProps> {
-    className?: string;
-    sx?: SxProps<Theme>;
+  className?: string;
+  sx?: SxProps<Theme>;
 }
 export interface UsePickerViewParams<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, TExternalProps>> {
-    props: TExternalProps;
-    propsFromPickerValue: UsePickerValueViewsResponse<TValue>;
-    autoFocusView: boolean;
-    fieldRef?: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | 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` that were provided to the picker component.
-     * @param {TView} popperView The current picker view.
-     * @param {any} rendererProps All the props that are 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;
+  propsFromPickerValue: UsePickerValueViewsResponse<TValue>;
+  autoFocusView: boolean;
+  fieldRef?: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | 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` that were provided to the picker component.
+   * @param {TView} popperView The current picker view.
+   * @param {any} rendererProps All the props that are 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>>;
 }
 export interface PickerRendererInterceptorProps<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, TExternalProps>> {
-    viewRenderers: PickerViewRendererLookup<TValue, TView, TExternalProps>;
-    popperView: TView;
-    rendererProps: PickerViewsRendererProps<TValue, TView, TExternalProps>;
+  viewRenderers: PickerViewRendererLookup<TValue, TView, TExternalProps>;
+  popperView: TView;
+  rendererProps: PickerViewsRendererProps<TValue, TView, TExternalProps>;
 }
 export interface UsePickerViewsResponse<TView extends DateOrTimeViewWithMeridiem> {
-    renderCurrentView: () => React.ReactNode;
-    provider: UsePickerViewsProviderParams<TView>;
+  renderCurrentView: () => React.ReactNode;
+  provider: UsePickerViewsProviderParams<TView>;
 }
 export interface UsePickerViewsActionsContextValue<TView extends DateOrTimeViewWithMeridiem> {
-    /**
-     * Set the current view.
-     * @template TView
-     * @param {TView} view The view to render
-     */
-    setView: (view: TView) => void;
+  /**
+   * Set the current view.
+   * @template TView
+   * @param {TView} view The view to render
+   */
+  setView: (view: TView) => void;
 }
 export interface UsePickerViewsContextValue<TView extends DateOrTimeViewWithMeridiem> extends UsePickerViewsActionsContextValue<TView> {
-    /**
-     * The views that the picker must render.
-     * It is equal to the picker `views` prop if defined.
-     * Otherwise, a default set of views is provided based on the component you are using:
-     * - Date Pickers: ['year', 'day']
-     * - Time Pickers: ['hours', 'minutes']
-     * - Date Time Pickers: ['year', 'day', 'hours', 'minutes']
-     * - Date Range Pickers: ['day']
-     * - Date Time Range Pickers: ['day', 'hours', 'minutes']
-     */
-    views: readonly TView[];
-    /**
-     * The view currently rendered.
-     */
-    view: TView | null;
+  /**
+   * The views that the picker must render.
+   * It is equal to the picker `views` prop if defined.
+   * Otherwise, a default set of views is provided based on the component you are using:
+   * - Date Pickers: ['year', 'day']
+   * - Time Pickers: ['hours', 'minutes']
+   * - Date Time Pickers: ['year', 'day', 'hours', 'minutes']
+   * - Date Range Pickers: ['day']
+   * - Date Time Range Pickers: ['day', 'hours', 'minutes']
+   */
+  views: readonly TView[];
+  /**
+   * The view currently rendered.
+   */
+  view: TView | null;
 }
 export interface UsePickerViewsPrivateContextValue {
-    /**
-     * Whether one of the view has an UI (it has a view renderer associated).
-     */
-    hasUIView: boolean;
-    /**
-     * Check whether the current view has an UI.
-     * @returns {boolean} Whether the current view has an UI.
-     */
-    doesTheCurrentViewHasAnUI: () => boolean;
+  /**
+   * Whether one of the view has an UI (it has a view renderer associated).
+   */
+  hasUIView: boolean;
+  /**
+   * Check whether the current view has an UI.
+   * @returns {boolean} Whether the current view has an UI.
+   */
+  doesTheCurrentViewHasAnUI: () => boolean;
 }
 export interface UsePickerViewsProviderParams<TView extends DateOrTimeViewWithMeridiem> {
-    hasUIView: boolean;
-    views: readonly TView[];
-    contextValue: UsePickerViewsContextValue<TView>;
-    actionsContextValue: UsePickerViewsActionsContextValue<TView>;
-    privateContextValue: UsePickerViewsPrivateContextValue;
+  hasUIView: boolean;
+  views: readonly TView[];
+  contextValue: UsePickerViewsContextValue<TView>;
+  actionsContextValue: UsePickerViewsActionsContextValue<TView>;
+  privateContextValue: UsePickerViewsPrivateContextValue;
 }
 /**
  * Manage the views of all the pickers:
@@ -112,4 +111,10 @@ export interface UsePickerViewsProviderParams<TView extends DateOrTimeViewWithMe
  * - Handles the switch between UI views and field views
  * - Handles the focus management when switching views
  */
-export declare const usePickerViews: <TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any>>({ props, propsFromPickerValue, autoFocusView, rendererInterceptor: RendererInterceptor, fieldRef, }: UsePickerViewParams<TValue, TView, TExternalProps>) => UsePickerViewsResponse<TView>;
+export declare const usePickerViews: <TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any>>({
+  props,
+  propsFromPickerValue,
+  autoFocusView,
+  rendererInterceptor: RendererInterceptor,
+  fieldRef
+}: UsePickerViewParams<TValue, TView, TExternalProps>) => UsePickerViewsResponse<TView>;

package/internals/hooks/usePicker/usePickerViews.js

@@ -1,27 +1,33 @@
-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 { useViews } from "../useViews.js";
-import { isTimeView } from "../../utils/time-utils.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerViews = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useViews = require("../useViews");
+var _timeUtils = require("../../utils/time-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "sx"];
 /**
  * Props used to handle the views that are common to all pickers.
  */
-
 /**
  * Props used to handle the value of the pickers.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Manage the views of all the pickers:
  * - Handles the view switch
  * - Handles the switch between UI views and field views
  * - Handles the focus management when switching views
  */
-export const usePickerViews = ({
+const usePickerViews = ({
   props,
   propsFromPickerValue,
   autoFocusView,
@@ -42,7 +48,7 @@ export const usePickerViews = ({
     viewRenderers,
     timezone
   } = props;
-  const propsToForwardToView = _objectWithoutPropertiesLoose(props, _excluded);
+  const propsToForwardToView = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     view,
     setView,
@@ -50,7 +56,7 @@ export const usePickerViews = ({
     focusedView,
     setFocusedView,
     setValueAndGoToNextView
-  } = useViews({
+  } = (0, _useViews.useViews)({
     view: inView,
     views,
     openTo,
@@ -78,18 +84,18 @@ export const usePickerViews = ({
     viewModeLookup: {}
   }), [viewRenderers, views]);
   const timeViewsCount = React.useMemo(() => views.reduce((acc, viewForReduce) => {
-    if (viewRenderers[viewForReduce] != null && isTimeView(viewForReduce)) {
+    if (viewRenderers[viewForReduce] != null && (0, _timeUtils.isTimeView)(viewForReduce)) {
       return acc + 1;
     }
     return acc;
   }, 0), [viewRenderers, views]);
   const currentViewMode = viewModeLookup[view];
-  const doesTheCurrentViewHasAnUI = useEventCallback(() => currentViewMode === 'UI');
+  const doesTheCurrentViewHasAnUI = (0, _useEventCallback.default)(() => currentViewMode === 'UI');
   const [popperView, setPopperView] = React.useState(currentViewMode === 'UI' ? view : null);
   if (popperView !== view && viewModeLookup[view] === 'UI') {
     setPopperView(view);
   }
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     // Handle case of `DateTimePicker` without time renderers
     if (currentViewMode === 'field' && open) {
       setOpen(false);
@@ -102,7 +108,7 @@ export const usePickerViews = ({
     }
   }, [view]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!open) {
       return;
     }
@@ -126,7 +132,7 @@ export const usePickerViews = ({
   const actionsContextValue = React.useMemo(() => ({
     setView
   }), [setView]);
-  const contextValue = React.useMemo(() => _extends({}, actionsContextValue, {
+  const contextValue = React.useMemo(() => (0, _extends2.default)({}, actionsContextValue, {
     views,
     view: popperView
   }), [actionsContextValue, views, popperView]);
@@ -151,7 +157,7 @@ export const usePickerViews = ({
       if (renderer == null) {
         return null;
       }
-      const rendererProps = _extends({}, propsToForwardToView, {
+      const rendererProps = (0, _extends2.default)({}, propsToForwardToView, {
         views,
         timezone,
         value,
@@ -164,7 +170,7 @@ export const usePickerViews = ({
         timeViewsCount
       });
       if (RendererInterceptor) {
-        return /*#__PURE__*/_jsx(RendererInterceptor, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(RendererInterceptor, {
           viewRenderers: viewRenderers,
           popperView: popperView,
           rendererProps: rendererProps
@@ -173,4 +179,5 @@ export const usePickerViews = ({
       return renderer(rendererProps);
     }
   };
-};
+};
+exports.usePickerViews = usePickerViews;

package/internals/hooks/usePickerPrivateContext.d.ts

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

package/internals/hooks/usePickerPrivateContext.js

@@ -1,9 +1,15 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { PickerPrivateContext } from "../components/PickerProvider.js";
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerPrivateContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _PickerProvider = require("../components/PickerProvider");
 /**
  * Returns the private context passed by the picker that wraps the current component.
  */
-export const usePickerPrivateContext = () => React.useContext(PickerPrivateContext);
+const usePickerPrivateContext = () => React.useContext(_PickerProvider.PickerPrivateContext);
+exports.usePickerPrivateContext = usePickerPrivateContext;

package/internals/hooks/useReduceAnimations.d.ts

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

package/internals/hooks/useReduceAnimations.js

@@ -1,13 +1,21 @@
-import useMediaQuery from '@mui/material/useMediaQuery';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.slowAnimationDevices = void 0;
+exports.useReduceAnimations = useReduceAnimations;
+var _useMediaQuery = _interopRequireDefault(require("@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, {
+const slowAnimationDevices = exports.slowAnimationDevices = androidVersion && androidVersion < 10 || iOSVersion && iOSVersion < 13 || false;
+function useReduceAnimations(customReduceAnimations) {
+  const prefersReduced = (0, _useMediaQuery.default)(PREFERS_REDUCED_MOTION, {
     defaultMatches: false
   });
   if (customReduceAnimations != null) {

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

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

package/internals/hooks/useStaticPicker/index.js

@@ -1 +1,12 @@
-export { useStaticPicker } from "./useStaticPicker.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useStaticPicker", {
+  enumerable: true,
+  get: function () {
+    return _useStaticPicker.useStaticPicker;
+  }
+});
+var _useStaticPicker = require("./useStaticPicker");

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

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { UseStaticPickerParams, UseStaticPickerProps } from './useStaticPicker.types';
-import { DateOrTimeViewWithMeridiem } from '../../models';
+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, ...pickerParams }: UseStaticPickerParams<TView, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TView, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseStaticPickerParams<TView, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,20 +1,28 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStaticPicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _usePicker = require("../usePicker");
+var _PickerProvider = require("../../components/PickerProvider");
+var _PickersLayout = require("../../../PickersLayout");
+var _dimensions = require("../../constants/dimensions");
+var _utils = require("../../utils/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props"];
-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 { jsx as _jsx } from "react/jsx-runtime";
-const PickerStaticLayout = styled(PickersLayout)(({
+const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
   theme
 }) => ({
   overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
+  minWidth: _dimensions.DIALOG_WIDTH,
   backgroundColor: (theme.vars || theme).palette.background.paper
 }));
 
@@ -24,11 +32,11 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export const useStaticPicker = _ref => {
+const useStaticPicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -39,19 +47,19 @@ export const useStaticPicker = _ref => {
   const {
     providerProps,
     renderCurrentView
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     localeText,
     variant: displayStaticWrapperAs
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-    children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
       slots: slots,
       slotProps: slotProps,
-      sx: mergeSx(providerProps.contextValue.rootSx, slotProps?.layout?.sx),
-      className: clsx(providerProps.contextValue.rootClassName, slotProps?.layout?.className),
+      sx: (0, _utils.mergeSx)(providerProps.contextValue.rootSx, slotProps?.layout?.sx),
+      className: (0, _clsx.default)(providerProps.contextValue.rootClassName, slotProps?.layout?.className),
       ref: providerProps.contextValue.rootRef,
       children: renderCurrentView()
     }))
@@ -59,4 +67,5 @@ export const useStaticPicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useStaticPicker = useStaticPicker;

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

@@ -1,42 +1,40 @@
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '../../../PickersLayout/PickersLayout.types';
-import { BasePickerProps } from '../../models/props/basePickerProps';
-import { UsePickerParams } from '../usePicker';
-import { UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { DateOrTimeViewWithMeridiem, PickerValue } from '../../models';
-export interface UseStaticPickerSlots extends ExportedPickersLayoutSlots<PickerValue> {
-}
-export interface UseStaticPickerSlotProps extends ExportedPickersLayoutSlotProps<PickerValue> {
-}
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import { BasePickerProps } from "../../models/props/basePickerProps.js";
+import { UsePickerParams } from "../usePicker/index.js";
+import { UsePickerViewsProps } from "../usePicker/usePickerViews.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.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;
+  /**
+   * 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 UsePickerViewsProps<PickerValue, TView, any>> extends BasePickerProps<PickerValue, TView, TError, TExternalProps>, StaticOnlyPickerProps {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: UseStaticPickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseStaticPickerSlotProps;
+  /**
+   * 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<UsePickerParams<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
-    props: TExternalProps;
-}
+  props: TExternalProps;
+}

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

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/hooks/useToolbarOwnerState.d.ts

@@ -1,10 +1,10 @@
-import { PickerOwnerState } from '../../models';
+import { PickerOwnerState } from "../../models/index.js";
 export declare function useToolbarOwnerState(): PickerToolbarOwnerState;
 export interface PickerToolbarOwnerState extends PickerOwnerState {
-    /**
-     * The direction of the toolbar.
-     * Is equal to "ltr" when the toolbar is in left-to-right direction.
-     * Is equal to "rtl" when the toolbar is in right-to-left direction.
-     */
-    toolbarDirection: 'ltr' | 'rtl';
-}
+  /**
+   * The direction of the toolbar.
+   * Is equal to "ltr" when the toolbar is in left-to-right direction.
+   * Is equal to "rtl" when the toolbar is in right-to-left direction.
+   */
+  toolbarDirection: 'ltr' | 'rtl';
+}