Check if props has children before parsing

Author: valentijnnieman

dash_core_components/bundle.js

@@ -2906,7 +2906,7 @@
         "required": false,
         "description": "Holds the colors used by the Tabs and Tab components. If you set these, you should specify colors for all properties, so:\ncolors: {\n   border: '#d6d6d6',\n   primary: '#1975FA',\n   background: '#f9f9f9'\n }",
         "defaultValue": {
-          "value": "{\n    border: '#d6d6d6',\n    primary: '#1975FA',\n    background: '#f9f9f9'\n}",
+          "value": "{\n    border: '#d6d6d6',\n    primary: '#1975FA',\n    background: '#f9f9f9',\n}",
           "computed": false
         }
       }

dash_core_components/metadata.json

@@ -22,7 +22,7 @@
     "test-debug": "./node_modules/.bin/builder run test-frontend-debug",
     "uninstall-local": "pip uninstall dash-core-components -y",
     "build:js": "webpack --mode production",
-    "build:py": "node ./extract-meta src/components > dash_core_components/metadata.json && copyfiles package.json dash_core_components && npm run generate-python-classes"
+    "build:py": "node ./extract-meta src/components > dash_core_components/metadata.json && cp package.json dash_core_components && npm run generate-python-classes"
   },
   "author": "Chris Parmer <[email protected]>",
   "license": "MIT",

dash_core_components/package.json

@@ -136,7 +136,7 @@ export default class Tabs extends Component {
         }
     }
     parseChildrenToArray() {
-        if (!R.is(Array, this.props.children)) {
+        if (this.props.children && !R.is(Array, this.props.children)) {
             // if dcc.Tabs.children contains just one single element, it gets passed as an object
             // instead of an array - so we put in in a array ourselves!
             this.props.children = [this.props.children];
@@ -163,21 +163,25 @@ export default class Tabs extends Component {
         let selectedTab;
         let selectedTabContent;
 
-        this.parseChildrenToArray();
-
         if (this.props.children) {
+            this.parseChildrenToArray();
+
             const amountOfTabs = this.props.children.length;
 
+            window.console.log('this.props.children', this.props.children);
             EnhancedTabs = this.props.children.map((child, index) => {
                 // TODO: handle components that are not dcc.Tab components (throw error)
                 // enhance Tab components coming from Dash (as dcc.Tab) with methods needed for handling logic
                 let childProps;
 
+                window.console.log('child', child);
+
                 if (child.props.children) {
                     // if props appears on .children, props are coming from Dash
                     childProps = child.props.children.props;
                 } else {
                     // else props are coming from React (Demo.react.js)
+                    window.console.log('child props', child.props);
                     childProps = child.props;
                 }