Bump components and build (#173)

* Bump components, and build, update dev.tsx files

Author: labkey-alan

reactExamples/package-lock.json

@@ -12,10 +12,10 @@
     "test": "cross-env NODE_ENV=test jest"
   },
   "dependencies": {
-    "@labkey/components": "2.344.0"
+    "@labkey/components": "3.1.1"
   },
   "devDependencies": {
-    "@labkey/build": "6.12.0",
+    "@labkey/build": "7.0.0",
     "@types/jest": "29.2.0",
     "@types/react": "16.14.34",
     "jest": "29.2.2",

reactExamples/package.json

@@ -1,22 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import { App } from './FileAttachmentForm';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <App />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<App />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
-render();
+render();

reactExamples/src/client/FileAttachmentPage/dev.tsx

@@ -1,23 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import { App } from './HelloWorld';
 import './helloWorld.scss';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <App />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<App />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
-render();
+render();

reactExamples/src/client/HelloWorldPage/dev.tsx

@@ -1,23 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import { App } from './QueryModelExample';
 import './queryModelExample.scss';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <App />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<App />, document.getElementById('app'));
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
-render();
+render();

reactExamples/src/client/QueryModelPage/dev.tsx

@@ -1,22 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 
 import { ToDoListPage } from './ToDoListPage';
 
 const render = () => {
-    ReactDOM.render(
-        <AppContainer>
-            <ToDoListPage />
-        </AppContainer>,
-        document.getElementById('app')
-    )
+    ReactDOM.render(<ToDoListPage />, document.getElementById('app'))
 };
 
-declare const module: any;
-
-if (module.hot) {
-    module.hot.accept();
-}
-
-render();
+render();

reactExamples/src/client/ToDoListPage/dev.tsx

@@ -1,17 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { AppContainer } from 'react-hot-loader';
 import { App } from '@labkey/api';
 
 import { ToDoListPage } from "../ToDoListPage";
 
 App.registerApp<any>('demoWebpart', (target: string) => {
-    ReactDOM.render(
-        <AppContainer>
-            <ToDoListPage />
-        </AppContainer>,
-        document.getElementById(target)
-    );
+    ReactDOM.render(<ToDoListPage />, document.getElementById(target));
 }, true /* hot */);
-
-declare const module: any;