chore: bump versions and update kendo-react-final-form-app

Author: InaGlushkova

examples/kendo-react-final-form/package.json

@@ -3,18 +3,30 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@progress/kendo-react-dateinputs": "^2.0.0",
-    "@progress/kendo-react-dropdowns": "^2.0.0",
-    "@progress/kendo-react-inputs": "^2.0.0",
-    "@progress/kendo-react-intl": "^2.0.0",
-    "@progress/kendo-react-buttons": "^2.0.0",
-    "@progress/kendo-theme-default": "^2.50.0",
-    "prop-types": "^15.6.1",
+    "@progress/kendo-licensing": "^1.5.1",
+    "@progress/kendo-date-math": "^1.5.14",
+    "@progress/kendo-inputs-common": "^3.1.1",
+    "@progress/kendo-intl": "^3.1.2",
+    "@progress/kendo-drawing": "^1.21.2",
+    "@progress/kendo-dateinputs-common": "^0.4.5",
+    "@progress/kendo-react-dateinputs": "^11.0.0",
+    "@progress/kendo-react-dropdowns": "^11.0.0",
+    "@progress/kendo-react-inputs": "^11.0.0",
+    "@progress/kendo-react-intl": "^11.0.0",
+    "@progress/kendo-react-buttons": "^11.0.0",
+    "@progress/kendo-react-common": "^11.0.0",
+    "@progress/kendo-react-layout": "^11.0.0",
+    "@progress/kendo-react-labels": "^11.0.0",
+    "@progress/kendo-react-popup": "^11.0.0",
+    "@progress/kendo-react-treeview": "^11.0.0",
+    "@progress/kendo-react-dialogs": "^11.0.0",
+    "@progress/kendo-theme-default": "^11.0.2",
+    "prop-types": "^15.6.2",
     "final-form": "^4.4.0",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
-    "react-final-form": "^3.1.5",
-    "react-scripts": "1.1.4"
+    "react": "^18",
+    "react-dom": "^18",
+    "react-final-form": "^6.5.9",
+    "react-scripts": "^5.0.1"
   },
   "scripts": {
     "start": "react-scripts start",

examples/kendo-react-final-form/src/App.test.js

@@ -1,9 +1,6 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
 it('renders without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+  const root = createRoot(div);
+  root.render(<App />);
+  root.unmount();
 });

examples/kendo-react-final-form/src/FinalForm.js

@@ -88,7 +88,8 @@ class FinalForm extends Component {
     render() {
         return (
             <div className="row">
-                <div className="col-lg-4 col-md-6 col-sm-6 col-xs-12 container mt-3 border border-light active shadow">
+                <div className="col-lg-4 col-md-6 col-sm-6 col-xs-12 container mt-3 border border-light active shadow" 
+                        style={{ height: '470px' }}>
                     <div className="header mt-3">
                         <h5>Flight Search</h5>
                     </div>
@@ -126,7 +127,7 @@ class FinalForm extends Component {
                                         offLabel={"NO"}
                                         label="Only direct flights" />
                                     <div className="buttons float-right">
-                                        <Button type="submit" primary={true} disabled={submitting || !valid}>
+                                        <Button type="submit" themeColor={'primary'} disabled={submitting || !valid}>
                                             Search flights
                                         </Button>
                                         &nbsp;

examples/kendo-react-final-form/src/index.js

@@ -1,8 +1,16 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container);
+
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
 registerServiceWorker();