Allow presetting of roll values

README.md

@@ -62,4 +62,4 @@ class App extends React.Component {
 
 ## Provided functions
 
-`rollAll()`: rolls all die and calls `rollDone` with total from roll
+`rollAll([values])`: rolls all die and calls `rollDone` with total from roll. You can preset the `values` you would like the outcome to be by passing array of numbers, if not result will be random.

src/DiceContainer.js

@@ -16,12 +16,14 @@ export default class DiceContainer extends Component {
     this.getDiceTotal = this.getDiceTotal.bind(this)
   }
 
-  rollAll() {
+  rollAll(values) {
     this.rollCount = 0
+    let index = 0
     for (let die of this.dice) {
       if (die !== null) {
         this.rollCount++
-        die.rollDie()
+        die.rollDie(values[index])
+        index++
       }
     }
   }

src/Die.js

@@ -16,10 +16,10 @@ class Die extends Component {
     return Math.floor(Math.random() * max) + min
   }
 
-  rollDie() {
+  rollDie(value) {
     this.die.className = `die`
     void this.die.offsetWidth
-    let roll = this.getRandomInt()
+    let roll = value || this.getRandomInt()
     this.die.classList.add(`roll${roll}`)
     setTimeout(() => {
       this.setState({ currentValue: roll })
@@ -109,7 +109,7 @@ class Die extends Component {
     return (
       <div
         className='die-container'
-        onClick={this.props.disableIndividual ? null : this.rollDie}
+        onClick={this.props.disableIndividual ? null : () => this.rollDie()}
         style={containerStyle}
       >
         <div className='die' ref={die => (this.die = die)} style={rollStyle}>

src/ReactDice.js

@@ -40,8 +40,8 @@ class ReactDice extends Component {
     this.props.rollDone(value)
   }
 
-  rollAll() {
-    this.diceContainer.rollAll()
+  rollAll(values = []) {
+    this.diceContainer.rollAll(values)
   }
 
   render() {