allow to limit width of columns per category in trace selection modal

Author: dmt0

src/components/widgets/TraceTypeSelector.js

@@ -117,7 +117,10 @@ class TraceTypeSelector extends Component {
 
       let columnClasses = 'trace-grid__column';
 
-      if (items.length > MAX_ITEMS) {
+      if (
+        (items.length > MAX_ITEMS && !category.maxColumns) ||
+        (category.maxColumns && category.maxColumns > 1)
+      ) {
         columnClasses += ' trace-grid__column--double';
       }
 

src/lib/traceTypes.js

@@ -31,6 +31,7 @@ export const chartCategory = _ => {
     THREE_D: {
       value: '3D',
       label: _('3D'),
+      maxColumns: 1,
     },
   };
 };
@@ -101,6 +102,11 @@ export const traceTypes = _ => [
     label: _('3D Surface'),
     category: chartCategory(_).THREE_D,
   },
+  {
+    value: 'mesh3d',
+    label: _('3D Mesh'),
+    category: chartCategory(_).THREE_D,
+  },
   {
     value: 'cone',
     label: _('Cone'),
@@ -113,11 +119,6 @@ export const traceTypes = _ => [
     icon: 'line3d',
     category: chartCategory(_).THREE_D,
   },
-  {
-    value: 'mesh3d',
-    label: _('3D Mesh'),
-    category: chartCategory(_).THREE_D,
-  },
   {
     value: 'box',
     label: _('Box'),