feat: limit amount of children we show (#83)

src/locale/en-US.js

@@ -7,6 +7,7 @@ export default {
   'Object.OrgChart.DummyWarn': 'The data contains multiple root nodes.',
   'Object.OrgChart.CycleWarning': 'Data contains circular references, nodes are omitted.',
   'Object.OrgChart.MissingRoot': 'No root node, check your data for circular references.',
+  'Object.OrgChart.MaxChildren': 'Maximum of children reached only showing 100 child nodes.',
   'Object.OrgChart.LabelExpression': 'Label expression',
   'Object.OrgChart.SubLabelExpression': 'Sub-label expression',
   'Object.OrgChart.ExtraLabelExpression': 'Extra-label expression',

src/utils/tree-utils.js

@@ -175,14 +175,17 @@ export function createNodes(matrix, attributeIndecies, status, navigationMode, t
   }
 
   const rootNodes = [];
+  let maxNodeWarning = false;
   for (let i = 0; i < allNodes.length; ++i) {
     const node = allNodes[i];
     const parentNode = nodeMap[node.parentId];
     node.parent = parentNode;
     if (parentNode) {
-      parentNode.children.push({ childNumber: parentNode.children.length, ...node });
+      parentNode.children.length > 100
+        ? (maxNodeWarning = true)
+        : parentNode.children.push({ childNumber: parentNode.children.length, ...node });
     } else {
-      rootNodes.push(node);
+      rootNodes.length > 100 ? (maxNodeWarning = true) : rootNodes.push(node);
     }
   }
 
@@ -195,6 +198,10 @@ export function createNodes(matrix, attributeIndecies, status, navigationMode, t
   if (status === MAX_DATA) {
     warn.push(translator.get('Object.OrgChart.MaxData'));
   }
+  // Only show a maximum of children.
+  if (maxNodeWarning) {
+    warn.push(translator.get('Object.OrgChart.MaxChildren'));
+  }
   // I have not looked at these functions at all. But we need to check the data as well I would say.
   if (anyCycle(allNodes)) {
     warn.push(translator.get('Object.OrgChart.CycleWarning'));