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

package/internals/hooks/useField/useFieldV7TextField.js

@@ -1,13 +1,21 @@
-import * as React from 'react';
-import useForkRef from '@mui/utils/useForkRef';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import useId from '@mui/utils/useId';
-import { getSectionValueNow, getSectionValueText, parseSelectedSections } from "./useField.utils.js";
-import { getActiveElement } from "../../utils/utils.js";
-import { usePickerTranslations } from "../../../hooks/usePickerTranslations.js";
-import { useUtils } from "../useUtils.js";
-export const useFieldV7TextField = params => {
+"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.useFieldV7TextField = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _useField = require("./useField.utils");
+var _utils = require("../../utils/utils");
+var _usePickerTranslations = require("../../../hooks/usePickerTranslations");
+var _useUtils = require("../useUtils");
+const useFieldV7TextField = params => {
   const {
     internalProps: {
       disabled,
@@ -38,10 +46,10 @@ export const useFieldV7TextField = params => {
     sectionsValueBoundaries
   } = params;
   const sectionListRef = React.useRef(null);
-  const handleSectionListRef = useForkRef(inSectionListRef, sectionListRef);
-  const translations = usePickerTranslations();
-  const utils = useUtils();
-  const id = useId();
+  const handleSectionListRef = (0, _useForkRef.default)(inSectionListRef, sectionListRef);
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const utils = (0, _useUtils.useUtils)();
+  const id = (0, _useId.default)();
   const [focused, setFocused] = React.useState(false);
   const interactions = React.useMemo(() => ({
     syncSelectionToDOM: () => {
@@ -64,7 +72,7 @@ export const useFieldV7TextField = params => {
       }
 
       // On multi input range pickers we want to update selection range only for the active input
-      if (!sectionListRef.current.getRoot().contains(getActiveElement(document))) {
+      if (!sectionListRef.current.getRoot().contains((0, _utils.getActiveElement)(document))) {
         return;
       }
       const range = new window.Range();
@@ -85,17 +93,19 @@ export const useFieldV7TextField = params => {
       selection.addRange(range);
     },
     getActiveSectionIndexFromDOM: () => {
-      const activeElement = getActiveElement(document);
+      const activeElement = (0, _utils.getActiveElement)(document);
       if (!activeElement || !sectionListRef.current || !sectionListRef.current.getRoot().contains(activeElement)) {
         return null;
       }
       return sectionListRef.current.getSectionIndexFromDOMElement(activeElement);
     },
     focusField: (newSelectedSections = 0) => {
-      if (!sectionListRef.current) {
+      if (!sectionListRef.current ||
+      // if the field is already focused, we don't need to focus it again
+      interactions.getActiveSectionIndexFromDOM() != null) {
         return;
       }
-      const newParsedSelectedSections = parseSelectedSections(newSelectedSections, state.sections);
+      const newParsedSelectedSections = (0, _useField.parseSelectedSections)(newSelectedSections, state.sections);
       setFocused(true);
       sectionListRef.current.getSectionContent(newParsedSelectedSections).focus();
     },
@@ -103,13 +113,13 @@ export const useFieldV7TextField = params => {
       if (!sectionListRef.current) {
         return;
       }
-      const newParsedSelectedSections = parseSelectedSections(newSelectedSections, state.sections);
+      const newParsedSelectedSections = (0, _useField.parseSelectedSections)(newSelectedSections, state.sections);
       const newActiveSectionIndex = newParsedSelectedSections === 'all' ? 0 : newParsedSelectedSections;
       setFocused(newActiveSectionIndex !== null);
       setSelectedSections(newSelectedSections);
     },
     isFieldFocused: () => {
-      const activeElement = getActiveElement(document);
+      const activeElement = (0, _utils.getActiveElement)(document);
       return !!sectionListRef.current && sectionListRef.current.getRoot().contains(activeElement);
     }
   }), [parsedSelectedSections, setSelectedSections, state.sections, focused]);
@@ -118,7 +128,7 @@ export const useFieldV7TextField = params => {
    * If a section content has been updated with a value we don't want to keep,
    * Then we need to imperatively revert it (we can't let React do it because the value did not change in his internal representation).
    */
-  const revertDOMSectionChange = useEventCallback(sectionIndex => {
+  const revertDOMSectionChange = (0, _useEventCallback.default)(sectionIndex => {
     if (!sectionListRef.current) {
       return;
     }
@@ -126,7 +136,7 @@ export const useFieldV7TextField = params => {
     sectionListRef.current.getSectionContent(sectionIndex).innerHTML = section.value || section.placeholder;
     interactions.syncSelectionToDOM();
   });
-  const handleContainerClick = useEventCallback((event, ...args) => {
+  const handleContainerClick = (0, _useEventCallback.default)((event, ...args) => {
     // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
     // We avoid this by checking if the call of `handleContainerClick` is actually intended, or a side effect.
     if (event.isDefaultPrevented() || !sectionListRef.current) {
@@ -160,7 +170,7 @@ export const useFieldV7TextField = params => {
       }
     }
   });
-  const handleContainerInput = useEventCallback(event => {
+  const handleContainerInput = (0, _useEventCallback.default)(event => {
     onInput?.(event);
     if (!sectionListRef.current || parsedSelectedSections !== 'all') {
       return;
@@ -185,7 +195,7 @@ export const useFieldV7TextField = params => {
       });
     }
   });
-  const handleContainerPaste = useEventCallback(event => {
+  const handleContainerPaste = (0, _useEventCallback.default)(event => {
     onPaste?.(event);
     if (readOnly || parsedSelectedSections !== 'all') {
       event.preventDefault();
@@ -196,25 +206,25 @@ export const useFieldV7TextField = params => {
     resetCharacterQuery();
     updateValueFromValueStr(pastedValue);
   });
-  const handleContainerFocus = useEventCallback((...args) => {
+  const handleContainerFocus = (0, _useEventCallback.default)((...args) => {
     onFocus?.(...args);
     if (focused || !sectionListRef.current) {
       return;
     }
-    const activeElement = getActiveElement(document);
+    const activeElement = (0, _utils.getActiveElement)(document);
     setFocused(true);
     const isFocusInsideASection = sectionListRef.current.getSectionIndexFromDOMElement(activeElement) != null;
     if (!isFocusInsideASection) {
       setSelectedSections(sectionOrder.startIndex);
     }
   });
-  const handleContainerBlur = useEventCallback((...args) => {
+  const handleContainerBlur = (0, _useEventCallback.default)((...args) => {
     onBlur?.(...args);
     setTimeout(() => {
       if (!sectionListRef.current) {
         return;
       }
-      const activeElement = getActiveElement(document);
+      const activeElement = (0, _utils.getActiveElement)(document);
       const shouldBlur = !sectionListRef.current.getRoot().contains(activeElement);
       if (shouldBlur) {
         setFocused(false);
@@ -222,7 +232,7 @@ export const useFieldV7TextField = params => {
       }
     });
   });
-  const getInputContainerClickHandler = useEventCallback(sectionIndex => event => {
+  const getInputContainerClickHandler = (0, _useEventCallback.default)(sectionIndex => event => {
     // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
     // We avoid this by checking if the call to this function is actually intended, or a side effect.
     if (event.isDefaultPrevented()) {
@@ -230,14 +240,14 @@ export const useFieldV7TextField = params => {
     }
     setSelectedSections(sectionIndex);
   });
-  const handleInputContentMouseUp = useEventCallback(event => {
+  const handleInputContentMouseUp = (0, _useEventCallback.default)(event => {
     // Without this, the browser will remove the selected when clicking inside an already-selected section.
     event.preventDefault();
   });
-  const getInputContentFocusHandler = useEventCallback(sectionIndex => () => {
+  const getInputContentFocusHandler = (0, _useEventCallback.default)(sectionIndex => () => {
     setSelectedSections(sectionIndex);
   });
-  const handleInputContentPaste = useEventCallback(event => {
+  const handleInputContentPaste = (0, _useEventCallback.default)(event => {
     // prevent default to avoid the input `onInput` handler being called
     event.preventDefault();
     if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
@@ -263,11 +273,11 @@ export const useFieldV7TextField = params => {
       updateValueFromValueStr(pastedValue);
     }
   });
-  const handleInputContentDragOver = useEventCallback(event => {
+  const handleInputContentDragOver = (0, _useEventCallback.default)(event => {
     event.preventDefault();
     event.dataTransfer.dropEffect = 'none';
   });
-  const handleInputContentInput = useEventCallback(event => {
+  const handleInputContentInput = (0, _useEventCallback.default)(event => {
     if (!sectionListRef.current) {
       return;
     }
@@ -301,7 +311,7 @@ export const useFieldV7TextField = params => {
     // The DOM value needs to remain the one React is expecting.
     revertDOMSectionChange(sectionIndex);
   });
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!focused || !sectionListRef.current) {
       return;
     }
@@ -340,10 +350,10 @@ export const useFieldV7TextField = params => {
           id: `${id}-${section.type}`,
           'aria-labelledby': `${id}-${section.type}`,
           'aria-readonly': readOnly,
-          'aria-valuenow': getSectionValueNow(section, utils),
+          'aria-valuenow': (0, _useField.getSectionValueNow)(section, utils),
           'aria-valuemin': sectionBoundaries[section.type].minimum,
           'aria-valuemax': sectionBoundaries[section.type].maximum,
-          'aria-valuetext': section.value ? getSectionValueText(section, utils) : translations.empty,
+          'aria-valuetext': section.value ? (0, _useField.getSectionValueText)(section, utils) : translations.empty,
           'aria-label': translations[section.type],
           'aria-disabled': disabled,
           spellCheck: isEditable ? false : undefined,
@@ -367,7 +377,7 @@ export const useFieldV7TextField = params => {
       };
     });
   }, [state.sections, getInputContentFocusHandler, handleInputContentPaste, handleInputContentDragOver, handleInputContentInput, getInputContainerClickHandler, handleInputContentMouseUp, disabled, readOnly, isContainerEditable, translations, utils, sectionBoundaries, id]);
-  const handleValueStrChange = useEventCallback(event => {
+  const handleValueStrChange = (0, _useEventCallback.default)(event => {
     updateValueFromValueStr(event.target.value);
   });
   const valueStr = React.useMemo(() => areAllSectionsEmpty ? '' : fieldValueManager.getV7HiddenInputValueFromSections(state.sections), [areAllSectionsEmpty, state.sections, fieldValueManager]);
@@ -404,4 +414,5 @@ export const useFieldV7TextField = params => {
       areAllSectionsEmpty
     }
   };
-};
+};
+exports.useFieldV7TextField = useFieldV7TextField;

package/internals/hooks/useFieldOwnerState.d.ts

@@ -1,6 +1,6 @@
-import { FieldOwnerState } from '../../models';
-import { FormProps } from '../models';
+import { FieldOwnerState } from "../../models/index.js";
+import { FormProps } from "../models/index.js";
 export declare function useFieldOwnerState(parameters: UseFieldOwnerStateParameters): FieldOwnerState;
 export interface UseFieldOwnerStateParameters extends FormProps {
-    required?: boolean;
-}
+  required?: boolean;
+}

package/internals/hooks/useFieldOwnerState.js

@@ -1,13 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
-import { usePickerPrivateContext } from "./usePickerPrivateContext.js";
-export function useFieldOwnerState(parameters) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldOwnerState = useFieldOwnerState;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _usePickerPrivateContext = require("./usePickerPrivateContext");
+function useFieldOwnerState(parameters) {
   const {
     ownerState: pickerOwnerState
-  } = usePickerPrivateContext();
-  const isRtl = useRtl();
-  return React.useMemo(() => _extends({}, pickerOwnerState, {
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  return React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
     isFieldDisabled: parameters.disabled ?? false,
     isFieldReadOnly: parameters.readOnly ?? false,
     isFieldRequired: parameters.required ?? false,

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

@@ -1,2 +1,2 @@
-export { useMobilePicker } from './useMobilePicker';
-export type { UseMobilePickerSlots, UseMobilePickerSlotProps, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps, } from './useMobilePicker.types';
+export { useMobilePicker } from "./useMobilePicker.js";
+export type { UseMobilePickerSlots, UseMobilePickerSlotProps, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps } from './useMobilePicker.types';

package/internals/hooks/useMobilePicker/index.js

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

package/internals/hooks/useMobilePicker/useMobilePicker.d.ts

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { UseMobilePickerParams, UseMobilePickerProps } from './useMobilePicker.types';
-import { DateOrTimeViewWithMeridiem } from '../../models';
+import { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.js";
+import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
  * Hook managing all the single-date mobile pickers:
  * - MobileDatePicker
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobilePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({ props, ...pickerParams }: UseMobilePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobilePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseMobilePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -1,29 +1,36 @@
-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.useMobilePicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _PickersModalDialog = require("../../components/PickersModalDialog");
+var _usePicker = require("../usePicker");
+var _PickersLayout = require("../../../PickersLayout");
+var _PickerProvider = require("../../components/PickerProvider");
+var _PickerFieldUI = require("../../components/PickerFieldUI");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
-import { PickersModalDialog } from "../../components/PickersModalDialog.js";
-import { usePicker } from "../usePicker/index.js";
-import { PickersLayout } from "../../../PickersLayout/index.js";
-import { PickerProvider } from "../../components/PickerProvider.js";
-import { PickerFieldUIContextProvider } from "../../components/PickerFieldUI.js";
-
 /**
  * Hook managing all the single-date mobile pickers:
  * - MobileDatePicker
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const useMobilePicker = _ref => {
+const useMobilePicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -34,13 +41,13 @@ export const useMobilePicker = _ref => {
     localeText
   } = props;
   const fieldRef = React.useRef(null);
-  const labelId = useId();
+  const labelId = (0, _useId.default)();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
     providerProps,
     renderCurrentView,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
     localeText,
@@ -48,10 +55,10 @@ export const useMobilePicker = _ref => {
     variant: 'mobile'
   }));
   const Field = slots.field;
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
-      additionalProps: _extends({
+      additionalProps: (0, _extends2.default)({
         // Internal props
         readOnly,
         autoFocus: autoFocus && !props.open,
@@ -62,8 +69,8 @@ export const useMobilePicker = _ref => {
       }),
       ownerState
     }),
-    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const Layout = slots.layout ?? PickersLayout;
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const Layout = slots.layout ?? _PickersLayout.PickersLayout;
   let labelledById = labelId;
   if (isToolbarHidden) {
     if (label) {
@@ -72,28 +79,28 @@ export const useMobilePicker = _ref => {
       labelledById = undefined;
     }
   }
-  const slotProps = _extends({}, innerSlotProps, {
-    toolbar: _extends({}, innerSlotProps?.toolbar, {
+  const slotProps = (0, _extends2.default)({}, innerSlotProps, {
+    toolbar: (0, _extends2.default)({}, innerSlotProps?.toolbar, {
       titleId: labelId
     }),
-    mobilePaper: _extends({
+    mobilePaper: (0, _extends2.default)({
       'aria-labelledby': labelledById
     }, innerSlotProps?.mobilePaper)
   });
 
   // TODO: This `as any` will go away once the field ref is handled by the context.
-  const handleFieldRef = useForkRef(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-    children: /*#__PURE__*/_jsxs(PickerFieldUIContextProvider, {
+  const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickerFieldUI.PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
       inputRef: inputRef,
-      children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
         unstableFieldRef: handleFieldRef
-      })), /*#__PURE__*/_jsx(PickersModalDialog, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersModalDialog.PickersModalDialog, {
         slots: slots,
         slotProps: slotProps,
-        children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
           slots: slots,
           slotProps: slotProps,
           children: renderCurrentView()
@@ -104,4 +111,5 @@ export const useMobilePicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useMobilePicker = useMobilePicker;

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

@@ -1,40 +1,38 @@
 import * as React from 'react';
 import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BasePickerProps } from '../../models/props/basePickerProps';
-import { PickersModalDialogSlots, PickersModalDialogSlotProps } from '../../components/PickersModalDialog';
-import { UsePickerParams } from '../usePicker';
-import { PickerFieldSlotProps, PickerOwnerState } from '../../../models';
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from '../../../PickersLayout/PickersLayout.types';
-import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
-import { UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { DateOrTimeViewWithMeridiem, PickerValue } from '../../models';
-import { UsePickerProviderNonStaticProps } from '../usePicker/usePickerProvider';
-import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '../../components/PickerFieldUI';
+import { BasePickerProps } from "../../models/props/basePickerProps.js";
+import { PickersModalDialogSlots, PickersModalDialogSlotProps } from "../../components/PickersModalDialog.js";
+import { UsePickerParams } from "../usePicker/index.js";
+import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import { UsePickerValueNonStaticProps } from "../usePicker/usePickerValue.types.js";
+import { UsePickerViewsProps } from "../usePicker/usePickerViews.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import { UsePickerProviderNonStaticProps } from "../usePicker/usePickerProvider.js";
+import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
 export interface UseMobilePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
-    /**
-     * Component used to enter the date with the keyboard.
-     */
-    field: React.ElementType;
+  /**
+   * Component used to enter the date with the keyboard.
+   */
+  field: React.ElementType;
 }
 export interface ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
-    field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
-}
-export interface UseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {
-}
-export interface MobileOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
+export interface UseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
+export interface MobileOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps {}
 export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends BasePickerProps<PickerValue, TView, TError, TExternalProps>, MakeRequired<MobileOnlyPickerProps, 'format'> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots: UseMobilePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseMobilePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
 export interface UseMobilePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobilePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParams<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
-    props: TExternalProps;
-}
+  props: TExternalProps;
+}

package/internals/hooks/useMobilePicker/useMobilePicker.types.js

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

package/internals/hooks/useNullablePickerContext.d.ts

@@ -2,4 +2,4 @@
  * Returns the context passed by the picker that wraps the current component.
  * If the context is not found, returns `null`.
  */
-export declare const useNullablePickerContext: () => import("..").PickerContextValue<any, any, any> | null;
+export declare const useNullablePickerContext: () => import("..").PickerContextValue<any, any, any> | null;

package/internals/hooks/useNullablePickerContext.js

@@ -1,10 +1,16 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { PickerContext } from "../../hooks/usePickerContext.js";
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNullablePickerContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _usePickerContext = require("../../hooks/usePickerContext");
 /**
  * Returns the context passed by the picker that wraps the current component.
  * If the context is not found, returns `null`.
  */
-export const useNullablePickerContext = () => React.useContext(PickerContext);
+const useNullablePickerContext = () => React.useContext(_usePickerContext.PickerContext);
+exports.useNullablePickerContext = useNullablePickerContext;

package/internals/hooks/useOpenState.d.ts

@@ -1,10 +1,14 @@
 import * as React from 'react';
 export interface OpenStateProps {
-    open?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
+  open?: boolean;
+  onOpen?: () => void;
+  onClose?: () => void;
 }
-export declare const useOpenState: ({ open, onOpen, onClose }: OpenStateProps) => {
-    open: boolean;
-    setOpen: (action: React.SetStateAction<boolean>) => void;
-};
+export declare const useOpenState: ({
+  open,
+  onOpen,
+  onClose
+}: OpenStateProps) => {
+  open: boolean;
+  setOpen: (action: React.SetStateAction<boolean>) => void;
+};

package/internals/hooks/useOpenState.js

@@ -1,6 +1,14 @@
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-export const useOpenState = ({
+"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.useOpenState = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+const useOpenState = ({
   open,
   onOpen,
   onClose
@@ -18,7 +26,7 @@ export const useOpenState = ({
       setOpenState(open);
     }
   }, [isControllingOpenProp, open]);
-  const setOpen = useEventCallback(action => {
+  const setOpen = (0, _useEventCallback.default)(action => {
     const newOpen = typeof action === 'function' ? action(openState) : action;
     if (!isControllingOpenProp) {
       setOpenState(newOpen);
@@ -34,4 +42,5 @@ export const useOpenState = ({
     open: openState,
     setOpen
   };
-};
+};
+exports.useOpenState = useOpenState;

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

@@ -1,4 +1,4 @@
-export { usePicker } from './usePicker';
+export { usePicker } from "./usePicker.js";
 export type { UsePickerProps, UsePickerBaseProps, UsePickerParams } from './usePicker.types';
-export type { PickerValueManager, PickerSelectionState, UsePickerValueFieldResponse, } from './usePickerValue.types';
-export type { PickerViewsRendererProps } from './usePickerViews';
+export type { PickerValueManager, PickerSelectionState, UsePickerValueFieldResponse } from './usePickerValue.types';
+export type { PickerViewsRendererProps } from './usePickerViews';