UNPKG

4.63 kBJavaScriptView Raw
1"use strict";
2
3Object.defineProperty(exports, "__esModule", {
4 value: true
5});
6exports.default = void 0;
7
8var _react = _interopRequireDefault(require("react"));
9
10var _propTypes = _interopRequireDefault(require("prop-types"));
11
12var _withStyles = require("../helpers/withStyles");
13
14var _reactWithStyles = require("react-with-styles");
15
16function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
19
20function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
22var propTypes = _objectSpread({}, _reactWithStyles.withStylesPropTypes, {
23 container: _propTypes.default.bool,
24 fullHeight: _propTypes.default.bool,
25 gray: _propTypes.default.bool,
26 smallContainer: _propTypes.default.bool,
27 microContainer: _propTypes.default.bool,
28 largeVerticalSpacing: _propTypes.default.bool,
29 smallVerticalSpacing: _propTypes.default.bool,
30 verticalSpacing: _propTypes.default.bool,
31 largeSpacing: _propTypes.default.bool,
32 smallSpacing: _propTypes.default.bool,
33 noSpacing: _propTypes.default.bool,
34 backgroundColor: _propTypes.default.string
35});
36
37var Wrapper = function Wrapper(_ref) {
38 var container = _ref.container,
39 fullHeight = _ref.fullHeight,
40 gray = _ref.gray,
41 smallContainer = _ref.smallContainer,
42 microContainer = _ref.microContainer,
43 largeVerticalSpacing = _ref.largeVerticalSpacing,
44 smallVerticalSpacing = _ref.smallVerticalSpacing,
45 verticalSpacing = _ref.verticalSpacing,
46 largeSpacing = _ref.largeSpacing,
47 smallSpacing = _ref.smallSpacing,
48 noSpacing = _ref.noSpacing,
49 backgroundColor = _ref.backgroundColor,
50 styles = _ref.styles,
51 css = _ref.css,
52 children = _ref.children;
53 return _react.default.createElement("div", css(styles.wrapper, container && styles.wrapper_container, fullHeight && styles.wrapper_fullHeight, gray && styles.wrapper_gray, largeVerticalSpacing && styles.wrapper_verticalSpacingLarge, smallVerticalSpacing && styles.wrapper_verticalSpacingSmall, verticalSpacing && styles.wrapper_verticalSpacing, largeSpacing && styles.wrapper_spacingLarge, smallSpacing && styles.wrapper_spacingSmall, noSpacing && styles.wrapper_noSpacing, {
54 backgroundColor: backgroundColor
55 }), children);
56};
57
58Wrapper.propTypes = propTypes;
59var PageWrapperWithStyles = (0, _withStyles.withStyles)(function (_ref2) {
60 var color = _ref2.color,
61 units = _ref2.units,
62 breakpoint = _ref2.breakpoint,
63 container = _ref2.container;
64 return {
65 wrapper: _defineProperty({
66 boxSizing: 'border-box',
67 paddingLeft: units(1.5),
68 paddingRight: units(1.5),
69 width: '100%'
70 }, breakpoint.large, {
71 paddingLeft: units(4),
72 paddingRight: units(4)
73 }),
74 wrapper_container: {
75 maxWidth: container.default,
76 marginLeft: 'auto',
77 marginRight: 'auto',
78 alignSelf: 'center'
79 },
80 wrapper_fullHeight: {
81 height: '100%'
82 },
83 wrapper_gray: {
84 background: color.grayLight
85 },
86 wrapper_spacingLarge: _defineProperty({
87 paddingLeft: units(3),
88 paddingRight: units(3)
89 }, breakpoint.large, {
90 paddingLeft: units(6),
91 paddingRight: units(6)
92 }),
93 wrapper_spacingSmall: _defineProperty({
94 paddingLeft: units(1),
95 paddingRight: units(1)
96 }, breakpoint.large, {
97 paddingLeft: units(3),
98 paddingRight: units(3)
99 }),
100 wrapper_verticalSpacing: {
101 paddingTop: units(2.5),
102 paddingBottom: units(2.5)
103 },
104 wrapper_verticalSpacingLarge: {
105 paddingTop: units(5),
106 paddingBottom: units(5)
107 },
108 wrapper_verticalSpacingSmall: {
109 paddingTop: units(1),
110 paddingBottom: units(1)
111 },
112 wrapper_noSpacing: _defineProperty({
113 paddingTop: 0,
114 paddingLeft: 0,
115 paddingBottom: 0,
116 paddingRight: 0
117 }, breakpoint.large, {
118 paddingTop: 0,
119 paddingLeft: 0,
120 paddingBottom: 0,
121 paddingRight: 0
122 })
123 };
124})(Wrapper);
125var _default = PageWrapperWithStyles;
126exports.default = _default;
\No newline at end of file