@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.35

package/es/hi-svg-icons/HiSettlement.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiSettlement = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 36 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -188)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 212.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8122.5 196.4l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm0 9l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm0 9l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm5.4-16h14.6v2.2h-14.6v-2.2zm0 9h14.6v2.2h-14.6v-2.2zm0 9h14.6v2.2h-14.6v-2.2z",
+    fill: color
+  })));
+});
+HiSettlement.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiSettlement);

package/es/hi-svg-icons/HiSizeLarge.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '@material-ui/core/SvgIcon';
+/**
+ * @ignore - internal component.
+ */
+
+const HiSizeLarge = pure((_ref) => {
+  let {
+    color
+  } = _ref,
+      other = _objectWithoutProperties(_ref, ["color"]);
+
+  return React.createElement(SvgIcon, _extends({}, other, {
+    viewBox: "0 0 18 18"
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M12.2,14H5.8V4h2.1v8.3h4.4V14z",
+    fill: color
+  }));
+});
+HiSizeLarge.muiName = 'SvgIcon';
+export default HiSizeLarge;

package/es/hi-svg-icons/HiSizeMedium.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '@material-ui/core/SvgIcon';
+/**
+ * @ignore - internal component.
+ */
+
+const HiSizeMedium = pure((_ref) => {
+  let {
+    color
+  } = _ref,
+      other = _objectWithoutProperties(_ref, ["color"]);
+
+  return React.createElement(SvgIcon, _extends({}, other, {
+    viewBox: "0 0 18 18"
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M14.2,14h-2.1v-2.7l0.2-4.7L9.7,14 H8.3L5.6,6.6l0.2,4.7V14H3.8V4h2.7L9,11.2L11.5,4h2.7V14z",
+    fill: color
+  }));
+});
+HiSizeMedium.muiName = 'SvgIcon';
+export default HiSizeMedium;

package/es/hi-svg-icons/HiSizeSmall.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '@material-ui/core/SvgIcon';
+/**
+ * @ignore - internal component.
+ */
+
+const HiSizeSmall = pure((_ref) => {
+  let {
+    color
+  } = _ref,
+      other = _objectWithoutProperties(_ref, ["color"]);
+
+  return React.createElement(SvgIcon, _extends({}, other, {
+    viewBox: "0 0 18 18"
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M17.4,0.6C17,0.2,16.5,0,16,0H2C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2v14c0,0.6,0.2,1,0.6,1.4 C1,17.8,1.5,18,2,18h14c0.6,0,1-0.2,1.4-0.6C17.8,17,18,16.5,18,16V2C18,1.5,17.8,1,17.4,0.6z M8,7.5c0.3,0.2,0.8,0.4,1.5,0.6 c0.5,0.2,1,0.4,1.4,0.6s0.8,0.4,1,0.7s0.5,0.6,0.6,0.9s0.2,0.7,0.2,1.1c0,0.4-0.1,0.8-0.3,1.2s-0.4,0.6-0.7,0.9 c-0.3,0.2-0.7,0.4-1.1,0.5c-0.4,0.1-0.9,0.2-1.5,0.2c-0.3,0-0.7,0-1-0.1c-0.3-0.1-0.6-0.1-0.9-0.3s-0.6-0.3-0.8-0.4S6,12.9,5.8,12.7 s-0.3-0.5-0.4-0.8c-0.1-0.3-0.2-0.6-0.2-1h2.1c0,0.3,0,0.6,0.1,0.8s0.2,0.4,0.4,0.5c0.2,0.1,0.4,0.2,0.6,0.3s0.5,0.1,0.8,0.1 c0.3,0,0.5,0,0.7-0.1c0.2-0.1,0.4-0.1,0.5-0.2s0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.3,0.1-0.4c0-0.2,0-0.3-0.1-0.5 c-0.1-0.1-0.1-0.3-0.3-0.4s-0.3-0.2-0.6-0.3s-0.6-0.2-1-0.4C8.4,9.7,7.9,9.5,7.5,9.3S6.8,8.9,6.5,8.7C6.2,8.4,5.9,8.1,5.8,7.8 S5.5,7.1,5.5,6.7c0-0.4,0.1-0.8,0.3-1.1c0.2-0.3,0.4-0.6,0.8-0.9s0.7-0.4,1.2-0.6C8.1,4,8.6,3.9,9.2,3.9c0.6,0,1.1,0.1,1.5,0.2 c0.5,0.2,0.8,0.4,1.2,0.6s0.6,0.6,0.7,1c0.2,0.4,0.3,0.8,0.3,1.2h-2.1c0-0.2,0-0.4-0.1-0.6s-0.2-0.3-0.3-0.5s-0.3-0.2-0.5-0.3 C9.6,5.6,9.4,5.5,9.1,5.5c-0.3,0-0.5,0-0.7,0.1S8.1,5.8,7.9,5.9S7.7,6.1,7.6,6.2S7.5,6.5,7.5,6.7C7.5,7,7.7,7.3,8,7.5z",
+    fill: color
+  }));
+});
+HiSizeSmall.muiName = 'SvgIcon';
+export default HiSizeSmall;

