@mui/x-date-pickers-pro 8.0.0-alpha.8 → 8.0.0-beta.0

package/DateRangePicker/DateRangePickerToolbar.js

@@ -1,32 +1,39 @@
+"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.DateRangePickerToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
+var _dateRangePickerToolbarClasses = require("./dateRangePickerToolbarClasses");
+var _hooks2 = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["toolbarFormat", "className", "classes"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { PickersToolbar, PickersToolbarButton, useUtils, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
-import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getDateRangePickerToolbarUtilityClass } from "./dateRangePickerToolbarClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     container: ['container']
   };
-  return composeClasses(slots, getDateRangePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass, classes);
 };
-const DateRangePickerToolbarRoot = styled(PickersToolbar, {
+const DateRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
   name: 'MuiDateRangePickerToolbar',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
 })({});
-const DateRangePickerToolbarContainer = styled('div', {
+const DateRangePickerToolbarContainer = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerToolbar',
   slot: 'Container',
   overridesResolver: (_, styles) => styles.container
@@ -43,9 +50,9 @@ const DateRangePickerToolbarContainer = styled('div', {
  *
  * - [DateRangePickerToolbar API](https://mui.com/x/api/date-pickers/date-range-picker-toolbar/)
  */
-const DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
-  const utils = useUtils();
-  const props = useThemeProps({
+const DateRangePickerToolbar = exports.DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
+  const utils = (0, _internals.useUtils)();
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateRangePickerToolbar'
   });
@@ -54,16 +61,16 @@ const DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangeP
       className,
       classes: classesProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value
-  } = usePickerContext();
-  const translations = usePickerTranslations();
-  const ownerState = useToolbarOwnerState();
+  } = (0, _hooks.usePickerContext)();
+  const translations = (0, _hooks.usePickerTranslations)();
+  const ownerState = (0, _internals.useToolbarOwnerState)();
   const {
     rangePosition,
     setRangePosition
-  } = usePickerRangePositionContext();
+  } = (0, _hooks2.usePickerRangePositionContext)();
   const classes = useUtilityClasses(classesProp);
 
   // This can't be a default value when spreading because it breaks the API generation.
@@ -74,22 +81,22 @@ const DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangeP
     }
     return utils.formatByString(date, toolbarFormat);
   };
-  return /*#__PURE__*/_jsx(DateRangePickerToolbarRoot, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerToolbarRoot, (0, _extends2.default)({}, other, {
     toolbarTitle: translations.dateRangePickerToolbarTitle,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
-    children: /*#__PURE__*/_jsxs(DateRangePickerToolbarContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateRangePickerToolbarContainer, {
       className: classes.container,
-      children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersToolbarButton, {
         variant: value[0] == null ? 'h6' : 'h5',
         value: formatDate(value[0], translations.start),
         selected: rangePosition === 'start',
         onClick: () => setRangePosition('start')
-      }), /*#__PURE__*/_jsxs(Typography, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
         variant: "h5",
         children: ["\xA0", '–', "\xA0"]
-      }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersToolbarButton, {
         variant: value[1] == null ? 'h6' : 'h5',
         value: formatDate(value[1], translations.end),
         selected: rangePosition === 'end',
@@ -106,26 +113,25 @@ process.env.NODE_ENV !== "production" ? DateRangePickerToolbar.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * If `true`, show the toolbar even in desktop mode.
    * @default `true` for Desktop, `false` for Mobile.
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * 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]),
-  titleId: PropTypes.string,
+  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]),
+  titleId: _propTypes.default.string,
   /**
    * Toolbar date format.
    */
-  toolbarFormat: PropTypes.string,
+  toolbarFormat: _propTypes.default.string,
   /**
    * Toolbar value placeholder—it is displayed when the value is empty.
    * @default "––"
    */
-  toolbarPlaceholder: PropTypes.node
-} : void 0;
-export { DateRangePickerToolbar };
+  toolbarPlaceholder: _propTypes.default.node
+} : void 0;

package/DateRangePicker/dateRangePickerToolbarClasses.d.ts

