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

package/hooks/index.d.ts

@@ -1,8 +1,8 @@
-export { useClearableField } from './useClearableField';
-export type { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps, UseClearableFieldResponse, } from './useClearableField';
-export { usePickerTranslations } from './usePickerTranslations';
-export { useSplitFieldProps } from './useSplitFieldProps';
-export { useParsedFormat } from './useParsedFormat';
-export { usePickerContext } from './usePickerContext';
-export { usePickerActionsContext } from './usePickerActionsContext';
-export { useIsValidValue } from './useIsValidValue';
+export { useClearableField } from "./useClearableField.js";
+export type { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps, UseClearableFieldResponse } from './useClearableField';
+export { usePickerTranslations } from "./usePickerTranslations.js";
+export { useSplitFieldProps } from "./useSplitFieldProps.js";
+export { useParsedFormat } from "./useParsedFormat.js";
+export { usePickerContext } from "./usePickerContext.js";
+export { usePickerActionsContext } from "./usePickerActionsContext.js";
+export { useIsValidValue } from "./useIsValidValue.js";

package/hooks/index.js

@@ -1,7 +1,54 @@
-export { useClearableField } from "./useClearableField.js";
-export { usePickerTranslations } from "./usePickerTranslations.js";
-export { useSplitFieldProps } from "./useSplitFieldProps.js";
-export { useParsedFormat } from "./useParsedFormat.js";
-export { usePickerContext } from "./usePickerContext.js";
-export { usePickerActionsContext } from "./usePickerActionsContext.js";
-export { useIsValidValue } from "./useIsValidValue.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useClearableField", {
+  enumerable: true,
+  get: function () {
+    return _useClearableField.useClearableField;
+  }
+});
+Object.defineProperty(exports, "useIsValidValue", {
+  enumerable: true,
+  get: function () {
+    return _useIsValidValue.useIsValidValue;
+  }
+});
+Object.defineProperty(exports, "useParsedFormat", {
+  enumerable: true,
+  get: function () {
+    return _useParsedFormat.useParsedFormat;
+  }
+});
+Object.defineProperty(exports, "usePickerActionsContext", {
+  enumerable: true,
+  get: function () {
+    return _usePickerActionsContext.usePickerActionsContext;
+  }
+});
+Object.defineProperty(exports, "usePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _usePickerContext.usePickerContext;
+  }
+});
+Object.defineProperty(exports, "usePickerTranslations", {
+  enumerable: true,
+  get: function () {
+    return _usePickerTranslations.usePickerTranslations;
+  }
+});
+Object.defineProperty(exports, "useSplitFieldProps", {
+  enumerable: true,
+  get: function () {
+    return _useSplitFieldProps.useSplitFieldProps;
+  }
+});
+var _useClearableField = require("./useClearableField");
+var _usePickerTranslations = require("./usePickerTranslations");
+var _useSplitFieldProps = require("./useSplitFieldProps");
+var _useParsedFormat = require("./useParsedFormat");
+var _usePickerContext = require("./usePickerContext");
+var _usePickerActionsContext = require("./usePickerActionsContext");
+var _useIsValidValue = require("./useIsValidValue");

package/hooks/useClearableField.d.ts

@@ -2,44 +2,44 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import MuiIconButton from '@mui/material/IconButton';
 import { SxProps } from '@mui/system';
