Get loading prop from loading object, bump version

Author: valentijnnieman

dash_core_components/Loading.py

@@ -10,18 +10,22 @@ class Loading(Component):
 Keyword arguments:
 - children (list | a list of or a singular dash component, string or number; optional): Array that holds components to render
 - id (string; optional)
+- loadingProp (string; optional)
 - className (string; optional): Additional CSS class for the root DOM node
-- loading (boolean; optional)
+- loading (optional): . loading has the following type: dict containing keys 'loading', 'prop'.
+Those keys have the following types: 
+  - loading (boolean; optional)
+  - prop (string; optional)
 
 Available events: """
     @_explicitize_args
-    def __init__(self, children=None, id=Component.UNDEFINED, className=Component.UNDEFINED, loading=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['children', 'id', 'className', 'loading']
+    def __init__(self, children=None, id=Component.UNDEFINED, loadingProp=Component.UNDEFINED, className=Component.UNDEFINED, loading=Component.UNDEFINED, **kwargs):
+        self._prop_names = ['children', 'id', 'loadingProp', 'className', 'loading']
         self._type = 'Loading'
         self._namespace = 'dash_core_components'
         self._valid_wildcard_attributes =            []
         self.available_events = []
-        self.available_properties = ['children', 'id', 'className', 'loading']
+        self.available_properties = ['children', 'id', 'loadingProp', 'className', 'loading']
         self.available_wildcard_properties =            []
 
         _explicit_args = kwargs.pop('_explicit_args')

dash_core_components/metadata.json

@@ -2045,6 +2045,13 @@
         "required": false,
         "description": "Array that holds components to render"
       },
+      "loadingProp": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": ""
+      },
       "className": {
         "type": {
           "name": "string"
@@ -2054,7 +2061,17 @@
       },
       "loading": {
         "type": {
-          "name": "bool"
+          "name": "shape",
+          "value": {
+            "loading": {
+              "name": "bool",
+              "required": false
+            },
+            "prop": {
+              "name": "string",
+              "required": false
+            }
+          }
         },
         "required": false,
         "description": ""

dash_core_components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "0.36.0",
+  "version": "0.38.0",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.36.0'
+__version__ = '0.38.0'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "0.36.0",
+  "version": "0.38.0",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",

src/components/Loading.react.js

@@ -10,7 +10,11 @@ export default class Loading extends Component {
     }
 
     render() {
-        if (this.props.loading) {
+        const {loading} = this.props.loading;
+
+        window.console.log('loading prop:', this.props.loading.prop);
+
+        if (loading) {
             return (
                 <div>
                     <div className="spinner-verts">
@@ -95,10 +99,15 @@ Loading.propTypes = {
         React.PropTypes.node,
     ]),
 
+    /*
+    * String that determines which prop to listen to when loading
+    */
+    loadingProp: PropTypes.string,
+
     /**
      * Additional CSS class for the root DOM node
      */
     className: PropTypes.string,
 
-    loading: PropTypes.bool,
+    loading: PropTypes.shape({loading: PropTypes.bool, prop: PropTypes.string}),
 };