@mui/x-date-pickers 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -1,183 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["label", "autoFocus", "ownerState", "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 composeClasses from '@mui/utils/composeClasses';
-import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersOutlinedInputClasses';
-import Outline from './Outline';
-import { PickersInputBase } from '../PickersInputBase';
-import { PickersInputBaseRoot, PickersInputBaseSectionsContainer } from '../PickersInputBase/PickersInputBase';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-var PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    padding: '0 14px',
-    borderRadius: (theme.vars || theme).shape.borderRadius
-  }, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.text.primary
-  }), '@media (hover: none)', _defineProperty({}, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
-  })), "&.".concat(pickersOutlinedInputClasses.focused, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderStyle: 'solid',
-    // @ts-ignore
-    borderColor: (theme.vars || theme).palette[ownerState.color].main,
-    borderWidth: 2
-  }), "&.".concat(pickersOutlinedInputClasses.disabled), _defineProperty(_defineProperty({}, "& .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.action.disabled
-  }), '*', {
-    color: (theme.vars || theme).palette.action.disabled
-  })), "&.".concat(pickersOutlinedInputClasses.error, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.error.main
-  });
-});
-var PickersOutlinedInputSectionsContainer = styled(PickersInputBaseSectionsContainer, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.sectionsContainer;
-  }
-})(function (_ref3) {
-  var ownerState = _ref3.ownerState;
-  return _extends({
-    padding: '16.5px 0'
-  }, ownerState.size === 'small' && {
-    padding: '8.5px 0'
-  });
-});
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root'],
-    notchedOutline: ['notchedOutline'],
-    input: ['input']
-  };
-  var composedClasses = composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
-};
-/**
- * @ignore - internal component.
- */
-var PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersOutlinedInput'
-  });
-  var label = props.label,
-    autoFocus = props.autoFocus,
-    ownerStateProp = props.ownerState,
-    notched = props.notched,
-    other = _objectWithoutProperties(props, _excluded);
-  var muiFormControl = useFormControl();
-  var ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInputBase, _extends({
-    slots: {
-      root: PickersOutlinedInputRoot,
-      input: PickersOutlinedInputSectionsContainer
-    },
-    renderSuffix: function renderSuffix(state) {
-      return /*#__PURE__*/_jsx(Outline, {
-        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 != null && muiFormControl.required ? /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [label, "\u2009", '*']
-        }) : label,
-        ownerState: ownerState
-      });
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Is `true` if the current values equals the empty value.
-   * 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,
-  /**
-   * If true, the whole element is editable.
-   * Useful when all the sections are selected.
-   */
-  contentEditable: PropTypes.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
-  })).isRequired,
-  endAdornment: PropTypes.node,
-  fullWidth: PropTypes.bool,
-  id: PropTypes.string,
-  inputProps: PropTypes.object,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-  label: PropTypes.node,
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  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
-    })
-  })]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @default {}
-   */
-  slots: PropTypes.object,
-  startAdornment: PropTypes.node,
-  style: PropTypes.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
-} : void 0;
-export { PickersOutlinedInput };
-PickersOutlinedInput.muiName = 'Input';

package/legacy/PickersTextField/PickersOutlinedInput/index.js

@@ -1,2 +0,0 @@
-export { PickersOutlinedInput } from './PickersOutlinedInput';
-export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from './pickersOutlinedInputClasses';

package/legacy/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { pickersInputBaseClasses } from '../PickersInputBase';
-export function getPickersOutlinedInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersOutlinedInput', slot);
-}
-export var pickersOutlinedInputClasses = _extends({}, pickersInputBaseClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));

package/legacy/PickersTextField/PickersTextField.js