-import { ClearIcon } from '../icons';
-import { FieldOwnerState } from '../models/fields';
-import { FormProps } from '../internals/models';
+import { ClearIcon } from "../icons/index.js";
+import { FieldOwnerState } from "../models/fields.js";
+import { FormProps } from "../internals/models/index.js";
 export interface ExportedUseClearableFieldProps {
-    /**
-     * If `true`, a clear button will be shown in the field allowing value clearing.
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * Callback fired when the clear button is clicked.
-     */
-    onClear?: React.MouseEventHandler;
+  /**
+   * If `true`, a clear button will be shown in the field allowing value clearing.
+   * @default false
+   */
+  clearable?: boolean;
+  /**
+   * Callback fired when the clear button is clicked.
+   */
+  onClear?: React.MouseEventHandler;
 }
 export interface UseClearableFieldSlots {
-    /**
-     * Icon to display inside the clear button.
-     * @default ClearIcon
-     */
-    clearIcon?: React.ElementType;
-    /**
-     * Button to clear the value.
-     * @default IconButton
-     */
-    clearButton?: React.ElementType;
+  /**
+   * Icon to display inside the clear button.
+   * @default ClearIcon
+   */
+  clearIcon?: React.ElementType;
+  /**
+   * Button to clear the value.
+   * @default IconButton
+   */
+  clearButton?: React.ElementType;
 }
 export interface UseClearableFieldSlotProps {
-    clearIcon?: SlotComponentProps<typeof ClearIcon, {}, FieldOwnerState>;
-    clearButton?: SlotComponentProps<typeof MuiIconButton, {}, FieldOwnerState>;
+  clearIcon?: SlotComponentProps<typeof ClearIcon, {}, FieldOwnerState>;
+  clearButton?: SlotComponentProps<typeof MuiIconButton, {}, FieldOwnerState>;
 }
 interface UseClearableFieldProps extends ExportedUseClearableFieldProps, FormProps {
-    InputProps?: {
-        endAdornment?: React.ReactNode;
-    };
-    sx?: SxProps<any>;
-    slots?: UseClearableFieldSlots;
-    slotProps?: UseClearableFieldSlotProps;
+  InputProps?: {
+    endAdornment?: React.ReactNode;
+  };
+  sx?: SxProps<any>;
+  slots?: UseClearableFieldSlots;
+  slotProps?: UseClearableFieldSlotProps;
 }
 export type UseClearableFieldResponse<TFieldProps extends UseClearableFieldProps> = Omit<TFieldProps, 'clearable' | 'onClear' | 'slots' | 'slotProps'>;
 export declare const useClearableField: <TFieldProps extends UseClearableFieldProps>(props: TFieldProps) => UseClearableFieldResponse<TFieldProps>;
-export {};
+export {};

package/hooks/useClearableField.js