package/es/hi-svg-icons/HiTransaction.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiTransaction = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(-8111 -203)"
+  }, React.createElement("circle", {
+    cx: 8124.9,
+    cy: 227.9,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M8116.6 211.5l2 .8 24.8 10.1 2.5 1.1-2.5 1.1-24.8 10.1-2 .8.4-2.1 2.2-9.8-2.2-9.8-.4-2.3zm3.1 3.7l1.5 7.2h15.9l-17.4-7.2zm1.6 9.4l-1.5 7.2 17.4-7.2h-15.9z",
+    fill: color
+  })));
+});
+HiTransaction.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiTransaction);

package/es/hi-svg-icons/HiUser.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+const HiUser = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(1650 3859)"
+  }, React.createElement("circle", {
+    cx: -1636.1,
+    cy: -3837.1,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M-1640.5-3851.9c1.5-1.5 3.4-2.3 5.6-2.3 2.2 0 4 .8 5.6 2.3s2.3 3.4 2.3 5.6c0 1.3-.3 2.6-.9 3.7-.6 1.2-1.5 2.1-2.6 2.8.7.3 1.2.5 1.6.8 1.6-1.1 3.4-1.7 5.3-1.7 2.5 0 4.6.9 6.4 2.6s2.6 3.9 2.6 6.4c0 2.5-.9 4.6-2.6 6.4s-3.9 2.6-6.4 2.6c-2.5 0-4.6-.9-6.4-2.6s-2.6-3.9-2.6-6.4c0-2.1.7-4 2-5.6-1.3-.7-2.7-1.1-4.2-1.1-2.5 0-4.6.9-6.4 2.6s-2.6 3.9-2.6 6.4h-2.2c0-2.3.6-4.4 1.9-6.2 1.3-1.9 2.9-3.2 5-4.1-1.1-.7-1.9-1.6-2.6-2.8-.6-1.2-.9-2.4-.9-3.7-.2-2.3.5-4.2 2.1-5.7zm9.5 1.6c-1.1-1.1-2.4-1.7-4-1.7s-2.9.6-4 1.7-1.7 2.4-1.7 4 .6 2.9 1.7 4 2.4 1.7 4 1.7 2.9-.6 4-1.7 1.7-2.4 1.7-4-.6-2.9-1.7-4zm12.1 13.8c-1.3-1.3-2.9-2-4.8-2s-3.5.7-4.8 2c-1.3 1.3-2 2.9-2 4.8s.7 3.5 2 4.8c1.3 1.3 2.9 2 4.8 2s3.5-.7 4.8-2c1.3-1.3 2-2.9 2-4.8-.1-1.9-.7-3.5-2-4.8zm-5.9.3h2.2v3.4h3.4v2.2h-3.4v3.4h-2.2v-3.4h-3.4v-2.2h3.4v-3.4z",
+    fill: color
+  })));
+});
+HiUser.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiUser);

