Extract config to use in crawl layout.

Author: T4rk1n

dash/dash-renderer/src/AppContainer.react.js

@@ -5,6 +5,7 @@ import APIController from './APIController.react';
 import Loading from './components/core/Loading.react';
 import Toolbar from './components/core/Toolbar.react';
 import Reloader from './components/core/Reloader.react';
+import config from './config';
 import {setHooks, setConfig} from './actions/index';
 import {type, memoizeWith, identity} from 'ramda';
 
@@ -35,9 +36,6 @@ class UnconnectedAppContainer extends React.Component {
 
     UNSAFE_componentWillMount() {
         const {dispatch} = this.props;
-        const config = JSON.parse(
-            document.getElementById('_dash-config').textContent
-        );
 
         // preset common request params in the config
         config.fetch = {

dash/dash-renderer/src/actions/utils.js

@@ -1,5 +1,7 @@
 import {append, concat, has, path, pathOr, type} from 'ramda';
 
+import config from '../config';
+
 /*
  * requests_pathname_prefix is the new config parameter introduced in
  * dash==0.18.0. The previous versions just had url_base_pathname
@@ -54,7 +56,11 @@ export const crawlLayout = (
             const newPath = concat(currentPath, propsChildren);
             crawlLayout(children, func, newPath);
         }
-        const childrenProps = pathOr([], ['childrenProps'], object);
+        const childrenProps = pathOr(
+            [],
+            ['children_props', object.namespace, object.type],
+            config
+        );
         childrenProps.forEach(childrenProp => {
             if (childrenProp.startsWith('[]')) {
                 let [frontPath, backPath] = childrenProp.split('.');

dash/dash-renderer/src/config.ts

@@ -0,0 +1,23 @@
+type Config = {
+    url_base_pathname: string;
+    requests_pathname_prefix: string;
+    ui: boolean;
+    props_check: boolean;
+    show_undo_redo: boolean;
+    suppress_callback_exceptions: boolean;
+    update_title: string;
+    hot_reload?: {
+        interval: number;
+        max_retry: number;
+    };
+    validation_layout: any;
+    children_props: {[k: string]: {[k: string]: string[]}};
+};
+
+const configElement = document.getElementById('_dash-config');
+
+const config: Config = JSON.parse(
+    configElement?.textContent ? configElement?.textContent : '{}'
+);
+
+export default config;