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

package/StaticTimePicker/StaticTimePicker.js

@@ -1,13 +1,20 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useTimePickerDefaultizedProps } from "../TimePicker/shared.js";
-import { renderTimeViewClock } from "../timeViewRenderers/index.js";
-import { singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { useStaticPicker } from "../internals/hooks/useStaticPicker/index.js";
-import { validateTime } from "../validation/index.js";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StaticTimePicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _shared = require("../TimePicker/shared");
+var _timeViewRenderers = require("../timeViewRenderers");
+var _valueManagers = require("../internals/utils/valueManagers");
+var _useStaticPicker = require("../internals/hooks/useStaticPicker");
+var _validation = require("../validation");
 /**
  * Demos:
  *
@@ -18,23 +25,23 @@ import { validateTime } from "../validation/index.js";
  *
  * - [StaticTimePicker API](https://mui.com/x/api/date-pickers/static-time-picker/)
  */
-const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
-  const defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiStaticTimePicker');
+const StaticTimePicker = exports.StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
+  const defaultizedProps = (0, _shared.useTimePickerDefaultizedProps)(inProps, 'MuiStaticTimePicker');
   const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
   const ampmInClock = defaultizedProps.ampmInClock ?? displayStaticWrapperAs === 'desktop';
-  const viewRenderers = _extends({
-    hours: renderTimeViewClock,
-    minutes: renderTimeViewClock,
-    seconds: renderTimeViewClock
+  const viewRenderers = (0, _extends2.default)({
+    hours: _timeViewRenderers.renderTimeViewClock,
+    minutes: _timeViewRenderers.renderTimeViewClock,
+    seconds: _timeViewRenderers.renderTimeViewClock
   }, defaultizedProps.viewRenderers);
 
   // Props with the default values specific to the static variant
-  const props = _extends({}, defaultizedProps, {
+  const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
     displayStaticWrapperAs,
     ampmInClock,
-    slotProps: _extends({}, defaultizedProps.slotProps, {
-      toolbar: _extends({
+    slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
+      toolbar: (0, _extends2.default)({
         hidden: displayStaticWrapperAs === 'desktop',
         ampmInClock
       }, defaultizedProps.slotProps?.toolbar)
@@ -42,12 +49,12 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
   });
   const {
     renderPicker
-  } = useStaticPicker({
+  } = (0, _useStaticPicker.useStaticPicker)({
     ref,
     props,
-    valueManager: singleItemValueManager,
+    valueManager: _valueManagers.singleItemValueManager,
     valueType: 'time',
-    validator: validateTime
+    validator: _validation.validateTime
   });
   return renderPicker();
 });
@@ -60,71 +67,71 @@ StaticTimePicker.propTypes = {
    * 12h/24h view for hour selection clock.
    * @default utils.is12HourCycleInCurrentLocale()
    */
-  ampm: PropTypes.bool,
+  ampm: _propTypes.default.bool,
   /**
    * Display ampm controls under the clock (instead of in the toolbar).
    * @default true on desktop, false on mobile
    */
-  ampmInClock: PropTypes.bool,
+  ampmInClock: _propTypes.default.bool,
   /**
    * If `true`, the main element is focused during the first mount.
    * This main element is:
    * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
    * - the `input` element if there is a field rendered.
    */
-  autoFocus: PropTypes.bool,
-  className: PropTypes.string,
+  autoFocus: _propTypes.default.bool,
+  className: _propTypes.default.string,
   /**
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: PropTypes.object,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the component is disabled.
    * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * If `true`, disable values after the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disableFuture: PropTypes.bool,
+  disableFuture: _propTypes.default.bool,
   /**
    * Do not ignore date part when validating min/max time.
    * @default false
    */
-  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
+  disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, disable values before the current date for date components, time for time components and both for date time components.
    * @default false
    */
-  disablePast: PropTypes.bool,
+  disablePast: _propTypes.default.bool,
   /**
    * Force static wrapper inner components to be rendered in mobile or desktop mode.
    * @default "mobile"
    */
-  displayStaticWrapperAs: PropTypes.oneOf(['desktop', 'mobile']),
+  displayStaticWrapperAs: _propTypes.default.oneOf(['desktop', 'mobile']),
   /**
    * Locale for components texts.
    * Allows overriding texts coming from `LocalizationProvider` and `theme`.
    */
-  localeText: PropTypes.object,
+  localeText: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: PropTypes.object,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: PropTypes.object,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
    */
-  minutesStep: PropTypes.number,
+  minutesStep: _propTypes.default.number,
   /**
    * 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.
@@ -132,7 +139,7 @@ StaticTimePicker.propTypes = {
    * @param {TValue} value The value that was just accepted.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
-  onAccept: PropTypes.func,
+  onAccept: _propTypes.default.func,
   /**
    * 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.
@@ -140,13 +147,13 @@ StaticTimePicker.propTypes = {
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
-  onChange: PropTypes.func,
+  onChange: _propTypes.default.func,
   /**
    * 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: PropTypes.func,
+  onClose: _propTypes.default.func,
   /**
    * Callback fired when the error associated with the current value changes.
    * When a validation error is detected, the `error` parameter contains a non-null value.
@@ -156,60 +163,60 @@ StaticTimePicker.propTypes = {
    * @param {TError} error The reason why the current value is not valid.
    * @param {TValue} value The value associated with the error.
    */
-  onError: PropTypes.func,
+  onError: _propTypes.default.func,
   /**
    * Callback fired on view change.
    * @template TView
    * @param {TView} view The new view.
    */
-  onViewChange: PropTypes.func,
+  onViewChange: _propTypes.default.func,
   /**
    * The default visible view.
    * Used when the component view is not controlled.
    * Must be a valid option from `views` list.
    */
-  openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
+  openTo: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Force rendering in particular orientation.
    */
-  orientation: PropTypes.oneOf(['landscape', 'portrait']),
+  orientation: _propTypes.default.oneOf(['landscape', 'portrait']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.
    * @default false
    */
-  readOnly: PropTypes.bool,
+  readOnly: _propTypes.default.bool,
   /**
    * If `true`, disable heavy animations.
    * @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
    */
-  reduceAnimations: PropTypes.bool,
+  reduceAnimations: _propTypes.default.bool,
   /**
    * 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: PropTypes.object,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific time.
    * @param {PickerValidDate} value The value to check.
    * @param {TimeView} view The clock type of the timeValue.
    * @returns {boolean} If `true` the time will be disabled.
    */
-  shouldDisableTime: PropTypes.func,
+  shouldDisableTime: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -217,31 +224,30 @@ StaticTimePicker.propTypes = {
    * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
-  timezone: PropTypes.string,
+  timezone: _propTypes.default.string,
   /**
    * The selected value.
    * Used when the component is controlled.
    */
-  value: PropTypes.object,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.
    * Must be a valid option from `views` list.
    */
-  view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
+  view: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Define custom view renderers for each section.
    * If `null`, the section will only have field editing.
    * If `undefined`, internally defined view will be used.
    */
-  viewRenderers: PropTypes.shape({
-    hours: PropTypes.func,
-    minutes: PropTypes.func,
-    seconds: PropTypes.func
+  viewRenderers: _propTypes.default.shape({
+    hours: _propTypes.default.func,
+    minutes: _propTypes.default.func,
+    seconds: _propTypes.default.func
   }),
   /**
    * Available views.
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
-};
-export { StaticTimePicker };
+  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'minutes', 'seconds']).isRequired)
+};

package/StaticTimePicker/StaticTimePicker.types.d.ts

@@ -1,20 +1,18 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from '../TimePicker/shared';
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from '../internals/hooks/useStaticPicker';
-import { TimeView } from '../models';
-export interface StaticTimePickerSlots extends BaseTimePickerSlots, UseStaticPickerSlots {
-}
-export interface StaticTimePickerSlotProps extends BaseTimePickerSlotProps, UseStaticPickerSlotProps {
-}
+import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.js";
+import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
+import { TimeView } from "../models/index.js";
+export interface StaticTimePickerSlots extends BaseTimePickerSlots, UseStaticPickerSlots {}
+export interface StaticTimePickerSlotProps extends BaseTimePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticTimePickerProps extends BaseTimePickerProps<TimeView>, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: StaticTimePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: StaticTimePickerSlotProps;
-}
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: StaticTimePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: StaticTimePickerSlotProps;
+}

package/StaticTimePicker/StaticTimePicker.types.js

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

package/StaticTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { StaticTimePicker } from './StaticTimePicker';
-export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps, } from './StaticTimePicker.types';
+export { StaticTimePicker } from "./StaticTimePicker.js";
+export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps } from './StaticTimePicker.types';

package/StaticTimePicker/index.js

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

package/TimeClock/Clock.d.ts

@@ -1,39 +1,39 @@
 import * as React from 'react';
 import type { PickerSelectionState } from '../internals/hooks/usePicker';
-import { useMeridiemMode } from '../internals/hooks/date-helpers-hooks';
-import { PickerValidDate, TimeView } from '../models';
-import { ClockClasses } from './clockClasses';
-import { FormProps } from '../internals/models/formProps';
+import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
+import { PickerValidDate, TimeView } from "../models/index.js";
+import { ClockClasses } from "./clockClasses.js";
+import { FormProps } from "../internals/models/formProps.js";
 export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProps {
-    ampm: boolean;
-    ampmInClock: boolean;
-    autoFocus?: boolean;
-    children: readonly React.ReactNode[];
-    isTimeDisabled: (timeValue: number, type: TimeView) => boolean;
-    minutesStep?: number;
-    onChange: (value: number, isFinish?: PickerSelectionState) => void;
-    /**
-     * DOM id that the selected option should have
-     * Should only be `undefined` on the server
-     */
-    selectedId: string | undefined;
-    type: TimeView;
-    /**
-     * The numeric value of the current view.
-     */
-    viewValue: number;
-    /**
-     * The current full date value.
-     */
-    value: PickerValidDate | null;
-    /**
-     * Minimum and maximum value of the clock.
-     */
-    viewRange: [number, number];
-    className?: string;
-    classes?: Partial<ClockClasses>;
+  ampm: boolean;
+  ampmInClock: boolean;
+  autoFocus?: boolean;
+  children: readonly React.ReactNode[];
+  isTimeDisabled: (timeValue: number, type: TimeView) => boolean;
+  minutesStep?: number;
+  onChange: (value: number, isFinish?: PickerSelectionState) => void;
+  /**
+   * DOM id that the selected option should have
+   * Should only be `undefined` on the server
+   */
+  selectedId: string | undefined;
+  type: TimeView;
+  /**
+   * The numeric value of the current view.
+   */
+  viewValue: number;
+  /**
+   * The current full date value.
+   */
+  value: PickerValidDate | null;
+  /**
+   * Minimum and maximum value of the clock.
+   */
+  viewRange: [number, number];
+  className?: string;
+  classes?: Partial<ClockClasses>;
 }
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): React.JSX.Element;
+export declare function Clock(inProps: ClockProps): React.JSX.Element;