Master react (#18998)

* chore(): bump to beta 8

* fix(): IonFabButton href fix

* fix(react): support components with href attributes

* fix(): Prep work to break router out

* fix(): breaking react-router and react-core into own packages

* chore(): moving view stuff out of react-core

* chore(): dev build 8-1

* chore(): update to react beta 8

* chore(): fixes to deps

* fix(): removing IonAnchor in favor of IonRouterLink

* chore(): beta 9 release

* refactor(react): treeshake, minify, api

* wip

* fix(): react dev builds

* fix(): fixes to get app builds working again

* fix(): removing tgz file

* feat(): adding platform helper methods

* fix(): don't map attributes to props

* chore(): add test app

* feat(): copy css folder from core

* chore(): move rollup node resolve to devDependencies

* fix(): expose setupConfig()

* perf(): improve treeshaking

* fix(): removing crypto from generateUniqueId

* fix(): adding missing rollup dp

* fix(): test cleanup and fixes to make tests pass

* chore(): moving react to packages folder

* fix(): fixing react build due to move to packages

* feat(): adding missing IonInfiniteScrollContent component

* chore(): add automated testing using cypress

* fix(): adding option onDidDismiss to controller components

* 0.0.10 react

* wip

* fix(): removing deprecated React calls

* fix(): exporting setupConfig from core

* chore(): bump to 4.8.0-rc.0

* chore(): updating test-app deps and fixing test

* chore(): updates to react readme

packages/react/scripts/treeshaking.js

@@ -0,0 +1,96 @@
+
+const path = require('path');
+const { rollup } = require('rollup');
+const virtual = require('rollup-plugin-virtual');
+const fs = require('fs');
+
+function main() {
+  const input = process.argv[2] || get_input();
+  check(input).then(result => {
+    const relative = path.relative(process.cwd(), input);
+
+    if (result.shaken) {
+      console.error(`Success! ${relative} is fully tree-shakeable`);
+    } else {
+      error(`Failed to tree-shake ${relative}`);
+    }
+  });
+}
+
+
+function error(msg) {
+	console.error(msg);
+	process.exit(1);
+}
+
+function get_input() {
+	if (!fs.existsSync('package.json')) {
+		error(`Could not find package.json`);
+	}
+
+	const pkg = JSON.parse(fs.readFileSync('package.json'), 'utf-8');
+
+	const unresolved = pkg.module || pkg.main || 'index';
+	const resolved = resolve(unresolved);
+
+	if (!resolved) {
+		error(`Could not resolve entry point`);
+	}
+
+	return resolved;
+}
+
+function resolve(file) {
+	if (is_directory(file)) {
+		return if_exists(`${file}/index.mjs`) || if_exists(`${file}/index.js`);
+	}
+
+	return if_exists(file) || if_exists(`${file}.mjs`) || if_exists(`${file}.js`);
+}
+
+function is_directory(file) {
+	try {
+		const stats = fs.statSync(file);
+		return stats.isDirectory();
+	} catch (err) {
+		return false;
+	}
+}
+
+function if_exists(file) {
+	return fs.existsSync(file) ? file : null;
+}
+
+const check = input => {
+	const resolved = path.resolve(input);
+
+	return rollup({
+		input: '__agadoo__',
+		plugins: [
+			virtual({
+				__agadoo__: `import ${JSON.stringify(resolved)}`
+			}),
+			{
+				resolveId(id) {
+					if (!id.startsWith('.') && !id.startsWith('/')) {
+						return {id: id, external: true, moduleSideEffects: false};
+					}
+					return null;
+				}
+			}
+		],
+		onwarn: (warning, handle) => {
+			if (warning.code !== 'EMPTY_BUNDLE') handle(warning);
+		}
+	}).then(bundle => bundle.generate({
+		format: 'es'
+	})).then(o => {
+		const output = o.output;
+		console.log(output);
+		return {
+			shaken: output.length === 1 && output[0].code.trim() === ''
+		};
+	});
+};
+
+main();