@mui/x-date-pickers 7.0.0-alpha.8 → 7.0.0-alpha.9

package/modern/internals/components/PickersTextField/PickersTextField.js

@@ -1,138 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onFocus", "onBlur", "className", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "helperText", "FormHelperTextProps", "label", "InputLabelProps"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
-import InputLabel from '@mui/material/InputLabel';
-import FormHelperText from '@mui/material/FormHelperText';
-import FormControl from '@mui/material/FormControl';
-import { getPickersTextFieldUtilityClass } from './pickersTextFieldClasses';
-import { PickersOutlinedInput } from '../PickersInput/PickersOutlinedInput';
-import { PickersFilledInput } from '../PickersInput/PickersFilledInput';
-import { PickersStandardInput } from '../PickersInput/PickersStandardInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const VARIANT_COMPONENT = {
-  standard: PickersStandardInput,
-  filled: PickersFilledInput,
-  outlined: PickersOutlinedInput
-};
-const PickersTextFieldRoot = styled(FormControl, {
-  name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({});
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    classes,
-    required
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', required && 'required']
-  };
-  return composeClasses(slots, getPickersTextFieldUtilityClass, classes);
-};
-export const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField(props, ref) {
-  const {
-      // Props used by FormControl
-      onFocus,
-      onBlur,
-      className,
-      color = 'primary',
-      disabled = false,
-      error = false,
-      variant = 'outlined',
-      required = false,
-      // Props used by PickersInput
-      InputProps,
-      inputProps,
-      inputRef,
-      sectionListRef,
-      elements,
-      areAllSectionsEmpty,
-      onClick,
-      onKeyDown,
-      onPaste,
-      onInput,
-      endAdornment,
-      startAdornment,
-      tabIndex,
-      contentEditable,
-      focused,
-      value,
-      onChange,
-      fullWidth,
-      id: idProp,
-      // Props used by FormHelperText
-      helperText,
-      FormHelperTextProps,
-      // Props used by InputLabel
-      label,
-      InputLabelProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootRef = React.useRef(null);
-  const handleRootRef = useForkRef(ref, rootRef);
-  const id = useId(idProp);
-  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
-  const inputLabelId = label && id ? `${id}-label` : undefined;
-  const ownerState = _extends({}, props, {
-    color,
-    disabled,
-    error,
-    focused,
-    required,
-    variant
-  });
-  const classes = useUtilityClasses(ownerState);
-  const PickersInputComponent = VARIANT_COMPONENT[variant];
-  return /*#__PURE__*/_jsxs(PickersTextFieldRoot, _extends({
-    className: clsx(classes.root, className),
-    ref: handleRootRef,
-    focused: focused,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    disabled: disabled,
-    variant: variant,
-    error: error,
-    color: color,
-    fullWidth: fullWidth,
-    required: required,
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(InputLabel, _extends({
-      htmlFor: id,
-      id: inputLabelId
-    }, InputLabelProps, {
-      children: label
-    })), /*#__PURE__*/_jsx(PickersInputComponent, _extends({
-      elements: elements,
-      areAllSectionsEmpty: areAllSectionsEmpty,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
-      onInput: onInput,
-      onPaste: onPaste,
-      endAdornment: endAdornment,
-      startAdornment: startAdornment,
-      tabIndex: tabIndex,
-      contentEditable: contentEditable,
-      value: value,
-      onChange: onChange,
-      id: id,
-      fullWidth: fullWidth,
-      inputProps: inputProps,
-      inputRef: inputRef,
-      sectionListRef: sectionListRef,
-      label: label
-    }, InputProps)), helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
-      id: helperTextId
-    }, FormHelperTextProps, {
-      children: helperText
-    }))]
-  }));
-});

package/modern/internals/components/PickersTextField/index.js

@@ -1 +0,0 @@
-export { PickersTextField } from './PickersTextField';

