IDS-4707 - Switch from InputCombo to InputText if there are too many connections to list

client/actions/user.js

@@ -80,7 +80,7 @@ export function requestCreateUser(memberships) {
     dispatch({
       type: constants.REQUEST_CREATE_USER,
       payload: {
-        connection: connections && connections.length && connections[0].name,
+        connection: connections && connections.length && connections.length < 20 && connections[0].name || null,
         memberships: memberships && memberships.length === 1 ? [ memberships[0] ] : [ ]
       }
     });

client/constants.js

@@ -253,3 +253,5 @@ export const SUPER_ADMIN = 2;
 
 // The list of reserved user fields that must not be rendered in the custom fields edit form
 export const RESERVED_USER_FIELDS = [ 'username', 'memberships', 'connection', 'password', 'email', 'repeatPassword', 'resetPassword' ];
+
+export const CONNECTIONS_LIST_LIMIT = 20;

client/utils/useDefaultFields.js

@@ -1,5 +1,7 @@
 import _ from 'lodash';
 
+import { CONNECTIONS_LIST_LIMIT } from "../constants";
+
 const applyDefaults = (type, fields, property, defaults) => {
   const field = _.find(fields, { property });
 
@@ -61,14 +63,15 @@ export const useConnectionsField = (isEditField, fields, connections, onConnecti
     return _.remove(fields, { property: 'connection' });
   }
 
+  const isConnectionListingLimitExceeded = connections.length >= CONNECTIONS_LIST_LIMIT;
   const defaults = {
     property: 'connection',
-    label: 'Connection',
+    label: isConnectionListingLimitExceeded ? 'Connection Name' : 'Connection',
     [type]: {
       required: true,
-      type: 'select',
-      component: 'InputCombo',
-      options: connections.map(conn => ({ value: conn.name, label: conn.name })),
+      type: isConnectionListingLimitExceeded ? 'text' : 'select',
+      component: isConnectionListingLimitExceeded ? 'InputText' : 'InputCombo',
+      options: isConnectionListingLimitExceeded ? undefined : connections.map(conn => ({ value: conn.name, label: conn.name })),
       onChange: onConnectionChange
     }
   };

package.json

@@ -14,15 +14,13 @@
     "deploy": "a0-ext deploy --package ./dist/package.zip --url http://0.0.0.0:3000/api/extensions",
     "client:build": "a0-ext build:client ./client/app.jsx ./dist/client",
     "extension:build": "a0-ext build:server ./webtask.js ./dist && cp ./dist/auth0-delegated-admin.extension.$npm_package_version.js ./build/bundle.js && cp ./webtask.json ./dist/webtask.json",
-    "serve:dev": "cross-env NODE_ENV=development nodemon -e js --ignore assets/app/ --ignore build/webpack/ --ignore client/ --ignore server/data.json --ignore node_modules/ ./build/webpack/server.js",
+    "serve:dev": "cross-env NODE_ENV=development NODE_OPTIONS=--openssl-legacy-provider nodemon -e js --ignore assets/app/ --ignore build/webpack/ --ignore client/ --ignore server/data.json --ignore node_modules/ ./build/webpack/server.js",
     "serve:prod": "cross-env NODE_ENV=production node index.js",
     "test": "cross-env NODE_ENV=test nyc --reporter=lcov mocha --require ignore-styles tests/mocha.js './tests/**/*.tests.js'",
     "test:watch": "cross-env NODE_ENV=test mocha --require ignore-styles tests/mocha.js './tests/**/*.tests.js' --watch",
     "test:pre": "npm run test:clean && npm run lint:js",
     "test:clean": "rimraf ./coverage && rimraf ./.nyc_output",
-    "extension:size": "cross-env NODE_ENV=production webpack -p --config ./build/extension/webpack.config.js --json > ./build/extension/bundle-size.json && node ./build/extension/bundle-size.js",
-    "snyk-protect": "snyk protect",
-    "prepare": "npm run snyk-protect"
+    "extension:size": "cross-env NODE_ENV=production webpack -p --config ./build/extension/webpack.config.js --json > ./build/extension/bundle-size.json && node ./build/extension/bundle-size.js"
   },
   "keywords": [
     "auth0",

server/lib/multipartRequest.js

@@ -1,7 +1,12 @@
 import Promise from 'bluebird';
 import { ArgumentError } from 'auth0-extension-tools';
 
-export default function(client, entity, opts = {}, perPage = 50, concurrency = 5) {
+
+export default function(client, entity, opts = {}, fetchOptions = {} ) {
+  const perPage = fetchOptions.perPage || 50;
+  const concurrency = fetchOptions.concurrency || 5;
+  const limit = fetchOptions.limit || null;
+
   if (client === null || client === undefined) {
     throw new ArgumentError('Must provide a auth0 client object.');
   }
@@ -20,6 +25,9 @@ export default function(client, entity, opts = {}, perPage = 50, concurrency = 5
     getter({ ...options, include_totals: true, page: 0 })
       .then((response) => {
         total = response.total || 0;
+        if (limit) {
+          total = Math.min(total, limit);
+        }
         pageCount = Math.ceil(total / perPage);
         const data = response[entity] || response || [];
         data.forEach(item => result.push(item));

server/routes/connections.js

@@ -2,11 +2,12 @@ import _ from 'lodash';
 import { Router } from 'express';
 
 import multipartRequest from '../lib/multipartRequest';
+import { CONNECTIONS_LIST_LIMIT } from "../constants";
 
 export default (scriptManager) => {
   const api = Router();
   api.get('/', (req, res, next) => {
-    multipartRequest(req.auth0, 'connections', { strategy: 'auth0', fields: 'id,name,strategy,options' })
+    multipartRequest(req.auth0, 'connections', { strategy: 'auth0', fields: 'id,name,strategy,options' }, { perPage: 100, limit: CONNECTIONS_LIST_LIMIT})
       .then((connections) => {
         global.connections = connections.map(conn => ({ name: conn.name, id: conn.id }));
         const settingsContext = {