Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/Stepper/StepPositionIcon.js.flow

@@ -0,0 +1,63 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import withStyles from '../styles/withStyles';
+import SvgIcon from '../SvgIcon';
+
+export const styles = theme => ({
+  root: {
+    color: theme.palette.text.disabled,
+  },
+  active: {
+    color: theme.palette.primary.main,
+  },
+  text: {
+    fill: theme.palette.primary.contrastText,
+    fontSize: theme.typography.caption.fontSize,
+    fontFamily: theme.typography.fontFamily,
+  },
+});
+
+/**
+ * @ignore - internal component.
+ */
+function StepPositionIcon(props) {
+  const { position, classes, className: classNameProp, active } = props;
+  const className = classNames(
+    classes.root,
+    {
+      [classes.active]: active,
+    },
+    classNameProp,
+  );
+
+  return (
+    <SvgIcon className={className}>
+      <circle cx="12" cy="12" r="12" />
+      <text className={classes.text} x="12" y="16" textAnchor="middle">
+        {position}
+      </text>
+    </SvgIcon>
+  );
+}
+
+StepPositionIcon.propTypes = {
+  /**
+   * Whether this step is active.
+   */
+  active: PropTypes.bool,
+  /**
+   * Classses for component style customizations.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The step position as a number.
+   */
+  position: PropTypes.node,
+};
+
+export default withStyles(styles, { name: 'MuiStepPosition' })(StepPositionIcon);