package/node/internals/components/PickersInput/PickersOutlinedInput.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _FormControl = require("@mui/material/FormControl");
-var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
-var _pickersInputClasses = require("./pickersInputClasses");
-var _Outline = _interopRequireDefault(require("./Outline"));
-var _PickersInput = require("./PickersInput");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "autoFocus", "ownerState", "notched"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const OutlinedInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return {
-    padding: '0 14px',
-    borderRadius: (theme.vars || theme).shape.borderRadius,
-    [`&:hover .${_pickersInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      [`&:hover .${_pickersInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
-      }
-    },
-    [`&.${_pickersInputClasses.pickersOutlinedInputClasses.focused} .${_pickersInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderStyle: 'solid',
-      borderColor: (theme.vars || theme).palette[ownerState.color].main,
-      borderWidth: 2
-    },
-    [`&.${_pickersInputClasses.pickersOutlinedInputClasses.disabled}`]: {
-      [`& .${_pickersInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: (theme.vars || theme).palette.action.disabled
-      },
-      '*': {
-        color: (theme.vars || theme).palette.action.disabled
-      }
-    },
-    [`&.${_pickersInputClasses.pickersOutlinedInputClasses.error} .${_pickersInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    }
-  };
-});
-const OutlinedPickersInputSectionsContainer = (0, _styles.styled)(_PickersInput.PickersInputSectionsContainer, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
-})(({
-  ownerState
-}) => (0, _extends2.default)({
-  padding: '16.5px 0'
-}, ownerState.size === 'small' && {
-  padding: '8.5px 0'
-}));
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    error,
-    classes,
-    fullWidth,
-    color,
-    size,
-    endAdornment,
-    startAdornment
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${color ? (0, _utils.unstable_capitalize)(color) : ''}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersInputClasses.getPickersOutlinedInputUtilityClass, classes);
-};
-const PickersOutlinedInput = exports.PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp,
-      notched
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const muiFormControl = (0, _FormControl.useFormControl)();
-  const ownerState = (0, _extends2.default)({}, props, ownerStateProp, muiFormControl, {
-    color: muiFormControl?.color || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInput.PickersInput, (0, _extends2.default)({
-    slots: {
-      root: OutlinedInputRoot,
-      input: OutlinedPickersInputSectionsContainer
-    },
-    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__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [label, "\u2009", '*']
-      }) : label,
-      ownerState: ownerState
-    })
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-_PickersInput.PickersInput.muiName = 'Input';

package/node/internals/components/PickersInput/PickersStandardInput.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PickersStandardInput = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _FormControl = require("@mui/material/FormControl");
-var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
-var _pickersInputClasses = require("./pickersInputClasses");
-var _PickersInput = require("./PickersInput");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "autoFocus", "ownerState"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StandardInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
-  name: 'MuiPickersStandardInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  const light = theme.palette.mode === 'light';
-  let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  if (theme.vars) {
-    bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
-  }
-  return (0, _extends2.default)({
-    'label + &': {
-      marginTop: 16
-    }
-  }, !ownerState.disableUnderline && {
-    '&::after': {
-      background: 'red',
-      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '""',
-      position: 'absolute',
-      right: 0,
-      transform: 'scaleX(0)',
-      transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shorter,
-        easing: theme.transitions.easing.easeOut
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&.${_pickersInputClasses.pickersStandardInputClasses.focused}:after`]: {
-      // translateX(0) is a workaround for Safari transform scale bug
-      // See https://github.com/mui/material-ui/issues/31766
-      transform: 'scaleX(1) translateX(0)'
-    },
-    [`&.${_pickersInputClasses.pickersStandardInputClasses.error}`]: {
-      '&:before, &:after': {
-        borderBottomColor: (theme.vars || theme).palette.error.main
-      }
-    },
-    '&::before': {
-      borderBottom: `1px solid ${bottomLineColor}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '"\\00a0"',
-      position: 'absolute',
-      right: 0,
-      transition: theme.transitions.create('border-bottom-color', {
-        duration: theme.transitions.duration.shorter
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&:hover:not(.${_pickersInputClasses.pickersStandardInputClasses.disabled}, .${_pickersInputClasses.pickersStandardInputClasses.error}):before`]: {
-      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        borderBottom: `1px solid ${bottomLineColor}`
-      }
-    },
-    [`&.${_pickersInputClasses.pickersStandardInputClasses.disabled}:before`]: {
-      borderBottomStyle: 'dotted'
-    }
-  });
-});
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    error,
-    classes,
-    fullWidth,
-    color,
-    size,
-    endAdornment,
-    startAdornment
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${(0, _utils.unstable_capitalize)(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersInputClasses.getPickersStandardInputUtilityClass, classes);
-};
-const PickersStandardInput = exports.PickersStandardInput = /*#__PURE__*/React.forwardRef(function PickersStandardInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const muiFormControl = (0, _FormControl.useFormControl)();
-  const ownerState = (0, _extends2.default)({}, props, ownerStateProp, muiFormControl, {
-    color: muiFormControl?.color || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInput.PickersInput, (0, _extends2.default)({
-    slots: {
-      root: StandardInputRoot
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-_PickersInput.PickersInput.muiName = 'Input';

package/node/internals/components/PickersInput/pickersInputClasses.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPickersFilledInputUtilityClass = getPickersFilledInputUtilityClass;
-exports.getPickersInputUtilityClass = getPickersInputUtilityClass;
-exports.getPickersOutlinedInputUtilityClass = getPickersOutlinedInputUtilityClass;
-exports.getPickersStandardInputUtilityClass = getPickersStandardInputUtilityClass;
-exports.pickersStandardInputClasses = exports.pickersOutlinedInputClasses = exports.pickersInputClasses = exports.pickersFilledInputClasses = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _utils = require("@mui/utils");
-function getPickersInputUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersInput', slot);
-}
-function getPickersOutlinedInputUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersOutlinedInput', slot);
-}
-function getPickersFilledInputUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersFilledInput', slot);
-}
-function getPickersStandardInputUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersStandardInput', slot);
-}
-const pickersInputClasses = exports.pickersInputClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
-const pickersOutlinedInputClasses = exports.pickersOutlinedInputClasses = (0, _extends2.default)({}, pickersInputClasses, (0, _utils.unstable_generateUtilityClasses)('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
-const pickersFilledInputClasses = exports.pickersFilledInputClasses = (0, _extends2.default)({}, pickersInputClasses, (0, _utils.unstable_generateUtilityClasses)('MuiPickersFilledInput', ['root', 'underline', 'input']));
-const pickersStandardInputClasses = exports.pickersStandardInputClasses = (0, _extends2.default)({}, pickersInputClasses, (0, _utils.unstable_generateUtilityClasses)('MuiPickersStandardInput', ['root', 'underline', 'input']));

package/node/internals/components/PickersTextField/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PickersTextField", {
-  enumerable: true,
-  get: function () {
-    return _PickersTextField.PickersTextField;
-  }
-});
-var _PickersTextField = require("./PickersTextField");