package/es/hi-svg-icons/HiWidget.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement("path", {
+  fill: "none",
+  d: "M-1714-3884h36v39h-36z"
+});
+
+const HiWidget = pure(props => {
+  const {
+    classes,
+    color = props.theme.palette.neutral.main,
+    theme
+  } = props,
+        other = _objectWithoutProperties(props, ["classes", "color", "theme"]);
+
+  return React.createElement("svg", _extends({
+    viewBox: "0 0 37.5 39"
+  }, other), React.createElement("g", {
+    transform: "translate(1714 3884)"
+  }, React.createElement("circle", {
+    cx: -1700.1,
+    cy: -3859.1,
+    r: 13.9,
+    opacity: 0.16,
+    fill: color
+  }), React.createElement("path", {
+    // eslint-disable-next-line max-len
+    d: "M-1694.5-3879.1l6.5 6.5h3.9c.7 0 1.3.2 1.8.7s.7 1.1.7 1.8v16.8c0 .7-.2 1.3-.7 1.8s-1.1.7-1.8.7h-20.7c-.7 0-1.3-.2-1.8-.7s-.7-1.1-.7-1.8v-16.8c0-.7.2-1.3.7-1.8s1.1-.7 1.8-.7h3.9l6.4-6.5zm-10.4 9v16.8h20.7v-16.8h-20.7zm2.7 6.5v-3.9h6.5v3.9h-6.5zm1.2 7.7v-5.1h6.5v5.1h-6.5zm6.6-20l-3.3 3.3h6.5l-3.2-3.3zm2.5 18.8v-9.1h5.1v9.1h-5.1z",
+    fill: color
+  }), _ref));
+});
+HiWidget.muiName = 'SvgIcon';
+export default withStyles({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiWidget);

package/es/{svg-icons → hi-svg-icons}/index.js

@@ -1,11 +1,15 @@
 export { default as HiAccount } from './HiAccount';
 export { default as HiAll } from './HiAll';
 export { default as HiBilling } from './HiBilling';
+export { default as HiBriefcaseRescue } from './HiBriefcaseRescue';
 export { default as HiCatalog } from './HiCatalog';
 export { default as HiCustomer } from './HiCustomer';
 export { default as HiFinance } from './HiFinance';
 export { default as HiRoute } from './HiRoute';
 export { default as HiSettlement } from './HiSettlement';
+export { default as HiSizeLarge } from './HiSizeLarge';
+export { default as HiSizeMedium } from './HiSizeMedium';
+export { default as HiSizeSmall } from './HiSizeSmall';
 export { default as HiTransaction } from './HiTransaction';
 export { default as HiUser } from './HiUser';
 export { default as HiWidget } from './HiWidget';

package/es/hi-svg-icons/index.text.js

@@ -0,0 +1,41 @@
+import fs from 'fs';
+import path from 'path';
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+describe('hi-svg-icons', () => {
+  let shallow;
+  before(() => {
+    shallow = createShallow();
+  });
+  it('should be able to render all of them', done => {
+    // This test can only be run on the node env
+    if (!fs.readdir) {
+      done();
+      return;
+    }
+
+    fs.readdir(__dirname, (err, files) => {
+      files.forEach(file => {
+        // Ignore no js files and tests
+        if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
+          return;
+        } // eslint-disable-next-line global-require, import/no-dynamic-require
+
+
+        const fileLoaded = require(path.join(__dirname, file));
+
+        if (!fileLoaded.default) {
+          return;
+        }
+
+        const Icon = fileLoaded.default;
+        const wrapper = shallow(React.createElement(Icon, {
+          className: "foo"
+        }));
+        assert.strictEqual(wrapper.hasClass('foo'), true);
+      });
+      done();
+    });
+  });
+});

package/es/index.js

