Merge pull request #2 from StratoDem/master

Update with the latest version of StratoDem:master

Author: oDevBR

CHANGELOG.md

@@ -2,6 +2,10 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 4.4.1 2021-03-16
+### Fixes
+- Fixes Stepper to allow activeStep to be changed by callbacks
+
 ## 4.4.0 2021-02-02
 ### Adds
 - Adds tooltip component

Peek 2018-02-22 10-49.gif

@@ -1,9 +1,9 @@
 {
   "name": "sd-material-ui",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "description": "material-ui components for Dash",
   "main": "build/index.js",
-  "author": "Michael Clawar, Eric Linden, Sreeja Keesara tech@stratodem.com",
+  "author": "Michael Clawar, Eric Linden, Sreeja Keesara, Danny Kaminsky tech@stratodem.com",
   "scripts": {
     "start": "webpack-serve ./webpack.serve.config.js --open",
     "validate-init": "python _validate_init.py",

package-lock.json

@@ -1,2 +1,3 @@
 # dash is required to call `build:py`
 dash
+pyyaml

package.json

@@ -1,9 +1,9 @@
 {
   "name": "sd-material-ui",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "description": "material-ui components for Dash",
   "main": "build/index.js",
-  "author": "Michael Clawar, Eric Linden, Sreeja Keesara tech@stratodem.com",
+  "author": "Michael Clawar, Eric Linden, Sreeja Keesara, Danny Kaminsky tech@stratodem.com",
   "scripts": {
     "start": "webpack-serve ./webpack.serve.config.js --open",
     "validate-init": "python _validate_init.py",

requirements.txt

@@ -92,6 +92,11 @@ export default class Stepper extends Component<Props, State> {
     };
   }
 
+  UNSAFE_componentWillReceiveProps(nextProps: Props, nextContext: *): void {
+    if (nextProps.activeStep !== this.state.stepIndex)
+      this.setState({stepIndex: nextProps.activeStep});
+  }
+
   handleNext = () => {
     const {stepIndex} = this.state;
     const increased = stepIndex + 1;

sd_material_ui/package.json

@@ -386,7 +386,15 @@
 
         html.Div([
                     html.P([html.Strong('Sample for Stepper')]),
-                    sd_material_ui.Stepper(id='stepper', style={'background': 'inherit'}),
+                    sd_material_ui.Stepper(id='stepper',
+                                           style={'background': 'inherit'},
+                                           # nextButtonStyle={'display': 'None'},
+                                           # backButtonStyle={'display': 'None'},
+                                           # finishedButtonStyle={'display': 'None'},
+                                           activeStep=0
+                                           ),
+                    html.Button('Add one step', id='stepper-button'),
+                    html.P(id='stepper-output')
                 ]),
 
 
@@ -434,6 +442,17 @@
     ], style={'listStyleType': 'none'})
 
 
+@app.callback(
+    [dash.dependencies.Output('stepper-output', 'children'),
+     dash.dependencies.Output('stepper', 'activeStep')],
+    [dash.dependencies.Input('stepper-button', 'n_clicks')],
+    [
+        dash.dependencies.State('stepper', 'activeStep')
+    ])
+def callback_stepper(n_clicks: int,
+                     step: int):
+    return f'Step {step}', step + 1
+
 @app.callback(
     dash.dependencies.Output('time-picker-output', 'children'),
     [dash.dependencies.Input('time-picker', 'value')],)