feat(mode-buttons): disable modes by default

Author: daniel-heppner-ibigroup

lib/components/form/batch-preferences.tsx

@@ -45,7 +45,8 @@ class BatchPreferences extends Component<{
    */
   onQueryParamChange = (newQueryParams: any) => {
     const { config, modeOptions, query, setQueryParam } = this.props
-    const enabledModes = query.enabledModes || modeOptions
+    const enabledModes =
+      query.enabledModes || modeOptions.filter((m) => !m.defaultUnselected)
     const combinations = config.modes.combinations
       .filter(combinationFilter(enabledModes))
       .map(replaceTransitMode(newQueryParams.mode))

lib/components/form/batch-settings.tsx

@@ -100,7 +100,9 @@ class BatchSettings extends Component<{
 }> {
   state = {
     expanded: null,
-    selectedModes: this.props.modeOptions.map((m) => m.mode)
+    selectedModes: this.props.modeOptions
+      .filter((m) => !m.defaultUnselected)
+      .map((m) => m.mode)
   }
 
   _onClickMode = (mode: string) => {

lib/components/form/mode-buttons.tsx

@@ -6,10 +6,10 @@ import { buttonCss } from './batch-styled'
 import { ComponentContext } from '../../util/contexts'
 import { getFormattedMode } from '../../util/i18n'
 import { injectIntl, IntlProvider, IntlShape } from 'react-intl'
-import FormattedMode from '../util/formatted-mode'
 import Icon from '../util/icon'
 
 export type Mode = {
+  defaultUnselected: boolean
   icon?: string
   label?: string
   mode: string

lib/reducers/create-otp-reducer.js

@@ -4,6 +4,7 @@ import coreUtils from '@opentripplanner/core-utils'
 import objectPath from 'object-path'
 import update from 'immutability-helper'
 
+import { combinationFilter } from '../components/form/batch-settings'
 import { FETCH_STATUS, PERSIST_TO_LOCAL_STORAGE } from '../util/constants'
 import { getTimestamp } from '../util/state'
 import { isBatchRoutingEnabled } from '../util/itinerary'
@@ -142,9 +143,21 @@ export function getInitialState(userDefinedConfig) {
   if (currentQuery.routingType === 'ITINERARY') {
     queryModes = ensureSingleAccessMode(queryModes)
   }
-  if (config.modes && config.modes.combinations) {
+  if (config.modes?.combinations) {
     // Inject combinations from config for batch routing.
-    currentQuery.combinations = clone(config.modes.combinations)
+    // Filter options based on defaults if modeOptions is specified in config
+    let enabledCombinations
+    if (config.modes.modeOptions) {
+      const defaultModes = config.modes.modeOptions
+        ?.filter((m) => !m.defaultUnselected)
+        .map((m) => m.mode)
+      enabledCombinations = config.modes.combinations.filter(
+        combinationFilter(defaultModes)
+      )
+    } else {
+      enabledCombinations = config.mode.combinations
+    }
+    currentQuery.combinations = clone(enabledCombinations)
   }
 
   return {