Removed GopherJS, basic frontend completed, need backend changes for

torrent storage
This commit is contained in:
2017-11-30 18:12:11 -05:00
parent 67fdef16b1
commit e98ad2cc88
69321 changed files with 5498914 additions and 337 deletions

View File

@@ -0,0 +1,22 @@
import * as React from 'react';
import { StandardProps } from '..';
import { Breakpoint } from '../styles/createBreakpoints';
export interface HiddenProps extends StandardProps<{}, never> {
only?: Breakpoint | Array<Breakpoint>;
xsUp?: boolean;
smUp?: boolean;
mdUp?: boolean;
lgUp?: boolean;
xlUp?: boolean;
xsDown?: boolean;
smDown?: boolean;
mdDown?: boolean;
lgDown?: boolean;
xlDown?: boolean;
implementation?: 'js' | 'css';
}
declare const Hidden: React.ComponentType<HiddenProps>;
export default Hidden;

View File

@@ -0,0 +1,146 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _HiddenJs = require('./HiddenJs');
var _HiddenJs2 = _interopRequireDefault(_HiddenJs);
var _HiddenCss = require('./HiddenCss');
var _HiddenCss2 = _interopRequireDefault(_HiddenCss);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_Breakpoint = require('../styles/createBreakpoints').babelPluginFlowReactPropTypes_proptype_Breakpoint || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* The content of the component.
*/
children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired,
/**
* @ignore
*/
className: require('prop-types').string,
/**
* Hide the given breakpoint(s).
*/
only: require('prop-types').oneOfType([typeof babelPluginFlowReactPropTypes_proptype_Breakpoint === 'function' ? babelPluginFlowReactPropTypes_proptype_Breakpoint : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Breakpoint), require('prop-types').arrayOf(typeof babelPluginFlowReactPropTypes_proptype_Breakpoint === 'function' ? babelPluginFlowReactPropTypes_proptype_Breakpoint : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Breakpoint))]),
/**
* If true, screens this size and up will be hidden.
*/
xsUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
smUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
mdUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
lgUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
xlUp: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
xsDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
smDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
mdDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
lgDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
xlDown: require('prop-types').bool,
/**
* Specify which implementation to use. 'js' is the default, 'css' works better for server
* side rendering.
*/
implementation: require('prop-types').oneOf(['js', 'css']),
/**
* You can use this property when choosing the `js` implementation with server side rendering.
*
* As `window.innerWidth` is unavailable on the server,
* we default to rendering an empty componenent during the first mount.
* In some situation you might want to use an heristic to approximate
* the screen width of the client browser screen width.
*
* For instance, you could be using the user-agent or the client-hints.
* http://caniuse.com/#search=client%20hint
*/
initialWidth: require('prop-types').number
};
/**
* Responsively hides children based on the selected implementation.
*/
function Hidden(props) {
var implementation = props.implementation,
other = (0, _objectWithoutProperties3.default)(props, ['implementation']);
if (implementation === 'js') {
return _react2.default.createElement(_HiddenJs2.default, other);
}
return _react2.default.createElement(_HiddenCss2.default, other);
}
Hidden.propTypes = process.env.NODE_ENV !== "production" ? babelPluginFlowReactPropTypes_proptype_Props : {};
Hidden.defaultProps = {
implementation: 'js',
xsUp: false,
smUp: false,
mdUp: false,
lgUp: false,
xlUp: false,
xsDown: false,
smDown: false,
mdDown: false,
lgDown: false,
xlDown: false
};
exports.default = Hidden;

View File

@@ -0,0 +1,108 @@
// @flow
import React from 'react';
import type { Node } from 'react';
import HiddenJs from './HiddenJs';
import HiddenCss from './HiddenCss';
import type { Breakpoint } from '../styles/createBreakpoints';
export type Props = {
/**
* The content of the component.
*/
children: Node,
/**
* @ignore
*/
className?: string,
/**
* Hide the given breakpoint(s).
*/
only?: Breakpoint | Array<Breakpoint>,
/**
* If true, screens this size and up will be hidden.
*/
xsUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
smUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
mdUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
lgUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
xlUp?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
xsDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
smDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
mdDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
lgDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
xlDown?: boolean,
/**
* Specify which implementation to use. 'js' is the default, 'css' works better for server
* side rendering.
*/
implementation?: 'js' | 'css',
/**
* You can use this property when choosing the `js` implementation with server side rendering.
*
* As `window.innerWidth` is unavailable on the server,
* we default to rendering an empty componenent during the first mount.
* In some situation you might want to use an heristic to approximate
* the screen width of the client browser screen width.
*
* For instance, you could be using the user-agent or the client-hints.
* http://caniuse.com/#search=client%20hint
*/
initialWidth?: number,
};
/**
* Responsively hides children based on the selected implementation.
*/
function Hidden(props: Props) {
const { implementation, ...other } = props;
if (implementation === 'js') {
return <HiddenJs {...other} />;
}
return <HiddenCss {...other} />;
}
Hidden.defaultProps = {
implementation: 'js',
xsUp: false,
smUp: false,
mdUp: false,
lgUp: false,
xlUp: false,
xsDown: false,
smDown: false,
mdDown: false,
lgDown: false,
xlDown: false,
};
export default Hidden;

