d2-ui/src/circular-progress/CircularProgress.js

d2-ui

import PropTypes from 'prop-types';
import React from 'react';
import { default as MUICircularProgress } from 'material-ui/CircularProgress/CircularProgress';

function getSizes(large, small) {
    // Size calculations for the MUI Circular Progress (https://github.com/callemall/material-ui/releases/tag/v0.16.0-rc1)
    const defaultMaterialUISize = 59.5; // Represents the pre 0.16 values size value 1
    const defaultMaterialUIMargin = 5.25; // Represents the pre 0.16 values size value 1

    if (large) {
        return {
            size: defaultMaterialUISize * 2,
            margin: defaultMaterialUIMargin * 2,
        };
    }

    if (small) {
        return {
            size: defaultMaterialUISize / 2,
            margin: defaultMaterialUIMargin / 2,
        };
    }

    return {
        size: defaultMaterialUISize,
        margin: defaultMaterialUIMargin,
    };
}

export default function CircularProgress({ large = false, small = false, style }) {
    const sizes = getSizes(large, small);

    return (
        <MUICircularProgress
            mode="indeterminate"
            size={sizes.size}
            style={Object.assign({ margin: sizes.margin }, style)}
        />
    );
}

CircularProgress.propTypes = {
    large: PropTypes.bool,
    small: PropTypes.bool,
};