EJ2-68390 : Functional snippet changes in SB for React platform

Annotations/Flatten all annotations/Flatten annotations/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@syncfusion/ej2-react-pdfviewer": "^20.2.50",
+    "@syncfusion/ej2-react-pdfviewer": "^21.1.38",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

Annotations/Flatten all annotations/Flatten annotations/src/index.css

@@ -1,13 +1,8 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
+@import '../node_modules/@syncfusion/ej2-base/styles/material.css';  
+@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';  
+@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';  
+@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
+@import "../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css";

Annotations/Flatten all annotations/Flatten annotations/src/index.js

@@ -1,35 +1,25 @@
-
-import * as ReactDOM from 'react-dom';
 import * as React from 'react';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export class App extends React.Component {
-render() {
-    return (<div>
-        <div className='control-section'>
-        {/* Render the PDF Viewer */}
-        <PdfViewerComponent
-            id="container"
-            documentPath="PDF Succinctly.pdf"
-            serviceUrl="https://localhost:44399/pdfviewer"
-            style={{ height: '640px' }}
-          >
-            {/*Inject required dependencies*/}
-            <Inject
-              services={[
-                Toolbar,
-                Magnification,
-                Navigation,
-                LinkAnnotation,
-                BookmarkView,
-                ThumbnailView,
-                Print,
-                TextSelection,
-                TextSearch,
-              ]}
-            />
-          </PdfViewerComponent>
-        </div>
-    </div>);
-}
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
+         ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, Inject} from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  return (<div>
+    <div className="control-section">
+      {/* Render the PDF Viewer */}
+      <PdfViewerComponent
+        id="container"
+        documentPath="PDF_Succinctly.pdf"
+        serviceUrl="https://localhost:44309/pdfviewer" 
+        style={{ height: '640px' }}>
+
+        {/* Inject the required services */}
+        <Inject services={[ Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+                            Print, TextSelection, TextSearch, FormFields]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
 }
-ReactDOM.render(<App />, document.getElementById('sample'));
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);

Annotations/Flatten all annotations/Web Service/Controllers/HomeController.cs

@@ -0,0 +1,37 @@
+using ControllerPractice.Models;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Logging;
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace ControllerPractice.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+
+        public HomeController(ILogger<HomeController> logger)
+        {
+            _logger = logger;
+        }
+
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult Privacy()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}