Merge pull request #18000 from jeclrsg/hpcc-30384-DataPattern-popular…

…-patterns HPCC-30384 ECL Watch fix Data Patterns results last rows illegible
hpcc-systems · Nov 9, 2023 · c301262 · c301262
2 parents 1da880b + 38a75d3
commit c301262
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 127 deletions.
diff --git a/esp/src/package-lock.json b/esp/src/package-lock.json
diff --git a/esp/src/package.json b/esp/src/package.json
@@ -39,20 +39,20 @@
     "@fluentui/react-experiments": "8.14.95",
     "@fluentui/react-hooks": "8.6.29",
     "@fluentui/react-icons-mdl2": "1.3.47",
-    "@hpcc-js/chart": "2.81.7",
-    "@hpcc-js/codemirror": "2.60.12",
-    "@hpcc-js/common": "2.71.12",
-    "@hpcc-js/comms": "2.84.4",
+    "@hpcc-js/chart": "2.81.8",
+    "@hpcc-js/codemirror": "2.60.13",
+    "@hpcc-js/common": "2.71.13",
+    "@hpcc-js/comms": "2.84.5",
     "@hpcc-js/dataflow": "8.1.6",
-    "@hpcc-js/eclwatch": "2.73.27",
-    "@hpcc-js/graph": "2.85.8",
-    "@hpcc-js/html": "2.42.13",
-    "@hpcc-js/layout": "2.49.12",
-    "@hpcc-js/map": "2.77.11",
-    "@hpcc-js/other": "2.15.12",
-    "@hpcc-js/phosphor": "2.16.12",
-    "@hpcc-js/react": "2.53.9",
-    "@hpcc-js/tree": "2.40.12",
+    "@hpcc-js/eclwatch": "2.73.29",
+    "@hpcc-js/graph": "2.85.9",
+    "@hpcc-js/html": "2.42.14",
+    "@hpcc-js/layout": "2.49.13",
+    "@hpcc-js/map": "2.77.12",
+    "@hpcc-js/other": "2.15.13",
+    "@hpcc-js/phosphor": "2.16.13",
+    "@hpcc-js/react": "2.53.10",
+    "@hpcc-js/tree": "2.40.13",
     "@hpcc-js/util": "2.50.6",
     "@kubernetes/client-node": "0.18.1",
     "clipboard": "2.0.11",

diff --git a/esp/src/src/DataPatterns/PopularPatterns.ts b/esp/src/src/DataPatterns/PopularPatterns.ts
@@ -1,6 +1,8 @@
 import { BreakdownTable } from "@hpcc-js/html";
 import { config } from "./config";
 
+const maxRowCount = 64;
+
 export class PopularPatterns extends BreakdownTable {
     constructor(rows, showTitle: boolean = true) {
         super();
@@ -25,10 +27,15 @@ export class PopularPatterns extends BreakdownTable {
                 "font-weight": "normal",
                 "text-align": "right"
             }])
-            .data(rows.map(row => [
-                row.data_pattern.trim(),
-                row.rec_count
-            ]))
+            .useCalculatedRowCount(false)
+            .rowCount(6)
+            .data(rows
+                .filter((row, idx) => idx < maxRowCount)
+                .map(row => [
+                    row.data_pattern.trim(),
+                    row.rec_count
+                ])
+            )
             ;
     }
 }