@@ -1,9 +1,9 @@
 export interface DateRangePickerToolbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the container element. */
-    container: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the container element. */
+  container: string;
 }
 export type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
 export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
-export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
+export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;

package/DateRangePicker/dateRangePickerToolbarClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateRangePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiDateRangePickerToolbar', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateRangePickerToolbarClasses = void 0;
+exports.getDateRangePickerToolbarUtilityClass = getDateRangePickerToolbarUtilityClass;
+var _utils = require("@mui/utils");
+function getDateRangePickerToolbarUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiDateRangePickerToolbar', slot);
 }
-export const dateRangePickerToolbarClasses = generateUtilityClasses('MuiDateRangePickerToolbar', ['root', 'container']);
+const dateRangePickerToolbarClasses = exports.dateRangePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerToolbar', ['root', 'container']);

package/DateRangePicker/index.d.ts

@@ -1,6 +1,6 @@
-export { DateRangePicker } from './DateRangePicker';
-export type { DateRangePickerProps, DateRangePickerSlots, DateRangePickerSlotProps, DateRangePickerFieldProps, } from './DateRangePicker.types';
-export { DateRangePickerToolbar } from './DateRangePickerToolbar';
+export { DateRangePicker } from "./DateRangePicker.js";
+export type { DateRangePickerProps, DateRangePickerSlots, DateRangePickerSlotProps, DateRangePickerFieldProps } from './DateRangePicker.types';
+export { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
 export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
-export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
-export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";
+export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey } from './dateRangePickerToolbarClasses';

package/DateRangePicker/index.js

@@ -1,3 +1,32 @@
-export { DateRangePicker } from "./DateRangePicker.js";
-export { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
-export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePicker.DateRangePicker;
+  }
+});
+Object.defineProperty(exports, "DateRangePickerToolbar", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePickerToolbar.DateRangePickerToolbar;
+  }
+});
+Object.defineProperty(exports, "dateRangePickerToolbarClasses", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerToolbarClasses.dateRangePickerToolbarClasses;
+  }
+});
+Object.defineProperty(exports, "getDateRangePickerToolbarUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass;
+  }
+});
+var _DateRangePicker = require("./DateRangePicker");
+var _DateRangePickerToolbar = require("./DateRangePickerToolbar");
+var _dateRangePickerToolbarClasses = require("./dateRangePickerToolbarClasses");

package/DateRangePicker/shared.d.ts

