Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/es/Table/TablePaginationActions.js

@@ -0,0 +1,116 @@
+import _extends from 'babel-runtime/helpers/extends';
+import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import PropTypes from 'prop-types';
+import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
+import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
+import withStyles from '../styles/withStyles';
+import IconButton from '../IconButton';
+
+export const styles = theme => ({
+  root: {
+    flexShrink: 0,
+    color: theme.palette.text.secondary,
+    marginLeft: theme.spacing.unit * 2.5
+  }
+});
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement(KeyboardArrowRight, null);
+
+var _ref2 = React.createElement(KeyboardArrowLeft, null);
+
+var _ref3 = React.createElement(KeyboardArrowLeft, null);
+
+var _ref4 = React.createElement(KeyboardArrowRight, null);
+
+class TablePaginationActions extends React.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), this.handleBackButtonClick = event => {
+      this.props.onChangePage(event, this.props.page - 1);
+    }, this.handleNextButtonClick = event => {
+      this.props.onChangePage(event, this.props.page + 1);
+    }, _temp;
+  }
+
+  render() {
+    const _props = this.props,
+          {
+      backIconButtonProps,
+      classes,
+      count,
+      nextIconButtonProps,
+      onChangePage,
+      page,
+      rowsPerPage,
+      theme
+    } = _props,
+          other = _objectWithoutProperties(_props, ['backIconButtonProps', 'classes', 'count', 'nextIconButtonProps', 'onChangePage', 'page', 'rowsPerPage', 'theme']);
+
+    return React.createElement(
+      'div',
+      _extends({ className: classes.root }, other),
+      React.createElement(
+        IconButton,
+        _extends({
+          onClick: this.handleBackButtonClick,
+          disabled: page === 0
+        }, backIconButtonProps),
+        theme.direction === 'rtl' ? _ref : _ref2
+      ),
+      React.createElement(
+        IconButton,
+        _extends({
+          onClick: this.handleNextButtonClick,
+          disabled: page >= Math.ceil(count / rowsPerPage) - 1
+        }, nextIconButtonProps),
+        theme.direction === 'rtl' ? _ref3 : _ref4
+      )
+    );
+  }
+}
+
+TablePaginationActions.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Properties applied to the back arrow `IconButton` component.
+   */
+  backIconButtonProps: PropTypes.object,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * The total number of rows.
+   */
+  count: PropTypes.number.isRequired,
+  /**
+   * Properties applied to the next arrow `IconButton` component.
+   */
+  nextIconButtonProps: PropTypes.object,
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {object} event The event source of the callback
+   * @param {number} page The page selected
+   */
+  onChangePage: PropTypes.func.isRequired,
+  /**
+   * The zero-based index of the current page.
+   */
+  page: PropTypes.number.isRequired,
+  /**
+   * The number of rows per page.
+   */
+  rowsPerPage: PropTypes.number.isRequired,
+  /**
+   * @ignore
+   */
+  theme: PropTypes.object.isRequired
+} : {};
+
+export default withStyles(styles, { name: 'MuiTablePaginationActions', withTheme: true })(TablePaginationActions);