NIFI-11769 Adding details on Registry Clients and Registrty Client types on UI (#7453)

Co-authored-by: Shane Ardell <shane.m.ardell@gmail.com>

Merged #7453 into main.

nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-settings.js

@@ -2030,6 +2030,22 @@
                 formatter: descriptionFormatter,
                 sortable: true,
                 resizable: true
+            },
+            {
+                id: 'type',
+                name: 'Type',
+                field: 'type',
+                formatter: nfCommon.instanceTypeFormatter,
+                sortable: true,
+                resizable: true
+            },
+            {
+                id: 'bundle',
+                name: 'Bundle',
+                field: 'bundle',
+                formatter: nfCommon.instanceBundleFormatter,
+                sortable: true,
+                resizable: true
             }
         ];
 
@@ -2661,7 +2677,7 @@
             var regTypeOptions = [];
             response.flowRegistryClientTypes.forEach(function (type) {
                 regTypeOptions.push({
-                    text: nfCommon.substringAfterLast(type.type, '.'),
+                    text: nfCommon.substringAfterLast(type.type, '.') + ' (' + type.bundle.version + ')',
                     value: type.type,
                     description: type.description || ''
                 });
@@ -2999,6 +3015,10 @@
             if (nfCommon.isDefinedAndNotNull(parameterProvidersGrid)) {
                 parameterProvidersGrid.resizeCanvas();
             }
+            var registriesGrid = $('#registries-table').data('gridInstance');
+            if (nfCommon.isDefinedAndNotNull(registriesGrid)) {
+                registriesGrid.resizeCanvas();
+            }
         },
 
         /**