diff --git a/Annotations/Flatten all annotations/Flatten annotations/package.json b/Annotations/Flatten all annotations/Flatten annotations/package.json index 1239cdb..8698f17 100644 --- a/Annotations/Flatten all annotations/Flatten annotations/package.json +++ b/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.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/Annotations/Flatten all annotations/Flatten annotations/src/index.css b/Annotations/Flatten all annotations/Flatten annotations/src/index.css index ec2585e..4421f12 100644 --- a/Annotations/Flatten all annotations/Flatten annotations/src/index.css +++ b/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"; \ No newline at end of file diff --git a/Annotations/Flatten all annotations/Flatten annotations/src/index.js b/Annotations/Flatten all annotations/Flatten annotations/src/index.js index 2242d61..da5b402 100644 --- a/Annotations/Flatten all annotations/Flatten annotations/src/index.js +++ b/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 (
-
- {/* Render the PDF Viewer */} - - {/*Inject required dependencies*/} - - -
-
); -} +import * as ReactDOM from 'react-dom'; +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 (
+
+ {/* Render the PDF Viewer */} + + + {/* Inject the required services */} + + +
+
); } -ReactDOM.render(, document.getElementById('sample')); \ No newline at end of file + +const root = ReactDOM.createRoot(document.getElementById('sample')); +root.render(); \ No newline at end of file diff --git a/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument Modified.pdf b/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument Modified.pdf deleted file mode 100644 index bfae497..0000000 Binary files a/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument Modified.pdf and /dev/null differ diff --git a/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument.pdf b/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument.pdf deleted file mode 100644 index 7654566..0000000 Binary files a/Annotations/Flatten all annotations/Web Service/Data/FormFillingDocument.pdf and /dev/null differ diff --git a/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf b/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf deleted file mode 100644 index 43153d5..0000000 Binary files a/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf and /dev/null differ diff --git a/Annotations/Flatten all annotations/Web Service/Data/PDF_Succinctly.pdf b/Annotations/Flatten all annotations/Web Service/Data/PDF_Succinctly.pdf new file mode 100644 index 0000000..ad91de2 Binary files /dev/null and b/Annotations/Flatten all annotations/Web Service/Data/PDF_Succinctly.pdf differ diff --git a/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.csproj.user b/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.csproj.user deleted file mode 100644 index 0ab25a4..0000000 --- a/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.csproj.user +++ /dev/null @@ -1,6 +0,0 @@ - - - - FolderProfile - - \ No newline at end of file diff --git a/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.sln b/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.sln index 1a7a130..06447fb 100644 --- a/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.sln +++ b/Annotations/Flatten all annotations/Web Service/PDFViewerWebService.sln @@ -1,9 +1,9 @@  Microsoft Visual Studio Solution File, Format Version 12.00 -# Visual Studio Version 16 -VisualStudioVersion = 16.0.29609.76 +# Visual Studio Version 17 +VisualStudioVersion = 17.5.33627.172 MinimumVisualStudioVersion = 10.0.40219.1 -Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "PDFViewerWebService", "PDFViewerWebService\PDFViewerWebService.csproj", "{640AB956-E150-4410-8D19-7770661C3592}" +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "PDFViewerWebService", "PDFViewerWebService.csproj", "{CEDA091C-DBFE-4166-BB2A-3EC87FBEFA29}" EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution @@ -11,15 +11,15 @@ Global Release|Any CPU = Release|Any CPU EndGlobalSection GlobalSection(ProjectConfigurationPlatforms) = postSolution - {640AB956-E150-4410-8D19-7770661C3592}.Debug|Any CPU.ActiveCfg = Debug|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Debug|Any CPU.Build.0 = Debug|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Release|Any CPU.ActiveCfg = Release|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Release|Any CPU.Build.0 = Release|Any CPU + {CEDA091C-DBFE-4166-BB2A-3EC87FBEFA29}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {CEDA091C-DBFE-4166-BB2A-3EC87FBEFA29}.Debug|Any CPU.Build.0 = Debug|Any CPU + {CEDA091C-DBFE-4166-BB2A-3EC87FBEFA29}.Release|Any CPU.ActiveCfg = Release|Any CPU + {CEDA091C-DBFE-4166-BB2A-3EC87FBEFA29}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE EndGlobalSection GlobalSection(ExtensibilityGlobals) = postSolution - SolutionGuid = {F26A7B73-6059-4DEA-A1DD-06B69096E3EA} + SolutionGuid = {C2BFA556-F642-4D35-AAC0-1C1D8DAD6C4E} EndGlobalSection EndGlobal diff --git a/Annotations/Flatten all annotations/Web Service/Properties/launchSettings.json b/Annotations/Flatten all annotations/Web Service/Properties/launchSettings.json index 2c8f770..5295249 100644 --- a/Annotations/Flatten all annotations/Web Service/Properties/launchSettings.json +++ b/Annotations/Flatten all annotations/Web Service/Properties/launchSettings.json @@ -1,11 +1,10 @@ { - "$schema": "http://json.schemastore.org/launchsettings.json", "iisSettings": { "windowsAuthentication": false, "anonymousAuthentication": true, "iisExpress": { - "applicationUrl": "http://localhost:65530", - "sslPort": 44399 + "applicationUrl": "http://localhost:7001", + "sslPort": 44309 } }, "profiles": { diff --git a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/package.json b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/package.json index 1239cdb..8698f17 100644 --- a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/package.json +++ b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/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.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.css b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.css index ec2585e..4421f12 100644 --- a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.css +++ b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/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"; \ No newline at end of file diff --git a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.js b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.js index 4e08bb2..0170a4e 100644 --- a/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.js +++ b/Annotations/Flatten annotation specific to user/Setting Annotation Author Name/src/index.js @@ -1,45 +1,30 @@ - -import { createRoot } from 'react-dom/client'; import * as React from 'react'; -import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; -export class App extends React.Component { -render() { - return (
-
- {/* Render the PDF Viewer */} - { - this.viewer = scope; - }} - id="container" - documentPath="PDF Succinctly.pdf" - serviceUrl="https://localhost:44399/pdfviewer" - documentLoad={this.documentLoaded} - style={{ height: '640px' }} - > - - -
-
); -} -documentLoaded = (args) => { - this.viewer.annotationSettings.author = 'syncfusion'; -}; +import * as ReactDOM from 'react-dom'; +import './index.css'; +import { + PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, + ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject} from '@syncfusion/ej2-react-pdfviewer'; +export function App() { + return (
+
+ {/* Render the PDF Viewer */} + + + {/* Inject the required services */} + + +
+
); + function documentLoaded () { + var viewer = document.getElementById('container').ej2_instances[0]; + viewer.annotationSettings.author = 'syncfusion'; + }; } -const root = createRoot(document.getElementById('sample')); +const root = ReactDOM.createRoot(document.getElementById('sample')); root.render(); \ No newline at end of file diff --git a/Annotations/Flatten annotation specific to user/Web Service/Data/202207251302595672.pdf b/Annotations/Flatten annotation specific to user/Web Service/Data/202207251302595672.pdf deleted file mode 100644 index 77895fe..0000000 Binary files a/Annotations/Flatten annotation specific to user/Web Service/Data/202207251302595672.pdf and /dev/null differ diff --git a/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf b/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf deleted file mode 100644 index 43153d5..0000000 Binary files a/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf and /dev/null differ diff --git a/Annotations/Flatten annotation specific to user/Web Service/Data/PDF_Succinctly.pdf b/Annotations/Flatten annotation specific to user/Web Service/Data/PDF_Succinctly.pdf new file mode 100644 index 0000000..ad91de2 Binary files /dev/null and b/Annotations/Flatten annotation specific to user/Web Service/Data/PDF_Succinctly.pdf differ diff --git a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj b/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj index 91c34f1..4c8b35e 100644 --- a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj +++ b/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj @@ -1,7 +1,7 @@  - netcoreapp3.1 + net6.0 54f96bfe-9d9f-4cc1-9f24-bc0d04ad53a2 diff --git a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj.user b/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj.user deleted file mode 100644 index 166b457..0000000 --- a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.csproj.user +++ /dev/null @@ -1,10 +0,0 @@ - - - - FolderProfile - IIS Express - - - ProjectDebugger - - \ No newline at end of file diff --git a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.sln b/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.sln index 1a7a130..5a452f2 100644 --- a/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.sln +++ b/Annotations/Flatten annotation specific to user/Web Service/PDFViewerWebService.sln @@ -1,9 +1,9 @@  Microsoft Visual Studio Solution File, Format Version 12.00 -# Visual Studio Version 16 -VisualStudioVersion = 16.0.29609.76 +# Visual Studio Version 17 +VisualStudioVersion = 17.5.33627.172 MinimumVisualStudioVersion = 10.0.40219.1 -Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "PDFViewerWebService", "PDFViewerWebService\PDFViewerWebService.csproj", "{640AB956-E150-4410-8D19-7770661C3592}" +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "PDFViewerWebService", "PDFViewerWebService.csproj", "{81BEEF66-467D-4B85-B10E-BD59DD5CB896}" EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution @@ -11,15 +11,15 @@ Global Release|Any CPU = Release|Any CPU EndGlobalSection GlobalSection(ProjectConfigurationPlatforms) = postSolution - {640AB956-E150-4410-8D19-7770661C3592}.Debug|Any CPU.ActiveCfg = Debug|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Debug|Any CPU.Build.0 = Debug|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Release|Any CPU.ActiveCfg = Release|Any CPU - {640AB956-E150-4410-8D19-7770661C3592}.Release|Any CPU.Build.0 = Release|Any CPU + {81BEEF66-467D-4B85-B10E-BD59DD5CB896}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {81BEEF66-467D-4B85-B10E-BD59DD5CB896}.Debug|Any CPU.Build.0 = Debug|Any CPU + {81BEEF66-467D-4B85-B10E-BD59DD5CB896}.Release|Any CPU.ActiveCfg = Release|Any CPU + {81BEEF66-467D-4B85-B10E-BD59DD5CB896}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE EndGlobalSection GlobalSection(ExtensibilityGlobals) = postSolution - SolutionGuid = {F26A7B73-6059-4DEA-A1DD-06B69096E3EA} + SolutionGuid = {7A79D140-4056-4CA6-A859-A7CD29E458EF} EndGlobalSection EndGlobal diff --git a/Annotations/Flatten annotation specific to user/Web Service/Properties/launchSettings.json b/Annotations/Flatten annotation specific to user/Web Service/Properties/launchSettings.json index 2c8f770..5295249 100644 --- a/Annotations/Flatten annotation specific to user/Web Service/Properties/launchSettings.json +++ b/Annotations/Flatten annotation specific to user/Web Service/Properties/launchSettings.json @@ -1,11 +1,10 @@ { - "$schema": "http://json.schemastore.org/launchsettings.json", "iisSettings": { "windowsAuthentication": false, "anonymousAuthentication": true, "iisExpress": { - "applicationUrl": "http://localhost:65530", - "sslPort": 44399 + "applicationUrl": "http://localhost:7001", + "sslPort": 44309 } }, "profiles": { diff --git a/Annotations/Import and export annotations/package.json b/Annotations/Import and export annotations/package.json index 1239cdb..8698f17 100644 --- a/Annotations/Import and export annotations/package.json +++ b/Annotations/Import and export 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.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/Annotations/Import and export annotations/src/index.css b/Annotations/Import and export annotations/src/index.css index ec2585e..a3e8d63 100644 --- a/Annotations/Import and export annotations/src/index.css +++ b/Annotations/Import and export 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"; diff --git a/Annotations/Import and export annotations/src/index.js b/Annotations/Import and export annotations/src/index.js index 23e6a76..a0fa5fd 100644 --- a/Annotations/Import and export annotations/src/index.js +++ b/Annotations/Import and export annotations/src/index.js @@ -1,134 +1,135 @@ -import * as ReactDOM from 'react-dom'; import * as React from 'react'; -import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; -export class App extends React.Component { - documentLoad(event) { - var viewer = document.getElementById('container').ej2_instances[0]; - //Method to add annotation programmatically for initial loading. - viewer.importAnnotation({ - pdfAnnotation: { - 0: { - shapeAnnotation: [ - { - ShapeAnnotationType: 'Square', - Author: 'Guest', - AnnotationSelectorSettings: { - selectionBorderColor: '', - resizerBorderColor: 'black', - resizerFillColor: '#FF4081', - resizerSize: 8, - selectionBorderThickness: 1, - resizerShape: 'Square', - selectorLineDashArray: [], - resizerLocation: 3, - resizerCursorType: null, - }, - ModifiedDate: '4/22/2021, 10:33:04 AM', - Subject: 'Rectangle', - Note: '', - IsCommentLock: false, - StrokeColor: 'rgba(255,0,0,1)', - FillColor: 'rgba(255,255,255,0)', - Opacity: 1, - Bounds: { - X: 124, - Y: 76, - Width: 202, - Height: 154, - Location: { X: 124, Y: 76 }, - Size: { IsEmpty: false, Width: 202, Height: 154 }, - Left: 124, - Top: 76, - Right: 326, - Bottom: 230, - }, - Thickness: 2, - BorderStyle: 'Solid', - BorderDashArray: 0, - RotateAngle: 'RotateAngle0', - IsCloudShape: false, - CloudIntensity: 0, - RectangleDifference: null, - VertexPoints: null, - LineHeadStart: null, - LineHeadEnd: null, - IsLocked: false, - AnnotName: 'e9a14dbe-5d09-4226-329e-c6edab201284', - Comments: null, - State: '', - StateModel: '', - AnnotType: 'shape', - EnableShapeLabel: false, - LabelContent: null, - LabelFillColor: null, - LabelBorderColor: null, - FontColor: null, - FontSize: 0, - CustomData: null, - LabelBounds: { - X: 0, - Y: 0, - Width: 0, - Height: 0, - Location: { X: 0, Y: 0 }, - Size: { IsEmpty: true, Width: 0, Height: 0 }, - Left: 0, - Top: 0, - Right: 0, - Bottom: 0, - }, - LabelSettings: null, - AnnotationSettings: { - minWidth: 0, - maxWidth: 0, - minHeight: 0, - maxHeight: 0, - isLock: false, - isPrint: true, - }, - AllowedInteractions: ['None'], - IsPrint: true, - ExistingCustomData: null, +import * as ReactDOM from 'react-dom'; +import './index.css'; +import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, + ThumbnailView, Print,TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; +export function App() { + return (
+
+ {/* Render the PDF Viewer */} + + + {/* Inject the required services */} + + +
+
); + function documentLoad() { + var viewer = document.getElementById('container').ej2_instances[0]; + //Method to add annotation programmatically for initial loading. + viewer.importAnnotation({ + pdfAnnotation: { + 0: { + shapeAnnotation: [ + { + ShapeAnnotationType: 'Square', + Author: 'Guest', + AnnotationSelectorSettings: { + selectionBorderColor: '', + resizerBorderColor: 'black', + resizerFillColor: '#FF4081', + resizerSize: 8, + selectionBorderThickness: 1, + resizerShape: 'Square', + selectorLineDashArray: [], + resizerLocation: 3, + resizerCursorType: null, + }, + ModifiedDate: '4/22/2021, 10:33:04 AM', + Subject: 'Rectangle', + Note: '', + IsCommentLock: false, + StrokeColor: 'rgba(255,0,0,1)', + FillColor: 'rgba(255,255,255,0)', + Opacity: 1, + Bounds: { + X: 124, + Y: 76, + Width: 202, + Height: 154, + Location: { X: 124, Y: 76 }, + Size: { IsEmpty: false, Width: 202, Height: 154 }, + Left: 124, + Top: 76, + Right: 326, + Bottom: 230, + }, + Thickness: 2, + BorderStyle: 'Solid', + BorderDashArray: 0, + RotateAngle: 'RotateAngle0', + IsCloudShape: false, + CloudIntensity: 0, + RectangleDifference: null, + VertexPoints: null, + LineHeadStart: null, + LineHeadEnd: null, + IsLocked: false, + AnnotName: 'e9a14dbe-5d09-4226-329e-c6edab201284', + Comments: null, + State: '', + StateModel: '', + AnnotType: 'shape', + EnableShapeLabel: false, + LabelContent: null, + LabelFillColor: null, + LabelBorderColor: null, + FontColor: null, + FontSize: 0, + CustomData: null, + LabelBounds: { + X: 0, + Y: 0, + Width: 0, + Height: 0, + Location: { X: 0, Y: 0 }, + Size: { IsEmpty: true, Width: 0, Height: 0 }, + Left: 0, + Top: 0, + Right: 0, + Bottom: 0, + }, + LabelSettings: null, + AnnotationSettings: { + minWidth: 0, + maxWidth: 0, + minHeight: 0, + maxHeight: 0, + isLock: false, + isPrint: true, }, - ], - }, + AllowedInteractions: ['None'], + IsPrint: true, + ExistingCustomData: null, + }, + ], }, - }); - } - - render() { - return ( -
-
- {/* Render the PDF Viewer */} - - {/* Inject the required services */} - - -
-
- ); - } + }, + }); } -ReactDOM.render(, document.getElementById('sample')); \ No newline at end of file + } + const root = ReactDOM.createRoot(document.getElementById('sample')); + root.render(); + + + + + + + + + + + + + + + + + diff --git a/Getting Started/package.json b/Getting Started/package.json index d49a5c2..16722cd 100644 --- a/Getting Started/package.json +++ b/Getting Started/package.json @@ -3,7 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { - "@syncfusion/ej2-react-pdfviewer": "^20.3.60", + "@syncfusion/ej2-react-pdfviewer": "^21.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/Getting Started/src/index.js b/Getting Started/src/index.js index 517c1fc..016f72c 100644 --- a/Getting Started/src/index.js +++ b/Getting Started/src/index.js @@ -1,12 +1,19 @@ import * as ReactDOM from 'react-dom'; import * as React from 'react'; import './index.css'; -import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; +import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, + ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject} from '@syncfusion/ej2-react-pdfviewer'; export function App() { return (
- - + + {/* Inject the required services */} +
); diff --git a/How to/Get hash id from storage/package.json b/How to/Get hash id from storage/package.json index 1239cdb..8698f17 100644 --- a/How to/Get hash id from storage/package.json +++ b/How to/Get hash id from storage/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.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/How to/Get hash id from storage/src/index.css b/How to/Get hash id from storage/src/index.css index ec2585e..4421f12 100644 --- a/How to/Get hash id from storage/src/index.css +++ b/How to/Get hash id from storage/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"; \ No newline at end of file diff --git a/How to/Get hash id from storage/src/index.js b/How to/Get hash id from storage/src/index.js index b470fcc..8a31fe7 100644 --- a/How to/Get hash id from storage/src/index.js +++ b/How to/Get hash id from storage/src/index.js @@ -1,54 +1,25 @@ import * as React from 'react'; -import { createRoot } from 'react-dom/client'; -import { - PdfViewerComponent, - Toolbar, - Magnification, - Navigation, - LinkAnnotation, - BookmarkView, - ThumbnailView, - Print, - TextSelection, - Annotation, - TextSearch, - FormFields, - FormDesigner, - Inject } from '@syncfusion/ej2-react-pdfviewer'; -export class App extends React.Component{ - render() { - return ( -
-
- {/* Render the PDF Viewer */} - - {/* Inject the required services */} - - -
-
- ); - } +import * as ReactDOM from 'react-dom'; +import './index.css'; +import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, + ThumbnailView, Print,TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; +export function App() { + return (
+
+ {/* Render the PDF Viewer */} + + + {/* Inject the required services */} + + + +
+
); } -const root = createRoot(document.getElementById('sample')); -root.render(); +const root = ReactDOM.createRoot(document.getElementById('sample')); +root.render(); \ No newline at end of file diff --git a/Toolbar/How to hide toolbar/package.json b/Toolbar/How to hide toolbar/package.json index d835ce7..16722cd 100644 --- a/Toolbar/How to hide toolbar/package.json +++ b/Toolbar/How to hide toolbar/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.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", diff --git a/Toolbar/How to hide toolbar/src/index.css b/Toolbar/How to hide toolbar/src/index.css index ec2585e..4421f12 100644 --- a/Toolbar/How to hide toolbar/src/index.css +++ b/Toolbar/How to hide toolbar/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"; \ No newline at end of file diff --git a/Toolbar/How to hide toolbar/src/index.js b/Toolbar/How to hide toolbar/src/index.js index e46fb6d..4d0a053 100644 --- a/Toolbar/How to hide toolbar/src/index.js +++ b/Toolbar/How to hide toolbar/src/index.js @@ -1,51 +1,25 @@ import * as React from 'react'; -import { createRoot } from 'react-dom/client'; -import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; -let thumbnail = []; -export class App extends React.Component { - //Event triggers on successful AJAX request - fireAjaxRequestSuccess(event) { - if (event.action === 'Load') { - thumbnail.push(event.data); - console.log(thumbnail); - } - } - render() { - return ( -
-
- {/* Render the PDF Viewer */} - - {/* Inject the required services */} - - -
-
- ); - } +import * as ReactDOM from 'react-dom'; +import './index.css'; +import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, + Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer'; +export function App() { + return (
+
+ {/* Render the PDF Viewer */} + + + {/* Inject the required services */} + + +
+
); } -const root = createRoot(document.getElementById('sample')); +const root = ReactDOM.createRoot(document.getElementById('sample')); root.render(); \ No newline at end of file