@@ -2,39 +2,39 @@ import * as React from 'react';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import { BasePickerInputProps, PickerViewRendererLookup, PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { DateRangeValidationError } from '../models';
-import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from '../DateRangeCalendar';
-import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from './DateRangePickerToolbar';
-import { DateRangeViewRendererProps } from '../dateRangeViewRenderers';
-import { ValidateDateRangePropsToDefault } from '../validation/validateDateRange';
+import { DateRangeValidationError } from "../models/index.js";
+import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.js";
+import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from "./DateRangePickerToolbar.js";
+import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.js";
+import { ValidateDateRangePropsToDefault } from "../validation/validateDateRange.js";
 export interface BaseDateRangePickerSlots extends DateRangeCalendarSlots {
-    /**
-     * Custom component for the toolbar rendered above the views.
-     * @default DateTimePickerToolbar
-     */
-    toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps>;
+  /**
+   * Custom component for the toolbar rendered above the views.
+   * @default DateTimePickerToolbar
+   */
+  toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps>;
 }
 export interface BaseDateRangePickerSlotProps extends DateRangeCalendarSlotProps {
-    toolbar?: ExportedDateRangePickerToolbarProps;
+  toolbar?: ExportedDateRangePickerToolbarProps;
 }
 export interface BaseDateRangePickerProps extends Omit<BasePickerInputProps<PickerRangeValue, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: BaseDateRangePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: BaseDateRangePickerSlotProps;
-    /**
-     * 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?: Partial<PickerViewRendererLookup<PickerRangeValue, 'day', DateRangeViewRendererProps<'day'>>>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: BaseDateRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: BaseDateRangePickerSlotProps;
+  /**
+   * 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?: Partial<PickerViewRendererLookup<PickerRangeValue, 'day', DateRangeViewRendererProps<'day'>>>;
 }
 type UseDateRangePickerDefaultizedProps<Props extends BaseDateRangePickerProps> = LocalizedComponent<DefaultizedProps<Props, ValidateDateRangePropsToDefault>>;
 export declare function useDateRangePickerDefaultizedProps<Props extends BaseDateRangePickerProps>(props: Props, name: string): UseDateRangePickerDefaultizedProps<Props>;
-export {};
+export {};

package/DateRangePicker/shared.js

@@ -1,12 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
-import { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
-export function useDateRangePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const themeProps = useThemeProps({
+"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.useDateRangePickerDefaultizedProps = useDateRangePickerDefaultizedProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-date-pickers/internals");
+var _DateRangePickerToolbar = require("./DateRangePickerToolbar");
+function useDateRangePickerDefaultizedProps(props, name) {
+  const utils = (0, _internals.useUtils)();
+  const defaultDates = (0, _internals.useDefaultDates)();
+  const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
@@ -14,18 +22,18 @@ export function useDateRangePickerDefaultizedProps(props, name) {
     if (themeProps.localeText?.toolbarTitle == null) {
       return themeProps.localeText;
     }
-    return _extends({}, themeProps.localeText, {
+    return (0, _extends2.default)({}, themeProps.localeText, {
       dateRangePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  return _extends({}, themeProps, {
+  return (0, _extends2.default)({}, themeProps, {
     localeText,
     disableFuture: themeProps.disableFuture ?? false,
     disablePast: themeProps.disablePast ?? false,
-    minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
-    slots: _extends({
-      toolbar: DateRangePickerToolbar
+    minDate: (0, _internals.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
+    maxDate: (0, _internals.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate),
+    slots: (0, _extends2.default)({
+      toolbar: _DateRangePickerToolbar.DateRangePickerToolbar
     }, themeProps.slots)
   });
 }

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -1,44 +1,44 @@
 import * as React from 'react';
 import { PickersDayProps } from '@mui/x-date-pickers/PickersDay';
-import { DateRangePickerDayClasses } from './dateRangePickerDayClasses';
+import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
 export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
-    /**
-     * Set to `true` if the `day` is in a highlighted date range.
-     */
-    isHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is the end of a highlighted date range.
-     */
-    isEndOfHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is the start of a highlighted date range.
-     */
-    isStartOfHighlighting: boolean;
-    /**
-     * Set to `true` if the `day` is in a preview date range.
-     */
-    isPreviewing: boolean;
-    /**
-     * Set to `true` if the `day` is the end of a previewing date range.
-     */
-    isEndOfPreviewing: boolean;
-    /**
-     * Set to `true` if the `day` is the start of a previewing date range.
-     */
-    isStartOfPreviewing: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DateRangePickerDayClasses>;
-    /**
-     * Indicates if the day should be visually selected.
-     */
-    isVisuallySelected?: boolean;
-    /**
-     * If `true`, the day can be dragged to change the current date range.
-     * @default false
-     */
-    draggable?: boolean;
+  /**
+   * Set to `true` if the `day` is in a highlighted date range.
+   */
+  isHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a highlighted date range.
+   */
+  isEndOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a highlighted date range.
+   */
+  isStartOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is in a preview date range.
+   */
+  isPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a previewing date range.
+   */
+  isEndOfPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a previewing date range.
+   */
+  isStartOfPreviewing: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateRangePickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day can be dragged to change the current date range.
+   * @default false
+   */
+  draggable?: boolean;
 }
 type DateRangePickerDayComponent = (props: DateRangePickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
 /**
@@ -51,4 +51,4 @@ type DateRangePickerDayComponent = (props: DateRangePickerDayProps & React.RefAt
  * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
  */
 export declare const DateRangePickerDay: DateRangePickerDayComponent;
-export {};
+export {};