@@ -1,64 +1,17 @@
-export { default as AppBar } from './AppBar';
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as BottomNavigation, BottomNavigationAction } from './BottomNavigation';
-export { default as Button } from './Button';
-export { default as ButtonBase } from './ButtonBase';
-export { default as Card, CardActions, CardContent, CardHeader, CardMedia } from './Card';
-export { default as Checkbox } from './Checkbox';
-export { default as ClickAwayListener } from './utils/ClickAwayListener';
-export { default as Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, withMobileDialog } from './Dialog';
-export { default as Divider } from './Divider';
-export { default as Drawer } from './Drawer';
-export { default as ExpansionPanel, ExpansionPanelActions, ExpansionPanelDetails, ExpansionPanelSummary } from './ExpansionPanel';
-export { FormControl, FormGroup, FormLabel, FormHelperText, FormControlLabel } from './Form';
-export { default as Hidden } from './Hidden';
-export { default as Icon } from './Icon';
-export { default as IconButton } from './IconButton';
-export { default as Input, InputLabel, InputAdornment } from './Input';
-export { default as Grid } from './Grid';
-export { default as GridList, GridListTile, GridListTileBar } from './GridList';
-export { default as List, ListItem, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader } from './List';
-export { default as Menu, MenuItem, MenuList } from './Menu';
-export { default as MobileStepper } from './MobileStepper';
-export { default as Modal, Backdrop, ModalManager } from './Modal';
-export { default as Paper } from './Paper';
-export { default as Popover } from './Popover';
-export { default as Portal } from './Portal';
-export { CircularProgress, LinearProgress } from './Progress';
-export { default as Radio, RadioGroup } from './Radio';
-export { default as Reboot } from './Reboot';
-export { default as Select } from './Select';
-export { default as Snackbar, SnackbarContent } from './Snackbar';
-export { default as Stepper, Step, StepButton, StepIcon, StepContent, StepLabel } from './Stepper';
-export { MuiThemeProvider, withStyles, withTheme, createMuiTheme, jssPreset } from './styles';
-
-// eslint-disable-next-line import/first
-import * as colors from './colors';
-
-export { colors };
-
-export { default as SvgIcon } from './SvgIcon';
-export { default as Switch } from './Switch';
-export { default as Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel } from './Table';
-export { default as Tabs, Tab } from './Tabs';
-export { default as Typography } from './Typography';
-export { default as TextField } from './TextField';
-export { default as Toolbar } from './Toolbar';
-export { default as Tooltip } from './Tooltip';
-export { Slide, Grow, Fade, Collapse, Zoom } from './transitions';
-
-export { default as withWidth } from './utils/withWidth';
-
-// HiPay Material components
-export { default as HiIconBuilder } from './utils/HiIconBuilder';
+export { createGenerateClassName, createMuiTheme, createStyles, jssPreset, MuiThemeProvider, withStyles, withTheme } from './styles';
+export { default as HiButton } from './HiButton';
+export { default as HiIconButton } from './HiIconButton';
 export { default as HiCheckbox } from './HiCheckbox';
-export { default as HiRadio } from './HiRadio';
-export { default as HiTable } from './HiTable';
-export { default as HiSelect } from './HiSelect';
-export { default as HiLoader } from './HiLoader';
-export { default as HiTableContextMenu } from './HiTable/HiTableContextMenu';
-export { default as HiChip, HiChipSwitch } from './HiChip';
-export { default as HiSelectableList } from './HiSelectableList';
-export { default as HiTopBar } from './HiTopBar';
-export { createHiMuiTheme } from './styles';
+export { default as HiChip } from './HiChip';
+export { default as HiChipSwitch } from './HiChip/HiChipSwitch';
+export { default as HiInput } from './HiForm/HiInput';
+export { default as HiEmailField } from './HiForm/HiEmailField';
+export { default as HiFormControl } from './HiForm/HiFormControl';
+export { default as HiFormLabel } from './HiForm/HiFormLabel';
+export { default as HiTextField } from './HiForm/HiTextField';
+export { default as HiPasswordField } from './HiForm/HiPasswordField';
+export { default as HiSwitch } from './HiSwitch';
+export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
+export { default as withMobileDialog } from './withMobileDialog';
+export { default as withWidth } from './withWidth';
+export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';

package/es/styles/MuiThemeProvider.js

@@ -1,31 +1,34 @@
-import _extends from 'babel-runtime/helpers/extends';
+import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import React from 'react';
 import PropTypes from 'prop-types';
 import warning from 'warning';
 import createBroadcast from 'brcast';
 import themeListener, { CHANNEL } from './themeListener';
 import exactProp from '../utils/exactProp';
-
 /**
  * This component takes a `theme` property.
  * It makes the `theme` available down the React tree thanks to React context.
  * This component should preferably be used at **the root of your component tree**.
  */