View File

@@ -0,0 +1,125 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _warning = require('warning');
var _warning2 = _interopRequireDefault(_warning);
var _createBreakpoints = require('../styles/createBreakpoints');
var _helpers = require('../utils/helpers');
var _withStyles = require('../styles/withStyles');
var _withStyles2 = _interopRequireDefault(_withStyles);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any; /* eslint-disable flowtype/require-valid-file-annotation */
var babelPluginFlowReactPropTypes_proptype_HiddenProps = require('./types').babelPluginFlowReactPropTypes_proptype_HiddenProps || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_Props = (0, _extends3.default)({}, babelPluginFlowReactPropTypes_proptype_HiddenProps === require('prop-types').any ? {} : babelPluginFlowReactPropTypes_proptype_HiddenProps, {
/**
* The content of the component.
*/
children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired,
/**
* Useful to extend the style applied to components.
*/
classes: require('prop-types').object.isRequired
});
function generateStyles(theme) {
var hidden = {
display: 'none'
};
return _createBreakpoints.keys.reduce(function (styles, key) {
styles['only' + (0, _helpers.capitalizeFirstLetter)(key)] = (0, _defineProperty3.default)({}, theme.breakpoints.only(key), hidden);
styles[key + 'Up'] = (0, _defineProperty3.default)({}, theme.breakpoints.up(key), hidden);
styles[key + 'Down'] = (0, _defineProperty3.default)({}, theme.breakpoints.down(key), hidden);
return styles;
}, {});
}
var styles = function styles(theme) {
return generateStyles(theme);
};
/**
* @ignore - internal component.
*/
function HiddenCss(props) {
var children = props.children,
classes = props.classes,
only = props.only,
xsUp = props.xsUp,
smUp = props.smUp,
mdUp = props.mdUp,
lgUp = props.lgUp,
xlUp = props.xlUp,
xsDown = props.xsDown,
smDown = props.smDown,
mdDown = props.mdDown,
lgDown = props.lgDown,
xlDown = props.xlDown,
other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'only', 'xsUp', 'smUp', 'mdUp', 'lgUp', 'xlUp', 'xsDown', 'smDown', 'mdDown', 'lgDown', 'xlDown']);
process.env.NODE_ENV !== "production" ? (0, _warning2.default)((0, _keys2.default)(other).length === 0 || (0, _keys2.default)(other).length === 1 && other.hasOwnProperty('ref'), 'Material-UI: unsupported properties received ' + (0, _keys2.default)(other).join(', ') + ' by `<Hidden />`.') : void 0;
var className = [];
for (var i = 0; i < _createBreakpoints.keys.length; i += 1) {
var breakpoint = _createBreakpoints.keys[i];
var breakpointUp = props[breakpoint + 'Up'];
var breakpointDown = props[breakpoint + 'Down'];
if (breakpointUp) {
className.push(classes[breakpoint + 'Up']);
}
if (breakpointDown) {
className.push(classes[breakpoint + 'Down']);
}
}
if (only) {
className.push(classes['only' + (0, _helpers.capitalizeFirstLetter)(only)]);
}
return _react2.default.createElement(
'span',
{ className: className },
children
);
}
HiddenCss.propTypes = process.env.NODE_ENV !== "production" ? babelPluginFlowReactPropTypes_proptype_Props : {};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiHiddenCss' })(HiddenCss);

View File