@@ -1,258 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _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 PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import composeClasses from '@mui/utils/composeClasses';
-import useId from '@mui/utils/useId';
-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 './PickersOutlinedInput';
-import { PickersFilledInput } from './PickersFilledInput';
-import { PickersInput } from './PickersInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var VARIANT_COMPONENT = {
-  standard: PickersInput,
-  filled: PickersFilledInput,
-  outlined: PickersOutlinedInput
-};
-var PickersTextFieldRoot = styled(FormControl, {
-  name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})({});
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var focused = ownerState.focused,
-    disabled = ownerState.disabled,
-    classes = ownerState.classes,
-    required = ownerState.required;
-  var slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', required && 'required']
-  };
-  return composeClasses(slots, getPickersTextFieldUtilityClass, classes);
-};
-var PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersTextField'
-  });
-  var onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    className = props.className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'primary' : _props$color,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'outlined' : _props$variant,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    InputProps = props.InputProps,
-    inputProps = props.inputProps,
-    inputRef = props.inputRef,
-    sectionListRef = props.sectionListRef,
-    elements = props.elements,
-    areAllSectionsEmpty = props.areAllSectionsEmpty,
-    onClick = props.onClick,
-    onKeyDown = props.onKeyDown,
-    onKeyUp = props.onKeyUp,
-    onPaste = props.onPaste,
-    onInput = props.onInput,
-    endAdornment = props.endAdornment,
-    startAdornment = props.startAdornment,
-    tabIndex = props.tabIndex,
-    contentEditable = props.contentEditable,
-    focused = props.focused,
-    value = props.value,
-    onChange = props.onChange,
-    fullWidth = props.fullWidth,
-    idProp = props.id,
-    helperText = props.helperText,
-    FormHelperTextProps = props.FormHelperTextProps,
-    label = props.label,
-    InputLabelProps = props.InputLabelProps,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootRef = React.useRef(null);
-  var handleRootRef = useForkRef(ref, rootRef);
-  var id = useId(idProp);
-  var helperTextId = helperText && id ? "".concat(id, "-helper-text") : undefined;
-  var inputLabelId = label && id ? "".concat(id, "-label") : undefined;
-  var ownerState = _extends({}, props, {
-    color: color,
-    disabled: disabled,
-    error: error,
-    focused: focused,
-    required: required,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  var 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
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Is `true` if the current values equals the empty value.
-   * 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 color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
-  component: PropTypes.elementType,
-  /**
-   * If true, the whole element is editable.
-   * Useful when all the sections are selected.
-   */
-  contentEditable: PropTypes.bool.isRequired,
-  disabled: PropTypes.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
-  })).isRequired,
-  endAdornment: PropTypes.node,
-  error: PropTypes.bool.isRequired,
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused: PropTypes.bool,
-  FormHelperTextProps: PropTypes.object,
-  fullWidth: PropTypes.bool,
-  /**
-   * The helper text content.
-   */
-  helperText: PropTypes.node,
-  /**
-   * If `true`, the label is hidden.
-   * This is used to increase density for a `FilledInput`.
-   * Be sure to add `aria-label` to the `input` element.
-   * @default false
-   */
-  hiddenLabel: PropTypes.bool,
-  id: PropTypes.string,
-  InputLabelProps: PropTypes.object,
-  inputProps: PropTypes.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   */
-  InputProps: PropTypes.object,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-  label: PropTypes.node,
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  onBlur: PropTypes.func.isRequired,
-  onChange: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onFocus: PropTypes.func.isRequired,
-  onInput: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onPaste: PropTypes.func.isRequired,
-  readOnly: PropTypes.bool,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   * @default false
-   */
-  required: PropTypes.bool,
-  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
-    })
-  })]),
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size: PropTypes.oneOf(['medium', 'small']),
-  startAdornment: PropTypes.node,
-  style: PropTypes.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,
-  /**
-   * The variant to use.
-   * @default 'outlined'
-   */
-  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
-} : void 0;
-export { PickersTextField };

package/legacy/PickersTextField/PickersTextField.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/PickersTextField/index.js

@@ -1,6 +0,0 @@
-export { PickersTextField } from './PickersTextField';
-export { pickersTextFieldClasses, getPickersTextFieldUtilityClass } from './pickersTextFieldClasses';
-export * from './PickersInput';
-export * from './PickersFilledInput';
-export * from './PickersOutlinedInput';
-export * from './PickersInputBase';

package/legacy/PickersTextField/pickersTextFieldClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getPickersTextFieldUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersTextField', slot);
-}
-export var pickersTextFieldClasses = generateUtilityClasses('MuiPickersTextField', ['root', 'focused', 'disabled', 'error', 'required']);