+
 class MuiThemeProvider extends React.Component {
+  // We are not using the React state in order to avoid unnecessary rerender.
   constructor(props, context) {
-    super(props, context);
+    super(); // Get the outer theme from the context, can be null
 
-    // Get the outer theme from the context, can be null
     this.broadcast = createBroadcast();
     this.unsubscribeId = null;
     this.outerTheme = null;
-    this.outerTheme = themeListener.initial(context);
-    // Propagate the theme so it can be accessed by the children
-    this.broadcast.setState(this.mergeOuterLocalTheme(this.props.theme));
+    this.outerTheme = themeListener.initial(context); // Propagate the theme so it can be accessed by the children
+
+    this.broadcast.setState(this.mergeOuterLocalTheme(props.theme));
   }
 
   getChildContext() {
-    const { sheetsManager, disableStylesGeneration } = this.props;
+    const {
+      sheetsManager,
+      disableStylesGeneration
+    } = this.props;
     const muiThemeProviderOptions = this.context.muiThemeProviderOptions || {};
 
     if (sheetsManager !== undefined) {
@@ -45,16 +48,16 @@ class MuiThemeProvider extends React.Component {
   componentDidMount() {
     // Subscribe on the outer theme, if present
     this.unsubscribeId = themeListener.subscribe(this.context, outerTheme => {
-      this.outerTheme = outerTheme;
-      // Forward the parent theme update to the children
+      this.outerTheme = outerTheme; // Forward the parent theme update to the children
+
       this.broadcast.setState(this.mergeOuterLocalTheme(this.props.theme));
     });
   }
 
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     // Propagate a local theme update
-    if (this.props.theme !== nextProps.theme) {
-      this.broadcast.setState(this.mergeOuterLocalTheme(nextProps.theme));
+    if (this.props.theme !== prevProps.theme) {
+      this.broadcast.setState(this.mergeOuterLocalTheme(this.props.theme));
     }
   }
 
@@ -62,15 +65,13 @@ class MuiThemeProvider extends React.Component {
     if (this.unsubscribeId !== null) {
       themeListener.unsubscribe(this.context, this.unsubscribeId);
     }
-  }
-  // We are not using the React state in order to avoid unnecessary rerender.
+  } // Simple merge between the outer theme and the local theme
 
 
-  // Simple merge between the outer theme and the local theme
   mergeOuterLocalTheme(localTheme) {
     // To support composition of theme.
     if (typeof localTheme === 'function') {
-      process.env.NODE_ENV !== "production" ? warning(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
+      process.env.NODE_ENV !== "production" ? warning(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
       return localTheme(this.outerTheme);
     }
 
@@ -78,19 +79,30 @@ class MuiThemeProvider extends React.Component {
       return localTheme;
     }
 
-    return _extends({}, this.outerTheme, localTheme);
+    return _objectSpread({}, this.outerTheme, localTheme);
   }
 
   render() {
+    // TODO move the sheetsManager property to a different component.
+    // warning(
+    //   typeof window !== 'undefined' || this.props.sheetsManager,
+    //   [
+    //     'Material-UI: you need to provide a sheetsManager to the MuiThemeProvider ' +
+    //       'when rendering on the server.',
+    //     'If you do not, you might experience a memory leak',
+    //   ].join('\n'),
+    // );
     return this.props.children;
   }
+
 }
 
 MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
-   * You can only provide a single element with react@15, a node with react@16.
+   * You can wrap a node.
    */
   children: PropTypes.node.isRequired,
+
   /**
    * You can disable the generation of the styles with this option.
    * It can be useful when traversing the React tree outside of the HTML
@@ -100,26 +112,24 @@ MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? {
    * You can significantly speed up the traversal with this property.
    */
   disableStylesGeneration: PropTypes.bool,
+
   /**
    * The sheetsManager is used to deduplicate style sheet injection in the page.
    * It's deduplicating using the (theme, styles) couple.
    * On the server, you should provide a new instance for each request.
    */
   sheetsManager: PropTypes.object,
+
   /**
    * A theme object.
    */
   theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
 } : {};
-
-MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? exactProp(MuiThemeProvider.propTypes, 'MuiThemeProvider') : {};
-
-MuiThemeProvider.childContextTypes = _extends({}, themeListener.contextTypes, {
+MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? exactProp(MuiThemeProvider.propTypes) : {};
+MuiThemeProvider.childContextTypes = _objectSpread({}, themeListener.contextTypes, {
   muiThemeProviderOptions: PropTypes.object
 });
-
-MuiThemeProvider.contextTypes = _extends({}, themeListener.contextTypes, {
+MuiThemeProvider.contextTypes = _objectSpread({}, themeListener.contextTypes, {
   muiThemeProviderOptions: PropTypes.object
 });
-
 export default MuiThemeProvider;