feature(REPORT): Bold reports V5.4 Release Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "javascript-samples",
-  "version": "5.3.8",
+  "version": "5.4.20",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -41,8 +41,8 @@
   },
   "dependencies": {
     "@babel/polyfill": "7.2.5",
-    "@boldreports/javascript-reporting-controls": "5.3.8",
-    "@boldreports/javascript-reporting-extensions": "5.3.8",
+    "@boldreports/javascript-reporting-controls": "5.4.20",
+    "@boldreports/javascript-reporting-extensions": "5.4.20",
     "codemirror": "5.58.2",
     "hasher": "1.2.0",
     "jquery": "3.6.0",

src/common/header/header.html

@@ -11,8 +11,8 @@
     </div>
     <div class="ej-sb-right-side">
         <!-- We hided this element as per management instruction -->
-        <!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank">Schedule Free Demo</a> -->
-        <a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/javascript-report-viewer" target="_blank">Product Detail</a>   
-        <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" target="_blank">Try it Free</a>
+        <!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank" rel="noreferrer">Schedule Free Demo</a> -->
+        <a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/javascript-report-viewer" target="_blank" rel="noreferrer">Product Detail</a>   
+        <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=128&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" target="_blank" rel="noreferrer">Try it Free</a>
     </div>
 </div>

src/common/index.css

@@ -350,6 +350,7 @@ ej-sidebar {
 #r-w-property-category,#r-w-property-subcategory,#r-w-property-startdate,#r-w-property-enddate {
   display: inline-flex;
   margin-left: 20px;
+  margin-right: 20px;
 }
 
 #r-w-property-name-category, #r-w-property-name {

src/common/index.js

@@ -159,7 +159,7 @@ function setReportsHeight() {
         document.body.appendChild(style);
     }
     style.textContent = `ej-sample{
-      display: flex;
+      display: ${location.href.includes('/external-parameter-report')? 'block' : 'flex'};
       overflow: hidden;
       min-height: 600px;
     }

src/common/main-content/main-content.html

@@ -77,23 +77,23 @@ <h1 class="ej-title"></h1>
           <div class="cnt-text cnt-text-3"></div>
         </div>
       </div>
-      <a class="free-trial-url" target="_blank">
+      <a class="free-trial-url" target="_blank" rel="noreferrer">
         <div class="free-trial">TRY IT FOR FREE</div>
       </a>
     </div>
   <!--Footer section-->
   <div class="ej-lp-footer">
     <div class="ej-lp-footer-links">
-      <a href="https://help.boldreports.com/embedded-reporting/javascript-reporting/" target="_blank">
+      <a href="https://help.boldreports.com/embedded-reporting/javascript-reporting/" target="_blank" rel="noreferrer">
           Documentation
       </a>
-      <a href="https://www.boldreports.com/blog" target="_blank">
+      <a href="https://www.boldreports.com/blog" target="_blank" rel="noreferrer">
           Blog
       </a>
-      <a href="https://support.boldreports.com/" target="_blank">
+      <a href="https://support.boldreports.com/" target="_blank" rel="noreferrer">
           Support
       </a>
-      <a href="https://www.boldreports.com/feedback" target="_blank">
+      <a href="https://www.boldreports.com/feedback" target="_blank" rel="noreferrer">
           Feedback
       </a>
     </div>

src/common/main-content/main-content.js

@@ -40,7 +40,7 @@ export class MainContent {
         let routerData = getRouterData(hasher.getHash());
         const sampleData = data.default.samples.filter((sample) => sample.routerPath === routerData.reportRouterPath && sample.basePath === routerData.reportBasePath)[0];
         const reportPath = sampleData.routerPath ? (sampleData.basePath + '/' + sampleData.routerPath) : sampleData.basePath;
-        window.open(`${location.href.split('#')[0]}${reportPath}/preview/`, '_blank');
+        window.open(`${location.href.split('#')[0]}${reportPath}/preview/`, '_blank', 'noreferrer');
     }
 
     onTabPrev() {

src/controls/barcode/barcode.html

@@ -11,6 +11,6 @@
     <p>
         More information about Barcode can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/barcode/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/company-sales/company-sales.html

@@ -15,13 +15,13 @@
         <li>Sorting is applied to row groups to sort the product category and sub-category in descending and ascending
             orders. More information about sorting data in matrix groups can be found in this <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/sort-data-in-tablix-data-region/#set-sort-expression-on-a-tablix-group"
-                target="_blank">documentation</a> section.
+                target="_blank" rel="noreferrer">documentation</a> section.
         </li>
     </ul>
     <p>
         Company Sales report designing steps can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/matrix/design-ssrs-matrix-report/#format-matrix-design"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>
 

src/controls/conditional-row-formatting/conditional-row-formatting.html

@@ -3,7 +3,7 @@
     <p>
         This demo illustrates the Conditional Formatting feature along with <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-parameters/add/"
-            target="_blank">Report Parameters</a> using the Tablix data region. Based on the country name selected in
+            target="_blank" rel="noreferrer">Report Parameters</a> using the Tablix data region. Based on the country name selected in
         the <code>Highlight Country</code>
         parameter, the available customer details of the respective country are highlighted using conditional
         formatting. It makes the report easier
@@ -12,12 +12,12 @@
     <ul>
         <li><b>Conditional IIF Statement</b> is used to build <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">expression</a> for background color, thereby it highlights the rows based on the
+                target="_blank" rel="noreferrer">expression</a> for background color, thereby it highlights the rows based on the
             <code>Country Name</code> field.</li>
     </ul>
     <p>
         Conditional row formatting report designing steps can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/conditional-formatting-tablix-data-region/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/consolidated-balance-sheet/consolidated-balance-sheet.html

@@ -4,19 +4,19 @@
         Consolidated balance sheet RDLC report represents the assets and liabilities of a company and all subsidiaries
         for the last four quarters in a single sheet using <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-            target="_blank">Tablix</a> report item.
+            target="_blank" rel="noreferrer">Tablix</a> report item.
     </p>
     <ul>
         <li>The <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/grouping-panel/"
-                target="_blank">Row grouping</a> feature is used to group the Assets type.</li>
+                target="_blank" rel="noreferrer">Row grouping</a> feature is used to group the Assets type.</li>
         <li>Text box report items with currency value are formatted using <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">expression</a>.</li>
+                target="_blank" rel="noreferrer">expression</a>.</li>
         <li>The data used in this table is a local JSON data.</li>
     </ul>
     <p>
         More information about RDLC report can be found in this <a
-            href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation</a>
+            href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank" rel="noreferrer">documentation</a>
         section.
     </p>
 </div>

src/controls/customer-support-analysis/customer-support-analysis.html

@@ -16,16 +16,16 @@
             <code>Average resolution time (hrs) by Representative</code> chart.
             More information about sorting data in matrix groups can be found in this <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/sort-data-in-tablix-data-region/#set-sort-expression-on-a-tablix-group"
-                target="_blank">documentation</a> section.</li>
+                target="_blank" rel="noreferrer">documentation</a> section.</li>
         <li>The <code>TopN</code> filter is applied to the table data region to display the
             <code>Top 5 Satisfied Customer</code>. More information on filtering data with table
             data region can be found in this <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/add-filters-to-tablix-data-region/"
-                target="_blank">documentation</a> section.</li>
+                target="_blank" rel="noreferrer">documentation</a> section.</li>
     </ul>
     <p>
         More information about chart data region can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/chart/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/data-bar/data-bar.html

@@ -7,6 +7,6 @@
     <p>
         More information about the Databar report item can be found in this <a
             href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-designer/designer-guide/report-items/data-bar/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/dynamic-chart-series/dynamic-chart-series.html

@@ -6,6 +6,6 @@
     </p>
     <p>
         More information about the Chart report item can be found in this <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/chart/"
-                                                                              target="_blank">documentation</a> section.
+                                                                              target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/dynamic-columns/dynamic-columns.html

@@ -12,6 +12,6 @@
     </ul>
     <p>
         More information about the Tablix data region can be found in this <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-                                                                              target="_blank">documentation</a> section.
+                                                                              target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/external-parameter-report/external-parameter-report.html

@@ -46,23 +46,23 @@
     <p>
         The Product Line Sales RDL report represents the best performing sales people and stores using <a
             href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-designer/designer-guide/report-items/tablix/"
-            target="_blank">Tablix</a> and <a
+            target="_blank" rel="noreferrer">Tablix</a> and <a
             href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-designer/designer-guide/report-items/chart/"
-            target="_blank">Chart</a>
+            target="_blank" rel="noreferrer">Chart</a>
         report items.
     </p>
     <ul>
         <li>
             The sales details are organized by category and sub-category of products using the concept of external
             report parameters which is designed using <a href="https://ej2.syncfusion.com/javascript/documentation/api/drop-down-list"
-                target="_blank">ejdropdownlist</a>. It allows users to filter Sub Category based on the selected
+                target="_blank" rel="noreferrer">ejdropdownlist</a>. It allows users to filter Sub Category based on the selected
             Category.
         </li>
         <li>Non cascading parameters namely start date and end date also used in this report.</li>
     </ul>
     <p>
         More information about handling the report items can be found in this <a
             href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-designer/designer-guide/report-items/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/external-parameter-report/external-parameter-report.js

@@ -29,8 +29,8 @@ $(function () {
         success: function (data) {
             startDate = new ejs.calendars.DatePicker({ value: new Date("1/1/2003"), width: "180px" });
             endDate = new ejs.calendars.DatePicker({ value: new Date("12/31/2003"), width: "180px" });
-            var productCategoryList = JSON.parse(data.ProductCategoryDetail);
-            var productSubCategoryList = JSON.parse(data.ProductSubCategoryDetail);
+            var productCategoryList = JSON.parse(data.productCategoryDetail);
+            var productSubCategoryList = JSON.parse(data.productSubCategoryDetail);
             var subCategoryDropDownList = productSubCategoryList.filter(({ ProductCategoryID }) => ProductCategoryID == 1);
             category = new ejs.dropdowns.DropDownList({
                 dataSource: productCategoryList,

src/controls/grouping-aggregate/grouping-aggregate.html

@@ -14,11 +14,11 @@
             Tablix data region.</li>
         <li>The sales value for each quarter is formatted in the <code>Currency </code> <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/format-data/"
-                target="_blank">format</a> to improve the readability of report.</li>
+                target="_blank" rel="noreferrer">format</a> to improve the readability of report.</li>
     </ul>
     <p>
         More information about the Tablix data region can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/invoice/invoice.html

@@ -3,15 +3,15 @@
     <p>
         In this demo, invoice report is generated based on <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-parameters/add/"
-            target="_blank">Report Parameters</a> at run time, and it displays the comprehensive overview of an invoice
+            target="_blank" rel="noreferrer">Report Parameters</a> at run time, and it displays the comprehensive overview of an invoice
         that indicates the shipping order details using parameters, <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-            target="_blank">expressions</a>, and calculated fields with Tablix report item.
+            target="_blank" rel="noreferrer">expressions</a>, and calculated fields with Tablix report item.
     </p>
     <ul>
         <li>Using <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">Expression
+                target="_blank" rel="noreferrer">Expression
             </a> with text box report item, the report is designed to dynamically display the invoice details.</li>
         <li>
             Using the <code>Total</code> feature in table report item, the sum of product price is calculated.
@@ -20,6 +20,6 @@
     <p>
         More information about the text box, expressions, and table data region can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/controls/load-large-data/load-large-data.html

@@ -7,12 +7,12 @@
         <li>The table is displayed with a total row, and the sum of sales is calculated by aggregation of
             <code>OrderQty</code> and <code>UnitPrice</code> data fields using the <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">Expression</a> support.</li>
+                target="_blank" rel="noreferrer">Expression</a> support.</li>
         <li>The Item total data text box is formatted in Currency format to enhance the report design.</li>
     </ul>
     <p>
         More information about Tablix can be found in this <a
-            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank">documentation</a>
+            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank" rel="noreferrer">documentation</a>
         section.
     </p>
 </div>

src/controls/mail-merge/mail-merge.html

@@ -9,7 +9,7 @@
         <li>To keep data in a single page, rectangle report item is used as a container with the KeepTogether property
             as true.</li>
         <li><a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">Expression</a> is used to frame the employee details dynamically at run time.</li>
+                target="_blank" rel="noreferrer">Expression</a> is used to frame the employee details dynamically at run time.</li>
     </ul>
     <p>
         You can print or export this report as PDF, Excel, Word, HTML, PowerPoint, or CSV format using the
@@ -20,6 +20,6 @@
     <p>
         Mail merge report designing steps can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/list/design-ssrs-rdl-report-using-list/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>