Sha256: eb8bb36defcceb29b13d230c9289f3b1a73959d0b01ac4d97b13d684213773d5
Contents?: true
Size: 1.09 KB
Versions: 103
Compression:
Stored size: 1.09 KB
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps.js'
type DistributionBarProps = {
className?: string,
data?: string,
id?: string,
size?: "lg" | "sm",
widths?: array<number>,
}
const normalizeCharacters = (widths) => {
return widths.map((width) => {
return parseInt(width.toString().replace(/[^0-9.]/gi, ''))
})
}
const barValues = (normalizedValues) => {
const arrSum = (value) => value.reduce((a, b) => a + b, 0)
const widthSum = arrSum(normalizedValues)
return normalizedValues.map((value, i) => {
return (
<div
className="pb_distribution_width"
key={i}
style={{ width: `${(value * 100) / widthSum}%` }}
/>
)
})
}
const DistributionBar = (props: DistributionBarProps) => {
const { size = 'lg', widths = [1] } = props
const normalizedValues = normalizeCharacters(widths)
return (
<div className={classnames(`pb_distribution_bar_${size}`, globalProps(props))}>
{barValues(normalizedValues)}
</div>
)
}
export default DistributionBar
Version data entries
103 entries across 103 versions & 1 rubygems