@@ -0,0 +1,95 @@
/* eslint-disable flowtype/require-valid-file-annotation */
import React from 'react';
import type { Node } from 'react';
import warning from 'warning';
import { keys as breakpointKeys } from '../styles/createBreakpoints';
import { capitalizeFirstLetter } from '../utils/helpers';
import withStyles from '../styles/withStyles';
import type { HiddenProps } from './types';
export type Props = HiddenProps & {
/**
* The content of the component.
*/
children: Node,
/**
* Useful to extend the style applied to components.
*/
classes: Object,
};
function generateStyles(theme) {
const hidden = {
display: 'none',
};
return breakpointKeys.reduce((styles, key) => {
styles[`only${capitalizeFirstLetter(key)}`] = {
[theme.breakpoints.only(key)]: hidden,
};
styles[`${key}Up`] = {
[theme.breakpoints.up(key)]: hidden,
};
styles[`${key}Down`] = {
[theme.breakpoints.down(key)]: hidden,
};
return styles;
}, {});
}
const styles = (theme: Object) => generateStyles(theme);
/**
* @ignore - internal component.
*/
function HiddenCss(props: Props) {
const {
children,
classes,
only,
xsUp,
smUp,
mdUp,
lgUp,
xlUp,
xsDown,
smDown,
mdDown,
lgDown,
xlDown,
...other
} = props;
warning(
Object.keys(other).length === 0 ||
(Object.keys(other).length === 1 && other.hasOwnProperty('ref')),
`Material-UI: unsupported properties received ${Object.keys(other).join(
', ',
)} by \`<Hidden />\`.`,
);
const className = [];
for (let i = 0; i < breakpointKeys.length; i += 1) {
const breakpoint = breakpointKeys[i];
const breakpointUp = props[`${breakpoint}Up`];
const breakpointDown = props[`${breakpoint}Down`];
if (breakpointUp) {
className.push(classes[`${breakpoint}Up`]);
}
if (breakpointDown) {
className.push(classes[`${breakpoint}Down`]);
}
}
if (only) {
className.push(classes[`only${capitalizeFirstLetter(only)}`]);
}
return <span className={className}>{children}</span>;
}
export default withStyles(styles, { name: 'MuiHiddenCss' })(HiddenCss);

View File

@@ -0,0 +1,20 @@
import * as React from 'react';
import { Breakpoint } from '../styles/createBreakpoints';
export interface HiddenJsProps {
only?: Breakpoint | Array<Breakpoint>;
xsUp?: boolean;
smUp?: boolean;
mdUp?: boolean;
lgUp?: boolean;
xlUp?: boolean;
xsDown?: boolean;
smDown?: boolean;
mdDown?: boolean;
lgDown?: boolean;
xlDown?: boolean;
}
declare const HiddenJs: React.ComponentType<HiddenJsProps>;
export default HiddenJs;

View File

@@ -0,0 +1,113 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _stringify = require('babel-runtime/core-js/json/stringify');
var _stringify2 = _interopRequireDefault(_stringify);
var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _warning = require('warning');
var _warning2 = _interopRequireDefault(_warning);
var _createBreakpoints = require('../styles/createBreakpoints');
var _withWidth = require('../utils/withWidth');
var _withWidth2 = _interopRequireDefault(_withWidth);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_HiddenProps = require('./types').babelPluginFlowReactPropTypes_proptype_HiddenProps || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_Props = (0, _extends3.default)({}, babelPluginFlowReactPropTypes_proptype_HiddenProps === require('prop-types').any ? {} : babelPluginFlowReactPropTypes_proptype_HiddenProps, {
/**
* The content of the component.
*/
children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired,
/**
* @ignore
* width prop provided by withWidth decorator
*/
width: require('prop-types').string.isRequired
});
/**
* @ignore - internal component.
*/
function HiddenJs(props) {
var children = props.children,
only = props.only,
xsUp = props.xsUp,
smUp = props.smUp,
mdUp = props.mdUp,
lgUp = props.lgUp,
xlUp = props.xlUp,
xsDown = props.xsDown,
smDown = props.smDown,
mdDown = props.mdDown,
lgDown = props.lgDown,
xlDown = props.xlDown,
width = props.width,
other = (0, _objectWithoutProperties3.default)(props, ['children', 'only', 'xsUp', 'smUp', 'mdUp', 'lgUp', 'xlUp', 'xsDown', 'smDown', 'mdDown', 'lgDown', 'xlDown', 'width']);
process.env.NODE_ENV !== "production" ? (0, _warning2.default)((0, _keys2.default)(other).length === 0, 'Material-UI: unsupported properties received ' + (0, _stringify2.default)(other) + ' by `<Hidden />`.') : void 0;
var visible = true;
// `only` check is faster to get out sooner if used.
if (only) {
if (Array.isArray(only)) {
for (var i = 0; i < only.length; i += 1) {
var breakpoint = only[i];
if (width === breakpoint) {
visible = false;
break;
}
}
} else if (only && width === only) {
visible = false;
}
}
// Allow `only` to be combined with other props. If already hidden, no need to check others.
if (visible) {
// determine visibility based on the smallest size up
for (var _i = 0; _i < _createBreakpoints.keys.length; _i += 1) {
var _breakpoint = _createBreakpoints.keys[_i];
var breakpointUp = props[_breakpoint + 'Up'];
var breakpointDown = props[_breakpoint + 'Down'];
if (breakpointUp && (0, _withWidth.isWidthUp)(_breakpoint, width) || breakpointDown && (0, _withWidth.isWidthDown)(_breakpoint, width)) {
visible = false;
break;
}
}
}
if (!visible) {
return null;
}
return children;
}
exports.default = (0, _withWidth2.default)()(HiddenJs);

