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

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { PickersInputBaseProps } from '../PickersInputBase';
+import { PickersInputBaseProps } from "../PickersInputBase/index.js";
 export interface PickersOutlinedInputProps extends PickersInputBaseProps {
-    notched?: boolean;
+  notched?: boolean;
 }
 /**
  * @ignore - internal component.
  */
 declare const PickersOutlinedInput: React.ForwardRefExoticComponent<Omit<PickersOutlinedInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { PickersOutlinedInput };
+export { PickersOutlinedInput };

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -1,18 +1,26 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"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.PickersOutlinedInput = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FormControl = require("@mui/material/FormControl");
+var _styles = require("@mui/material/styles");
+var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");
+var _Outline = _interopRequireDefault(require("./Outline"));
+var _PickersInputBase = require("../PickersInputBase");
+var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["label", "autoFocus", "ownerState", "classes", "notched"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
-import composeClasses from '@mui/utils/composeClasses';
-import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from "./pickersOutlinedInputClasses.js";
-import Outline from "./Outline.js";
-import { PickersInputBase } from "../PickersInputBase/index.js";
-import { PickersInputBaseRoot, PickersInputBaseSectionsContainer } from "../PickersInputBase/PickersInputBase.js";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
+const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersOutlinedInput',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -23,28 +31,28 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
   return {
     padding: '0 14px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
-    [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
+    [`&:hover .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
       borderColor: (theme.vars || theme).palette.text.primary
     },
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
-      [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
+      [`&:hover .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
       }
     },
-    [`&.${pickersOutlinedInputClasses.focused} .${pickersOutlinedInputClasses.notchedOutline}`]: {
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.focused} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
       borderStyle: 'solid',
       borderWidth: 2
     },
-    [`&.${pickersOutlinedInputClasses.disabled}`]: {
-      [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.disabled}`]: {
+      [`& .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
       },
       '*': {
         color: (theme.vars || theme).palette.action.disabled
       }
     },
-    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
       borderColor: (theme.vars || theme).palette.error.main
     },
     variants: Object.keys((theme.vars ?? theme).palette)
@@ -54,7 +62,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
         inputColor: color
       },
       style: {
-        [`&.${pickersOutlinedInputClasses.focused}:not(.${pickersOutlinedInputClasses.error}) .${pickersOutlinedInputClasses.notchedOutline}`]: {
+        [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.focused}:not(.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error}) .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
           // @ts-ignore
           borderColor: (theme.vars || theme).palette[color].main
         }
@@ -62,7 +70,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
     }))
   };
 });
-const PickersOutlinedInputSectionsContainer = styled(PickersInputBaseSectionsContainer, {
+const PickersOutlinedInputSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersOutlinedInput',
   slot: 'SectionsContainer',
   overridesResolver: (props, styles) => styles.sectionsContainer
@@ -83,15 +91,15 @@ const useUtilityClasses = classes => {
     notchedOutline: ['notchedOutline'],
     input: ['input']
   };
-  const composedClasses = composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  const composedClasses = (0, _composeClasses.default)(slots, _pickersOutlinedInputClasses.getPickersOutlinedInputUtilityClass, classes);
+  return (0, _extends2.default)({}, classes, composedClasses);
 };
 
 /**
  * @ignore - internal component.
  */
-const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(inProps, ref) {
-  const props = useThemeProps({
+const PickersOutlinedInput = exports.PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersOutlinedInput'
   });
@@ -100,19 +108,19 @@ const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutli
       classes: classesProp,
       notched
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const muiFormControl = (0, _FormControl.useFormControl)();
   const classes = useUtilityClasses(classesProp);
-  return /*#__PURE__*/_jsx(PickersInputBase, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInputBase.PickersInputBase, (0, _extends2.default)({
     slots: {
       root: PickersOutlinedInputRoot,
       input: PickersOutlinedInputSectionsContainer
     },
-    renderSuffix: state => /*#__PURE__*/_jsx(Outline, {
+    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Outline.default, {
       shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
       notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
       className: classes.notchedOutline,
-      label: label != null && label !== '' && muiFormControl?.required ? /*#__PURE__*/_jsxs(React.Fragment, {
+      label: label != null && label !== '' && muiFormControl?.required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [label, "\u2009", '*']
       }) : label
     })
@@ -132,71 +140,66 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
    * For a single item value, it means that `value === null`
    * For a range value, it means that `value === [null, null]`
    */
-  areAllSectionsEmpty: PropTypes.bool.isRequired,
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
+  areAllSectionsEmpty: _propTypes.default.bool.isRequired,
+  className: _propTypes.default.string,
+  component: _propTypes.default.elementType,
   /**
    * If true, the whole element is editable.
    * Useful when all the sections are selected.
    */
-  contentEditable: PropTypes.bool.isRequired,
+  contentEditable: _propTypes.default.bool.isRequired,
   /**
    * The elements to render.
    * Each element contains the prop to edit a section of the value.
    */
-  elements: PropTypes.arrayOf(PropTypes.shape({
-    after: PropTypes.object.isRequired,
-    before: PropTypes.object.isRequired,
-    container: PropTypes.object.isRequired,
-    content: PropTypes.object.isRequired
+  elements: _propTypes.default.arrayOf(_propTypes.default.shape({
+    after: _propTypes.default.object.isRequired,
+    before: _propTypes.default.object.isRequired,
+    container: _propTypes.default.object.isRequired,
+    content: _propTypes.default.object.isRequired
   })).isRequired,
-  endAdornment: PropTypes.node,
-  fullWidth: PropTypes.bool,
-  id: PropTypes.string,
-  inputProps: PropTypes.object,
-  inputRef: refType,
-  label: PropTypes.node,
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  name: PropTypes.string,
-  notched: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onInput: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
-  readOnly: PropTypes.bool,
-  renderSuffix: PropTypes.func,
-  sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      getRoot: PropTypes.func.isRequired,
-      getSectionContainer: PropTypes.func.isRequired,
-      getSectionContent: PropTypes.func.isRequired,
-      getSectionIndexFromDOMElement: PropTypes.func.isRequired
+  endAdornment: _propTypes.default.node,
+  fullWidth: _propTypes.default.bool,
+  id: _propTypes.default.string,
+  inputProps: _propTypes.default.object,
+  inputRef: _utils.refType,
+  label: _propTypes.default.node,
+  margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
+  notched: _propTypes.default.bool,
+  onChange: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onInput: _propTypes.default.func.isRequired,
+  onKeyDown: _propTypes.default.func.isRequired,
+  onPaste: _propTypes.default.func.isRequired,
+  ownerState: _propTypes.default.any,
+  readOnly: _propTypes.default.bool,
+  renderSuffix: _propTypes.default.func,
+  sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      getRoot: _propTypes.default.func.isRequired,
+      getSectionContainer: _propTypes.default.func.isRequired,
+      getSectionContent: _propTypes.default.func.isRequired,
+      getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
     })
   })]),
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * The components used for each slot inside.
    *
    * @default {}
    */
-  slots: PropTypes.object,
-  startAdornment: PropTypes.node,
-  style: PropTypes.object,
+  slots: _propTypes.default.object,
+  startAdornment: _propTypes.default.node,
+  style: _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]),
-  value: PropTypes.string.isRequired
+  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]),
+  value: _propTypes.default.string.isRequired
 } : void 0;
