chore(alphabetize): alphabetizes dashboards in the saveas dropdown, v…

…ariables in script editor, and alerts, endpoints and checks

ui/src/checks/components/ChecksColumn.tsx

@@ -5,6 +5,9 @@ import {connect} from 'react-redux'
 
 // Selectors
 import {getAll} from 'src/resources/selectors'
+import {sortChecksByName} from 'src/checks/selectors'
+import {sortRulesByName} from 'src/notifications/rules/selectors'
+import {sortEndpointsByName} from 'src/notifications/endpoints/selectors'
 
 // Components
 import CheckCards from 'src/checks/components/CheckCards'
@@ -105,9 +108,9 @@ const mstp = (state: AppState) => {
   )
 
   return {
-    checks,
-    rules,
-    endpoints,
+    checks: sortChecksByName(checks),
+    rules: sortRulesByName(rules),
+    endpoints: sortEndpointsByName(endpoints),
   }
 }
 

ui/src/checks/selectors/index.ts

@@ -10,3 +10,6 @@ export const getCheckIDs = (state: AppState): {[x: string]: boolean} => {
     {}
   )
 }
+
+export const sortChecksByName = (checks: Check[]): Check[] =>
+  checks.sort((a, b) => (a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1))

ui/src/dashboards/selectors/index.ts

@@ -1,6 +1,14 @@
 import {get} from 'lodash'
 import moment from 'moment'
-import {AppState, View, Check, ViewType, TimeRange, TimeZone} from 'src/types'
+import {
+  AppState,
+  Check,
+  Dashboard,
+  TimeRange,
+  TimeZone,
+  View,
+  ViewType,
+} from 'src/types'
 import {currentContext} from 'src/shared/selectors/currentContext'
 
 // Constants
@@ -28,6 +36,11 @@ export const getTimeRangeWithTimezone = (state: AppState): TimeRange => {
   return newTimeRange
 }
 
+export const sortDashboardByName = (dashboards: Dashboard[]): Dashboard[] =>
+  dashboards.sort((a, b) =>
+    a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1
+  )
+
 // The purpose of this function is to set a user's custom time range selection
 // from the local time to the same time in UTC if UTC is selected from the
 // timezone dropdown. This is feature was original requested here:

ui/src/dataExplorer/components/SaveAsCellForm.tsx

@@ -7,6 +7,7 @@ import {get, isEmpty} from 'lodash'
 import {getSaveableView} from 'src/timeMachine/selectors'
 import {getOrg} from 'src/organizations/selectors'
 import {getAll} from 'src/resources/selectors'
+import {sortDashboardByName} from 'src/dashboards/selectors'
 
 // Components
 import {Form, Input, Button, Grid} from '@influxdata/clockface'
@@ -234,7 +235,11 @@ const mstp = (state: AppState): StateProps => {
   const org = getOrg(state)
   const dashboards = getAll<Dashboard>(state, ResourceType.Dashboards)
 
-  return {dashboards, view, orgID: get(org, 'id', '')}
+  return {
+    dashboards: sortDashboardByName(dashboards),
+    view,
+    orgID: get(org, 'id', ''),
+  }
 }
 
 const mdtp: DispatchProps = {

ui/src/notifications/endpoints/selectors/index.ts

@@ -1,8 +1,15 @@
-import {AppState} from 'src/types'
+import {AppState, NotificationEndpoint} from 'src/types'
 
 export const getEndpointIDs = (state: AppState): {[x: string]: boolean} => {
   return state.resources.endpoints.allIDs.reduce(
     (acc, id) => ({...acc, [id]: true}),
     {}
   )
 }
+
+export const sortEndpointsByName = (
+  endpoints: NotificationEndpoint[]
+): NotificationEndpoint[] =>
+  endpoints.sort((a, b) =>
+    a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1
+  )

ui/src/notifications/rules/selectors/index.ts

@@ -1,8 +1,13 @@
-import {AppState} from 'src/types'
+import {AppState, NotificationRuleDraft} from 'src/types'
 
 export const getRuleIDs = (state: AppState): {[x: string]: boolean} => {
   return state.resources.rules.allIDs.reduce(
     (acc, ruleID) => ({...acc, [ruleID]: true}),
     {}
   )
 }
+
+export const sortRulesByName = (
+  rules: NotificationRuleDraft[]
+): NotificationRuleDraft[] =>
+  rules.sort((a, b) => (a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1))

ui/src/variables/selectors/index.tsx

@@ -111,6 +111,7 @@ export const getAllVariables = (
       return prev
     }, [])
     .filter(v => !!v)
+    .sort((a, b) => (a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1))
   return vars
 }