View File

@@ -0,0 +1,88 @@
// @flow
import type { Node } from 'react';
import warning from 'warning';
import { keys as breakpointKeys } from '../styles/createBreakpoints';
import withWidth, { isWidthDown, isWidthUp } from '../utils/withWidth';
import type { HiddenProps } from './types';
export type Props = HiddenProps & {
/**
* The content of the component.
*/
children: Node,
/**
* @ignore
* width prop provided by withWidth decorator
*/
width: string,
};
/**
* @ignore - internal component.
*/
function HiddenJs(props: Props) {
const {
children,
only,
xsUp,
smUp,
mdUp,
lgUp,
xlUp,
xsDown,
smDown,
mdDown,
lgDown,
xlDown,
width,
...other
} = props;
warning(
Object.keys(other).length === 0,
`Material-UI: unsupported properties received ${JSON.stringify(other)} by \`<Hidden />\`.`,
);
let visible = true;
// `only` check is faster to get out sooner if used.
if (only) {
if (Array.isArray(only)) {
for (let i = 0; i < only.length; i += 1) {
const breakpoint = only[i];
if (width === breakpoint) {
visible = false;
break;
}
}
} else if (only && width === only) {
visible = false;
}
}
// Allow `only` to be combined with other props. If already hidden, no need to check others.
if (visible) {
// determine visibility based on the smallest size up
for (let i = 0; i < breakpointKeys.length; i += 1) {
const breakpoint = breakpointKeys[i];
const breakpointUp = props[`${breakpoint}Up`];
const breakpointDown = props[`${breakpoint}Down`];
if (
(breakpointUp && isWidthUp(breakpoint, width)) ||
(breakpointDown && isWidthDown(breakpoint, width))
) {
visible = false;
break;
}
}
}
if (!visible) {
return null;
}
return children;
}
export default withWidth()(HiddenJs);

View File

@@ -0,0 +1,4 @@
export { default } from './Hidden';
export * from './Hidden';
export { default as HiddenJs } from './HiddenJs';
export * from './HiddenJs';

View File

@@ -0,0 +1,25 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _Hidden = require('./Hidden');
Object.defineProperty(exports, 'default', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Hidden).default;
}
});
var _HiddenJs = require('./HiddenJs');
Object.defineProperty(exports, 'HiddenJs', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_HiddenJs).default;
}
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

View File

@@ -0,0 +1,4 @@
// @flow
export { default } from './Hidden';
export { default as HiddenJs } from './HiddenJs';

View File

@@ -0,0 +1,67 @@
'use strict';
// IMPORTANT: this must be identical to Hidden.js Props.
// This is here because docgen can't yet import type definitions across files.
var babelPluginFlowReactPropTypes_proptype_Breakpoint = require('../styles/createBreakpoints').babelPluginFlowReactPropTypes_proptype_Breakpoint || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_HiddenProps = {
/**
* @ignore
*/
className: require('prop-types').string,
/**
* Hide the given breakpoint(s).
*/
only: require('prop-types').oneOfType([typeof babelPluginFlowReactPropTypes_proptype_Breakpoint === 'function' ? babelPluginFlowReactPropTypes_proptype_Breakpoint : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Breakpoint), require('prop-types').arrayOf(typeof babelPluginFlowReactPropTypes_proptype_Breakpoint === 'function' ? babelPluginFlowReactPropTypes_proptype_Breakpoint : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Breakpoint))]),
/**
* If true, screens this size and up will be hidden.
*/
xsUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
smUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
mdUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
lgUp: require('prop-types').bool,
/**
* If true, screens this size and up will be hidden.
*/
xlUp: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
xsDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
smDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
mdDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
lgDown: require('prop-types').bool,
/**
* If true, screens this size and down will be hidden.
*/
xlDown: require('prop-types').bool
};

View File

@@ -0,0 +1,56 @@
// @flow
import type { Breakpoint } from '../styles/createBreakpoints';
// IMPORTANT: this must be identical to Hidden.js Props.
// This is here because docgen can't yet import type definitions across files.
export type HiddenProps = {
/**
* @ignore
*/
className?: string,
/**
* Hide the given breakpoint(s).
*/
only?: Breakpoint | Array<Breakpoint>,
/**
* If true, screens this size and up will be hidden.
*/
xsUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
smUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
mdUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
lgUp?: boolean,
/**
* If true, screens this size and up will be hidden.
*/
xlUp?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
xsDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
smDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
mdDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
lgDown?: boolean,
/**
* If true, screens this size and down will be hidden.
*/
xlDown?: boolean,
};