-export { PickersOutlinedInput };
 PickersOutlinedInput.muiName = 'Input';

package/PickersTextField/PickersOutlinedInput/index.d.ts

@@ -1,4 +1,4 @@
-export { PickersOutlinedInput } from './PickersOutlinedInput';
+export { PickersOutlinedInput } from "./PickersOutlinedInput.js";
 export type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey, } from './pickersOutlinedInputClasses';
-export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses, } from './pickersOutlinedInputClasses';
+export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from './pickersOutlinedInputClasses';
+export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from "./pickersOutlinedInputClasses.js";

package/PickersTextField/PickersOutlinedInput/index.js

@@ -1,2 +1,25 @@
-export { PickersOutlinedInput } from "./PickersOutlinedInput.js";
-export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from "./pickersOutlinedInputClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersOutlinedInput", {
+  enumerable: true,
+  get: function () {
+    return _PickersOutlinedInput.PickersOutlinedInput;
+  }
+});
+Object.defineProperty(exports, "getPickersOutlinedInputUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickersOutlinedInputClasses.getPickersOutlinedInputUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickersOutlinedInputClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersOutlinedInputClasses.pickersOutlinedInputClasses;
+  }
+});
+var _PickersOutlinedInput = require("./PickersOutlinedInput");
+var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");

package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.d.ts

@@ -1,22 +1,22 @@
-import { PickersInputBaseClasses } from '../PickersInputBase';
+import { PickersInputBaseClasses } from "../PickersInputBase/index.js";
 export interface PickersOutlinedInputClasses extends PickersInputBaseClasses {
-    /** Styles applied to the NotchedOutline element. */
-    notchedOutline: string;
+  /** Styles applied to the NotchedOutline element. */
+  notchedOutline: string;
 }
 export type PickersOutlinedInputClassKey = keyof PickersOutlinedInputClasses;
 export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
 export declare const pickersOutlinedInputClasses: {
-    input: string;
-    root: string;
-    notchedOutline: string;
-    disabled: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    adornedStart: string;
-    adornedEnd: string;
-    sectionsContainer: string;
-    sectionContent: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};
+  input: string;
+  root: string;
+  notchedOutline: string;
+  disabled: string;
+  readOnly: string;
+  error: string;
+  focused: string;
+  adornedStart: string;
+  adornedEnd: string;
+  sectionsContainer: string;
+  sectionContent: string;
+  sectionBefore: string;
+  sectionAfter: string;
+};

package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js

@@ -1,8 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { pickersInputBaseClasses } from "../PickersInputBase/index.js";
-export function getPickersOutlinedInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersOutlinedInput', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersOutlinedInputUtilityClass = getPickersOutlinedInputUtilityClass;
+exports.pickersOutlinedInputClasses = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _PickersInputBase = require("../PickersInputBase");
+function getPickersOutlinedInputUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersOutlinedInput', slot);
 }
-export const pickersOutlinedInputClasses = _extends({}, pickersInputBaseClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
+const pickersOutlinedInputClasses = exports.pickersOutlinedInputClasses = (0, _extends2.default)({}, _PickersInputBase.pickersInputBaseClasses, (0, _generateUtilityClasses.default)('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));

package/PickersTextField/PickersTextField.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export { PickersTextField };
+export { PickersTextField };