UNPKG

@material-ui/lab

Version:

Material-UI Lab - Incubator for Material-UI React components.

45 lines (41 loc) 1.78 kB
import _extends from "@babel/runtime/helpers/esm/extends"; import * as React from 'react'; import PropTypes from 'prop-types'; import { WrapperVariantContext } from './WrapperVariantContext'; import { KeyboardDateInput } from '../KeyboardDateInput'; import PickersPopper from '../PickersPopper'; import { CanAutoFocusContext, useAutoFocusControl } from '../hooks/useCanAutoFocus'; var DesktopWrapper = function DesktopWrapper(props) { var children = props.children, DateInputProps = props.DateInputProps, _props$KeyboardDateIn = props.KeyboardDateInputComponent, KeyboardDateInputComponent = _props$KeyboardDateIn === void 0 ? KeyboardDateInput : _props$KeyboardDateIn, onDismiss = props.onDismiss, open = props.open, PopperProps = props.PopperProps, TransitionComponent = props.TransitionComponent; var inputRef = React.useRef(null); var _useAutoFocusControl = useAutoFocusControl(open), canAutoFocus = _useAutoFocusControl.canAutoFocus, onOpen = _useAutoFocusControl.onOpen; return /*#__PURE__*/React.createElement(WrapperVariantContext.Provider, { value: "desktop" }, /*#__PURE__*/React.createElement(CanAutoFocusContext.Provider, { value: canAutoFocus }, /*#__PURE__*/React.createElement(KeyboardDateInputComponent, _extends({}, DateInputProps, { inputRef: inputRef })), /*#__PURE__*/React.createElement(PickersPopper, { role: "dialog", open: open, anchorEl: inputRef.current, TransitionComponent: TransitionComponent, PopperProps: PopperProps, onClose: onDismiss, onOpen: onOpen }, children))); }; process.env.NODE_ENV !== "production" ? DesktopWrapper.propTypes = { onOpen: PropTypes.func, onClose: PropTypes.func } : void 0; export default DesktopWrapper;