@@ -1,20 +1,27 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClearableField = 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 _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _icons = require("../icons");
+var _usePickerTranslations = require("./usePickerTranslations");
+var _useFieldOwnerState = require("../internals/hooks/useFieldOwnerState");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["clearable", "onClear", "InputProps", "sx", "slots", "slotProps"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import MuiIconButton from '@mui/material/IconButton';
-import InputAdornment from '@mui/material/InputAdornment';
-import { ClearIcon } from "../icons/index.js";
-import { usePickerTranslations } from "./usePickerTranslations.js";
-import { useFieldOwnerState } from "../internals/hooks/useFieldOwnerState.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const useClearableField = props => {
-  const translations = usePickerTranslations();
-  const ownerState = useFieldOwnerState(props);
+const useClearableField = props => {
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const ownerState = (0, _useFieldOwnerState.useFieldOwnerState)(props);
   const {
       clearable,
       onClear,
@@ -23,10 +30,10 @@ export const useClearableField = props => {
       slots,
       slotProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const IconButton = slots?.clearButton ?? MuiIconButton;
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const IconButton = slots?.clearButton ?? _IconButton.default;
   // The spread is here to avoid this bug mui/material-ui#34056
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: IconButton,
       externalSlotProps: slotProps?.clearButton,
       ownerState,
@@ -36,24 +43,24 @@ export const useClearableField = props => {
         tabIndex: -1
       }
     }),
-    iconButtonProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const EndClearIcon = slots?.clearIcon ?? ClearIcon;
-  const endClearIconProps = useSlotProps({
+    iconButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const EndClearIcon = slots?.clearIcon ?? _icons.ClearIcon;
+  const endClearIconProps = (0, _useSlotProps2.default)({
     elementType: EndClearIcon,
     externalSlotProps: slotProps?.clearIcon,
     ownerState
   });
-  return _extends({}, other, {
-    InputProps: _extends({}, InputProps, {
-      endAdornment: /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [clearable && /*#__PURE__*/_jsx(InputAdornment, {
+  return (0, _extends2.default)({}, other, {
+    InputProps: (0, _extends2.default)({}, InputProps, {
+      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [clearable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
           position: "end",
           sx: {
             marginRight: InputProps?.endAdornment ? -1 : -1.5
           },
-          children: /*#__PURE__*/_jsx(IconButton, _extends({}, iconButtonProps, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, (0, _extends2.default)({}, iconButtonProps, {
             onClick: onClear,
-            children: /*#__PURE__*/_jsx(EndClearIcon, _extends({
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(EndClearIcon, (0, _extends2.default)({
               fontSize: "small"
             }, endClearIconProps))
           }))
@@ -76,4 +83,5 @@ export const useClearableField = props => {
       }
     }, ...(Array.isArray(sx) ? sx : [sx])]
   });
-};
+};
+exports.useClearableField = useClearableField;

package/hooks/useIsValidValue.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { PickerValidValue } from '../internals/models';
+import { PickerValidValue } from "../internals/models/index.js";
 export declare const IsValidValueContext: React.Context<(value: any) => boolean>;
 /**
  * Returns a function to check if a value is valid according to the validation props passed to the parent picker.
  */
-export declare function useIsValidValue<TValue extends PickerValidValue>(): (value: TValue) => boolean;
+export declare function useIsValidValue<TValue extends PickerValidValue>(): (value: TValue) => boolean;

package/hooks/useIsValidValue.js

@@ -1,11 +1,18 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-export const IsValidValueContext = /*#__PURE__*/React.createContext(() => true);
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IsValidValueContext = void 0;
+exports.useIsValidValue = useIsValidValue;
+var React = _interopRequireWildcard(require("react"));
+const IsValidValueContext = exports.IsValidValueContext = /*#__PURE__*/React.createContext(() => true);
 
 /**
  * Returns a function to check if a value is valid according to the validation props passed to the parent picker.
  */
-export function useIsValidValue() {
+function useIsValidValue() {
   return React.useContext(IsValidValueContext);
 }

package/hooks/useParsedFormat.d.ts

@@ -1,9 +1,9 @@
 interface UseParsedFormatParameters {
-    /**
-     * Format to parse.
-     * @default the format provided by the picker.
-     */
-    format?: string;
+  /**
+   * Format to parse.
+   * @default the format provided by the picker.
+   */
+  format?: string;
 }
 /**
  * Returns the parsed format to be rendered in the field when there is no value or in other parts of the Picker.
@@ -13,4 +13,4 @@ interface UseParsedFormatParameters {
  * @returns
  */
 export declare const useParsedFormat: (parameters?: UseParsedFormatParameters) => string;
-export {};
+export {};

package/hooks/useParsedFormat.js

@@ -1,12 +1,18 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { buildSectionsFromFormat } from "../internals/hooks/useField/buildSectionsFromFormat.js";
-import { getLocalizedDigits } from "../internals/hooks/useField/useField.utils.js";
-import { usePickerTranslations } from "./usePickerTranslations.js";
-import { useNullablePickerContext } from "../internals/hooks/useNullablePickerContext.js";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useParsedFormat = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _useUtils = require("../internals/hooks/useUtils");
+var _buildSectionsFromFormat = require("../internals/hooks/useField/buildSectionsFromFormat");
+var _useField = require("../internals/hooks/useField/useField.utils");
+var _usePickerTranslations = require("./usePickerTranslations");
+var _useNullablePickerContext = require("../internals/hooks/useNullablePickerContext");
 /**
  * Returns the parsed format to be rendered in the field when there is no value or in other parts of the Picker.
  * This format is localized (for example `AAAA` for the year with the French locale) and cannot be parsed by your date library.
@@ -14,17 +20,17 @@ import { useNullablePickerContext } from "../internals/hooks/useNullablePickerCo
  * @param {string} params.format Format to parse.
  * @returns
  */
-export const useParsedFormat = (parameters = {}) => {
-  const pickerContext = useNullablePickerContext();
-  const utils = useUtils();
-  const isRtl = useRtl();
-  const translations = usePickerTranslations();
-  const localizedDigits = React.useMemo(() => getLocalizedDigits(utils), [utils]);
+const useParsedFormat = (parameters = {}) => {
+  const pickerContext = (0, _useNullablePickerContext.useNullablePickerContext)();
+  const utils = (0, _useUtils.useUtils)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const localizedDigits = React.useMemo(() => (0, _useField.getLocalizedDigits)(utils), [utils]);
   const {
     format = pickerContext?.fieldFormat ?? utils.formats.fullDate
   } = parameters;
   return React.useMemo(() => {
-    const sections = buildSectionsFromFormat({
+    const sections = (0, _buildSectionsFromFormat.buildSectionsFromFormat)({
       utils,
       format,
       formatDensity: 'dense',
@@ -38,4 +44,5 @@ export const useParsedFormat = (parameters = {}) => {
     });
     return sections.map(section => `${section.startSeparator}${section.placeholder}${section.endSeparator}`).join('');
   }, [utils, isRtl, translations, localizedDigits, format]);
-};
+};
+exports.useParsedFormat = useParsedFormat;

package/hooks/usePickerActionsContext.d.ts

@@ -1,7 +1,7 @@
-import { PickerActionsContextValue } from '../internals/components/PickerProvider';
-import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from '../internals/models';
+import { PickerActionsContextValue } from "../internals/components/PickerProvider.js";
+import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from "../internals/models/index.js";
 /**
  * Returns a subset of the context passed by the picker wrapping the current component.
  * It only contains the actions and never causes a re-render of the component using it.
  */
-export declare const usePickerActionsContext: <TValue extends PickerValidValue = PickerValue, TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem, TError = string | null>() => PickerActionsContextValue<TValue, TView, TError>;
+export declare const usePickerActionsContext: <TValue extends PickerValidValue = PickerValue, TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem, TError = string | null>() => PickerActionsContextValue<TValue, TView, TError>;

package/hooks/usePickerActionsContext.js

@@ -1,15 +1,22 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { PickerActionsContext } from "../internals/components/PickerProvider.js";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerActionsContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _PickerProvider = require("../internals/components/PickerProvider");
 /**
  * Returns a subset of the context passed by the picker wrapping the current component.
  * It only contains the actions and never causes a re-render of the component using it.
  */
-export const usePickerActionsContext = () => {
-  const value = React.useContext(PickerActionsContext);
+const usePickerActionsContext = () => {
+  const value = React.useContext(_PickerProvider.PickerActionsContext);
   if (value == null) {
     throw new Error(['MUI X: The `usePickerActionsContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
   }
   return value;
-};
+};
+exports.usePickerActionsContext = usePickerActionsContext;

package/hooks/usePickerContext.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { PickerContextValue } from '../internals/components/PickerProvider';
-import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from '../internals/models';
+import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from "../internals/models/index.js";
 export declare const PickerContext: React.Context<PickerContextValue<any, any, any> | null>;
 /**
  * Returns the context passed by the picker that wraps the current component.
  */
-export declare const usePickerContext: <TValue extends PickerValidValue = PickerValue, TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem, TError = string | null>() => PickerContextValue<TValue, TView, TError>;
+export declare const usePickerContext: <TValue extends PickerValidValue = PickerValue, TView extends DateOrTimeViewWithMeridiem = DateOrTimeViewWithMeridiem, TError = string | null>() => PickerContextValue<TValue, TView, TError>;

package/hooks/usePickerContext.js

@@ -1,15 +1,22 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-export const PickerContext = /*#__PURE__*/React.createContext(null);
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerContext = exports.PickerContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+const PickerContext = exports.PickerContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Returns the context passed by the picker that wraps the current component.
  */
-export const usePickerContext = () => {
+const usePickerContext = () => {
   const value = React.useContext(PickerContext);
   if (value == null) {
     throw new Error('MUI X: The `usePickerContext` hook can only be called inside the context of a picker component');
   }
   return value;
-};
+};
+exports.usePickerContext = usePickerContext;

package/hooks/usePickerTranslations.d.ts

@@ -1 +1 @@
-export declare const usePickerTranslations: () => import("..").PickersLocaleText;
+export declare const usePickerTranslations: () => import("..").PickersLocaleText;

package/hooks/usePickerTranslations.js

@@ -1,4 +1,10 @@
+"use strict";
 'use client';
 
-import { useLocalizationContext } from "../internals/hooks/useUtils.js";
-export const usePickerTranslations = () => useLocalizationContext().localeText;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerTranslations = void 0;
+var _useUtils = require("../internals/hooks/useUtils");
+const usePickerTranslations = () => (0, _useUtils.useLocalizationContext)().localeText;
+exports.usePickerTranslations = usePickerTranslations;

package/hooks/useSplitFieldProps.d.ts

@@ -1,6 +1,6 @@
-import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from '../validation/extractValidationProps';
-import { PickerValueType } from '../models/common';
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef", "unstableStartFieldRef", "unstableEndFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus"];
+import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.js";
+import { PickerValueType } from "../models/common.js";
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef", "unstableStartFieldRef", "unstableEndFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
 type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:
@@ -12,17 +12,13 @@ type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIEL
  * @param {TProps} props The props received by the field component.
  * @param {TValueType} valueType The type of the field value ('date', 'time', or 'date-time').
  */
-export declare const useSplitFieldProps: <TValueType extends PickerValueType, TProps extends { [key in InternalPropNames<TValueType>]?: any; }>(props: TProps, valueType: TValueType) => {
-    forwardedProps: Omit<TProps, InternalPropNames<TValueType>>;
-    internalProps: ExtractInternalProps<TValueType, TProps>;
+export declare const useSplitFieldProps: <TValueType extends PickerValueType, TProps extends { [key in InternalPropNames<TValueType>]?: any }>(props: TProps, valueType: TValueType) => {
+  forwardedProps: Omit<TProps, InternalPropNames<TValueType>>;
+  internalProps: ExtractInternalProps<TValueType, TProps>;
 };
 /**
  * Extract the internal props from the props received by the field component.
  * This makes sure that the internal props not defined in the props are not present in the result.
  */
-type ExtractInternalProps<TValueType extends PickerValueType, TProps extends {
-    [key in InternalPropNames<TValueType>]?: any;
-}> = {
-    [K in keyof TProps]: K extends InternalPropNames<TValueType> ? TProps[K] : never;
-};
-export {};
+type ExtractInternalProps<TValueType extends PickerValueType, TProps extends { [key in InternalPropNames<TValueType>]?: any }> = { [K in keyof TProps]: K extends InternalPropNames<TValueType> ? TProps[K] : never };
+export {};

package/hooks/useSplitFieldProps.js

@@ -1,9 +1,16 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.js";
-const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef', 'unstableStartFieldRef', 'unstableEndFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus'];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSplitFieldProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _extractValidationProps = require("../validation/extractValidationProps");
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef', 'unstableStartFieldRef', 'unstableEndFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 /**
  * Split the props received by the field component into:
  * - `internalProps` which are used by the various hooks called by the field component.
@@ -14,9 +21,9 @@ const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDat
  * @param {TProps} props The props received by the field component.
  * @param {TValueType} valueType The type of the field value ('date', 'time', or 'date-time').
  */
-export const useSplitFieldProps = (props, valueType) => {
+const useSplitFieldProps = (props, valueType) => {
   return React.useMemo(() => {
-    const forwardedProps = _extends({}, props);
+    const forwardedProps = (0, _extends2.default)({}, props);
     const internalProps = {};
     const extractProp = propName => {
       if (forwardedProps.hasOwnProperty(propName)) {
@@ -27,13 +34,13 @@ export const useSplitFieldProps = (props, valueType) => {
     };
     SHARED_FIELD_INTERNAL_PROP_NAMES.forEach(extractProp);
     if (valueType === 'date') {
-      DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+      _extractValidationProps.DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
     } else if (valueType === 'time') {
-      TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+      _extractValidationProps.TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
     } else if (valueType === 'date-time') {
-      DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
-      TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
-      DATE_TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+      _extractValidationProps.DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+      _extractValidationProps.TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+      _extractValidationProps.DATE_TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
     }
     return {
       forwardedProps,
@@ -45,4 +52,5 @@ export const useSplitFieldProps = (props, valueType) => {
 /**
  * Extract the internal props from the props received by the field component.
  * This makes sure that the internal props not defined in the props are not present in the result.
- */
+ */
+exports.useSplitFieldProps = useSplitFieldProps;

package/icons/index.d.ts

@@ -2,47 +2,47 @@
  * @ignore - internal component.
  */
 export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 /**
  * @ignore - internal component.
  */
 export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
+  muiName: string;
+};