feature(REPORT-502080): Bold Reports 13.1 release changes

package.json

@@ -1,16 +1,16 @@
 {
   "name": "react-sample-browser",
-  "version": "12.1.12",
+  "version": "13.1.26",
   "private": true,
   "dependencies": {
-    "@boldreports/react-reporting-components": "12.1.12",
-    "@boldreports/javascript-reporting-extensions": "12.1.12",
+    "@boldreports/react-reporting-components": "13.1.26",
+    "@boldreports/javascript-reporting-extensions": "13.1.26",
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "11.2.5",
     "@testing-library/user-event": "12.8.3",
     "bootstrap": "5.3.3",
     "create-react-class": "15.7.0",
-    "axios": "1.12.2",
+    "axios": "1.15.0",
     "fs": "0.0.1-security",
     "gulp": "4.0.2",
     "path": "0.12.7",

src/common/main-content/main-content.css

@@ -1,6 +1,12 @@
 .ej-main-body-content {
   background-color: #fafafa;
 }
+.ej-main-child-content {
+  height:100%;
+  display: flex;
+  flex-direction: column; 
+  justify-content: space-evenly;
+}
 
 .ej-main-body-content #parentTabContainer {
   border: 1px solid #D7D7D7;
@@ -180,7 +186,7 @@
   padding: 10px;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   overflow: auto;
-  height: 320px; 
+  height: 320px;
   font-size: 13px;
   font-weight: 400;
 }
@@ -198,7 +204,8 @@
   color: #283A5E;
   margin: 30px 0px;
   width: 100%;
-  height: 121px;  
+  height: 121px;
+  flex-shrink: 0;
 }
 
 .header {

src/common/sidebar/sidebar.css

@@ -52,7 +52,7 @@
   width: 90px;
   margin: 8px;
   background-image: url('./../../assets/sidebar/portrait.png');
-  background-size: 100% 2200%;
+  background-size: 100% 2300%;
 }
 
 .ej-sidebar-content .ej-sb-toc .ej-sb-toc-card .ej-sb-toc-card-link{

src/controls/nda-report.js

@@ -0,0 +1,38 @@
+/* eslint-disable */
+import React, { Component } from 'react';
+import { Globals } from '../globals';
+
+class NDAReport extends Component {
+    render() {
+        if (this.props.content !== 'desc') {
+            return (
+                <BoldReportViewerComponent
+                    id="report-viewer"
+                    reportServiceUrl={Globals.ServiceURL}
+                    reportPath={'nda-report.rdl'}
+                    toolbarSettings={Globals.TOOLBAR_OPTIONS}
+                    toolBarItemClick={Globals.EDIT_REPORT}>
+                </BoldReportViewerComponent>)
+        }
+        else {
+            return (
+                <div id="description">
+                    <p>
+                        This sample demonstrates how to showcase PDF digital signature functionality in Bold Reports using a Non-Disclosure Agreement (NDA) document. It highlights secure signing and verification features for professional agreements.
+                    </p>
+                    <ul>
+                        <li>Illustrates PDF digital signature integration within reports.</li>
+                        <li>Uses a real-world NDA template for practical demonstration.</li>
+                        <li>Shows how signatures, names, dates, and locations are captured in the report item.</li>
+                    </ul>
+                    <p>
+                        More information about the PDF signature report item can be found in this <a
+                            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/signature/design-report-with-pdf-signature/"
+                            target="_blank" rel="noreferrer">documentation</a> section.
+                    </p>
+                </div>
+            );
+        }
+    }
+}
+export default NDAReport;

src/globals.js

@@ -37,6 +37,7 @@ import InfographicsReport from './controls/infographics-report';
 import DynamicLogos from './controls/dynamic-logos';
 import HRPayroll from './controls/hr-payroll';
 import MultiLanguageReport from './controls/multi-language-report';
+import NDAReport from './controls/nda-report';
 import rdlcData from './rdlcData'
 
 window.React = React;
@@ -116,7 +117,8 @@ const SampleComponents = {
     InfographicsReport: InfographicsReport,
     DynamicLogos: DynamicLogos,
     HRPayroll: HRPayroll,
-    MultiLanguageReport: MultiLanguageReport
+    MultiLanguageReport: MultiLanguageReport,
+    NDAReport: NDAReport
 }
 
 function onReportLoaded(args) {

src/samples.json

@@ -8,7 +8,8 @@
     "qrbarcode",
     "powerpoint",
     "cmr",
-    "infographics"
+    "infographics",
+    "nda"
   ],
   "otherPlatforms": {
     "React": "react/#",
@@ -28,7 +29,7 @@
     ],
     "freeTrialUrl": "https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
   },
-  "copyrightYear": "2025",
+  "copyrightYear": "2026",
   "samples": [
     {
       "routerPath": "product-line-sales",
@@ -494,14 +495,26 @@
       "sampleName": "HR Payroll",
       "basePath": "report-viewer",
       "directoryName": "hr-payroll",
-      "status": "New",
       "imageDetails": {
         "isLandscape": false,
         "index": 20
       },
       "metaData": {
         "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in the React Bold Report Viewer."
       }
+    },
+     {
+      "routerPath": "nda-report",
+      "sampleName": "NDA Report",
+      "basePath": "report-viewer",
+      "directoryName": "nda-report",
+      "imageDetails": {
+        "isLandscape": false,
+        "index": 21
+      },
+      "metaData": {
+        "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in React Bold Report Viewer."
+      }
     }
   ]
 }