Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 20 commits into
base: master
Choose a base branch
from
Open
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
Original file line number Diff line number Diff line change
@@ -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";
Original file line number Diff line number Diff line change
@@ -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';
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 />);
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

This file was deleted.

Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@

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
Debug|Any CPU = Debug|Any CPU
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
Original file line number Diff line number Diff line change
@@ -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": {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
Original file line number Diff line number Diff line change
@@ -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";
Original file line number Diff line number Diff line change
@@ -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 (<div>
<div className='control-section'>
{/* Render the PDF Viewer */}
<PdfViewerComponent
ref={(scope) => {
this.viewer = scope;
}}
id="container"
documentPath="PDF Succinctly.pdf"
serviceUrl="https://localhost:44399/pdfviewer"
documentLoad={this.documentLoaded}
style={{ height: '640px' }}
>
<Inject
services={[
Toolbar,
Magnification,
Navigation,
LinkAnnotation,
BookmarkView,
ThumbnailView,
Print,
TextSelection,
TextSearch,
Annotation,
FormFields,
FormDesigner,
]}
/>
</PdfViewerComponent>
</div>
</div>);
}
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 (<div>
<div className="control-section">
{/* Render the PDF Viewer */}
<PdfViewerComponent
id="container"
documentPath="PDF_Succinctly.pdf"
documentLoad={documentLoaded}
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, FormDesigner]} />
</PdfViewerComponent>
</div>
</div>);
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(<App />);
Binary file not shown.
Binary file not shown.
Binary file not shown.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Web">

<PropertyGroup>
<TargetFramework>netcoreapp3.1</TargetFramework>
<TargetFramework>net6.0</TargetFramework>
<UserSecretsId>54f96bfe-9d9f-4cc1-9f24-bc0d04ad53a2</UserSecretsId>
</PropertyGroup>

Expand Down

This file was deleted.

Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@

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
Debug|Any CPU = Debug|Any CPU
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
Original file line number Diff line number Diff line change
@@ -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": {
Expand Down
2 changes: 1 addition & 1 deletion Annotations/Import and export annotations/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
21 changes: 8 additions & 13 deletions Annotations/Import and export annotations/src/index.css
Original file line number Diff line number Diff line change
@@ -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";
Loading