28 lines
896 B
JavaScript
28 lines
896 B
JavaScript
import _extends from "@babel/runtime/helpers/extends";
|
|
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import withWidth, { isWidthDown } from '../utils/withWidth';
|
|
/**
|
|
* Dialog will responsively be full screen *at or below* the given breakpoint
|
|
* (defaults to 'sm' for mobile devices).
|
|
* Notice that this Higher-order Component is incompatible with server side rendering.
|
|
*/
|
|
|
|
const withMobileDialog = (options = {}) => Component => {
|
|
const {
|
|
breakpoint = 'sm'
|
|
} = options;
|
|
|
|
function WithMobileDialog(props) {
|
|
return React.createElement(Component, _extends({
|
|
fullScreen: isWidthDown(breakpoint, props.width)
|
|
}, props));
|
|
}
|
|
|
|
WithMobileDialog.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
width: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired
|
|
} : {};
|
|
return withWidth()(WithMobileDialog);
|
|
};
|
|
|
|
export default withMobileDialog; |