expose and use custom h function

Author: xkam

examples/viewer/viewer.js

@@ -1,22 +1,14 @@
 
 import {Viewer} from '@activewidgets/examples';
-import React from 'react';
 import ReactDOM from 'react-dom';
 import * as pages from '../index.js';
-import * as components from '../../';
-
-
-let tags = {};
-
-Object.keys(components).forEach(name => {
-    tags['ax-' + name.toLowerCase()] = components[name];
-});
+import {h} from '../../';
 
 
 function mount(component, props){
     let container = document.getElementById('app');
     container.innerHTML = '';
-    ReactDOM.render(React.createElement(tags[component], props), container);
+    ReactDOM.render(h(component, props), container);
 }
 
 

js/framework.js

@@ -2,4 +2,4 @@
 import adapter from '@activewidgets/frameworks/react';
 import React from 'react';
 
-export const {build} = adapter(React);
+export const {h, build} = adapter(React);

test/adapter/react.js

@@ -1,21 +1,10 @@
 
-import React from 'react';
-import {render as originalRender, fireEvent, wait, waitForElement} from '@testing-library/react';
-import * as components from '@activewidgets/components';
+import {render as _render, fireEvent, wait, waitForElement} from '@testing-library/react';
+import {h} from '@activewidgets/components';
 
-let tags = {};
-
-Object.keys(components).forEach(name => {
-    tags['ax-' + name.toLowerCase()] = components[name];
-});
 
 export function render(component, props){
-
-    if (!tags[component]){
-        throw new Error('component not found - ' + component);
-    }
-
-    return originalRender(React.createElement(tags[component], props));
+    return _render(h(component, props));
 }
 
 export {fireEvent, wait, waitForElement};