Component registry - support both pure function component and class components

[himdel]

previously, adding a class component had to be done via addReact('name', (props) => <Name {...props} />), otherwise, it would fail trying to "call" the class with props

this change makes it possible to treat both kinds of react components the same way, and register them directly as addReact('name', Name)

Cc @martinpovolny , @Hyperkid123

[himdel]

Testing..

diff --git a/app/javascript/miq-component/helpers.js b/app/javascript/miq-component/helpers.js
index 709e9551b..e8c042e97 100644
--- a/app/javascript/miq-component/helpers.js
+++ b/app/javascript/miq-component/helpers.js
@@ -14,3 +14,27 @@ export function componentFactory(blueprintName, selector, props) {
   const allProps = { ...element.dataset, ...props };
   ManageIQ.component.newInstance(blueprintName, allProps, element);
 }
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+class Contacts extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>Contacts</div>
+    );
+  }
+}
+
+let Magic = (props) => (<div>Magic</div>);
+
+window.magic = function() {
+  addReact('Contacts', Contacts);
+  addReact('Magic', Magic);
+
+  ManageIQ.component.componentFactory('Contacts', '#foo')
+  ManageIQ.component.componentFactory('Magic', '#bar')
+}
diff --git a/app/views/dashboard/show.html.haml b/app/views/dashboard/show.html.haml
index a07581316..81a445039 100644
--- a/app/views/dashboard/show.html.haml
+++ b/app/views/dashboard/show.html.haml
@@ -19,3 +19,9 @@
 - if WidgetPresenter.chart_data.present?
   :javascript
     ManageIQ.charts.chartData = #{{"widgetchart" => WidgetPresenter.chart_data}.to_json.html_safe};
+
+
+#foo
+#bar
+:javascript
+  magic()

(without this, Magic will work, but Contacts won't)

[miq-bot]

Checked commit https://github.com/himdel/manageiq-ui-classic/commit/574e8ca26bf20227c4b8cbdf05231c76727ca6cb with ruby 2.3.3, rubocop 0.52.1, haml-lint 0.20.0, and yamllint 1.10.0
0 files checked, 0 offenses detected
Everything looks fine. 🍰