feature(REPORT-502080): BoldReports 13.1 release changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "javascript-samples",
-  "version": "12.1.12",
+  "version": "13.1.26",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -32,15 +32,15 @@
     "gulp4-run-sequence": "1.0.1",
     "shelljs": "^0.8.4",
     "typo-js": "1.0.3",
-    "webpack": "5.97.1",
+    "webpack": "5.106.1",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "5.2.1",
     "webpack-stream": "7.0.0"
   },
   "dependencies": {
     "@babel/polyfill": "7.2.5",
-    "@boldreports/javascript-reporting-controls": "12.1.12",
-    "@boldreports/javascript-reporting-extensions": "12.1.12",
+    "@boldreports/javascript-reporting-controls": "13.1.26",
+    "@boldreports/javascript-reporting-extensions": "13.1.26",
     "codemirror": "5.58.2",
     "hasher": "1.2.0",
     "jquery": "3.6.0",

src/common/index.js

@@ -20,6 +20,54 @@ import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10
 import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10n/ej.localetexts.he-IL.min.js';
 import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10n/ej.localetexts.ru-RU.min.js';
 
+
+
+//barcode
+import '../../build/templates/extensions/report-item-extensions/barcode.reportitem.css';
+import { EJBarcode } from '../../build/templates/extensions/report-item-extensions/barcode.reportitem';
+import { EJQRBarcode } from '../../build/templates/extensions/report-item-extensions/qrbarcode.reportitem';
+
+//Document
+import '../../build/templates/extensions/report-item-extensions/document.reportitem.css';
+import { EJPdfDocument } from '../../build/templates/extensions/report-item-extensions/pdfdocument.reportitem';
+import { EJHtmlDocument } from '../../build/templates/extensions/report-item-extensions/htmldocument.reportitem';
+
+//signature
+import '../../build/templates/extensions/report-item-extensions/signature.reportitem.css';
+import '../../build/templates/extensions/report-item-extensions/signature.dialog.css';
+import { EJSignature } from '../../build/templates/extensions/report-item-extensions/signature.reportitem';
+import { SignatureDialog } from '../../build/templates/extensions/report-item-extensions/signature.dialog';
+
+//shape
+import '../../build/templates/extensions/report-item-extensions/shape.reportitem.css';
+import { EJShape } from '../../build/templates/extensions/report-item-extensions/shape.reportitem';
+
+//PDF signature
+import '../../build/templates/extensions/report-item-extensions/pdf.signature.reportitem.css';
+import { EJPDFSignature } from '../../build/templates/extensions/report-item-extensions/pdf.signature.reportitem';
+
+let barcode = 'EJBarcode';
+let qrBarcode = 'EJQRBarcode';
+window[barcode] = EJBarcode;
+window[qrBarcode] = EJQRBarcode;
+
+let signature = 'EJSignature';
+let signatureDialog = 'SignatureDialog';
+window[signature] = EJSignature;
+window[signatureDialog] = SignatureDialog;
+
+let shape = 'EJShape';
+window[shape] = EJShape;
+
+let pdfDocument = 'EJPdfDocument';
+let htmlDocument = 'EJHtmlDocument';
+window[pdfDocument] = EJPdfDocument;
+window[htmlDocument] = EJHtmlDocument;
+
+let pdfSignature = 'EJPDFSignature';
+window[pdfSignature] = EJPDFSignature;
+
+
 //globals
 import './../controls/globals';
 

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

@@ -1,6 +1,12 @@
-.ej-main-body-content {
+.ej-main-child-content{
   background-color: #fafafa;
 }
+.ej-main-body-content {
+  height:100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+}
 
 .ej-main-body-content #parentTabContainer {
   border: 1px solid #D7D7D7;
@@ -210,7 +216,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-title {

src/controls/nda-report/nda-report.html

@@ -0,0 +1,15 @@
+<div id="container"></div>
+<div id="description">
+    <p>The report demonstrates the PDF digital signature functionality in 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>

src/controls/nda-report/nda-report.js

@@ -0,0 +1,14 @@
+/**
+ * NDA Report - This demo showcases the integration of PDF digital signature in a Non-Disclosure Agreement (NDA) report.
+ */
+ $(function () {
+    $("#container").boldReportViewer({
+        // Specifies the report Web API service URL. It is used to process the reports.
+        reportServiceUrl: window.Globals.SERVICE_URL,
+        // Specifies the path of the RDL report file
+        reportPath: 'nda-report.rdl',
+        toolbarSettings: window.Globals.TOOLBAR_OPTIONS,
+        toolBarItemClick: window.Globals.EDIT_REPORT,
+        exportItemClick: window.Globals.EXPORT_ITEM_CLICK
+    });
+});

src/controls/samples.json

@@ -7,7 +7,8 @@
     "paystub",
     "powerpoint",
     "cmr",
-    "infographics"
+    "infographics",
+    "nda"
   ],
   "otherPlatforms": {
     "Angular": "angular/#/",
@@ -25,7 +26,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",
@@ -490,14 +491,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 JavaScript Bold Report Viewer."
       }
+    },
+    {
+      "routerPath": "nda-report",
+      "sampleName": "NDA Report",
+      "directoryName": "nda-report",
+      "basePath": "report-viewer",
+      "imageDetails": {
+        "isLandscape": false,
+        "index": 21
+      },
+      "metaData": {
+        "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in JavaScript Bold Report Viewer."
+      }
     }
   ]
 }