fix(react): export utility components from a separate index (#889)

Using commonjs exports and exporting them from the main index means that if a user is importing the components into a bundler, the bundler will also try to bundle the main adapter code, which is not meant for bundling and will error out.

examples/react/components/path/path.jsx

@@ -1,6 +1,6 @@
 const React = require('react');
 
-const { usePath } = require('@frctl/react');
+const { usePath } = require('@frctl/react/components');
 
 const Path = () => {
     const path = usePath();

packages/react/README.md

@@ -23,7 +23,7 @@ fractal.components.engine(reactAdapter);
 The adapter exposes a React Context Provider component called PathProvider to allow usage of relative paths in static HTML exports. The rendered components and preview layouts are automatically wrapped with it.
 
 ```js
-const { PathProvider, PathContext, usePath } = require('@frctl/react');
+const { PathProvider, PathContext, usePath } = require('@frctl/react/components');
 
 const Button = (props) => {
   // use via useContext hook

packages/react/components/index.js

@@ -0,0 +1,7 @@
+const PathProvider = require('./path-provider');
+
+module.exports = {
+    PathProvider: PathProvider,
+    PathContext: PathProvider.PathContext,
+    usePath: PathProvider.usePath,
+};

packages/react/index.js

@@ -1,8 +1,3 @@
 'use strict';
 
-const { PathProvider } = require('./src/components');
-
 module.exports = require('./src/adapter');
-module.exports.PathProvider = PathProvider;
-module.exports.PathContext = PathProvider.PathContext;
-module.exports.usePath = PathProvider.usePath;

packages/react/package.json

@@ -3,7 +3,6 @@
   "version": "0.2.0",
   "description": "React template adapter for Fractal.",
   "main": "index.js",
-  "types": "index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/frctl/fractal.git",

packages/react/src/adapter.js

@@ -6,8 +6,8 @@ const ReactDOM = require('react-dom/server');
 
 const { Adapter, utils } = require('@frctl/core');
 
+const PathProvider = require('../components/path-provider');
 const clearModule = require('./clear-module');
-const PathProvider = require('./components/path-provider');
 
 /*
  * React Adapter