Merge branch 'v3' into env-cleanup

Author: vesameskanen

app/component/DisruptionBanner.js

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { createFragmentContainer, graphql } from 'react-relay';
 import connectToStores from 'fluxible-addons-react/connectToStores';
 import isEmpty from 'lodash/isEmpty';
 import { configShape, alertShape } from '../util/shapes';
@@ -110,37 +109,13 @@ class DisruptionBanner extends React.Component {
 }
 const DisruptionBannerWithBreakpoint = withBreakpoint(DisruptionBanner);
 
-const containerComponent = createFragmentContainer(
-  connectToStores(
-    DisruptionBannerWithBreakpoint,
-    ['TimeStore', 'PreferencesStore'],
-    ({ getStore }) => ({
-      currentTime: getStore('TimeStore').getCurrentTime(),
-      language: getStore('PreferencesStore').getLanguage(),
-    }),
-  ),
-  {
-    alerts: graphql`
-      fragment DisruptionBanner_alerts on Alert @relay(plural: true) {
-        feed
-        id
-        alertSeverityLevel
-        alertHeaderText
-        alertEffect
-        alertCause
-        alertDescriptionText
-        effectiveStartDate
-        effectiveEndDate
-        entities {
-          __typename
-          ... on Route {
-            mode
-            shortName
-          }
-        }
-      }
-    `,
-  },
+const containerComponent = connectToStores(
+  DisruptionBannerWithBreakpoint,
+  ['TimeStore', 'PreferencesStore'],
+  ({ getStore }) => ({
+    currentTime: getStore('TimeStore').getCurrentTime(),
+    language: getStore('PreferencesStore').getLanguage(),
+  }),
 );
 
 export { containerComponent as default, DisruptionBanner as Component };

app/component/departure.scss

@@ -362,6 +362,7 @@
     background-color: currentcolor;
     position: relative;
     border-radius: 3px;
+    font-family: $id-font-family;
 
     a {
       justify-content: center;

app/component/map/NearYouMap.js

@@ -117,7 +117,13 @@ const handleBounds = (location, edges) => {
 };
 
 const getLocationMarker = location => {
-  return <LocationMarker position={location} type="from" />;
+  return (
+    <LocationMarker
+      key={`from-${location.lat}:${location.lat}`}
+      position={location}
+      type="from"
+    />
+  );
 };
 
 function NearYouMap(

app/component/nearyou/NearYouPage.js

@@ -22,7 +22,6 @@ import {
   checkPositioningPermission,
   startLocationWatch,
 } from '../../action/PositionActions';
-import DisruptionBanner from '../DisruptionBanner';
 import StopsNearYouSearch from './StopsNearYouSearch';
 import {
   getGeolocationState,
@@ -247,7 +246,6 @@ class NearYouPage extends React.Component {
       filterByModes: modes,
       filterByPlaceTypes: placeTypes,
       omitNonPickups: this.context.config.omitNonPickups,
-      feedIds: this.context.config.feedIds,
       prioritizedStopIds: prioritizedStops,
       filterByNetwork: allowedNetworks,
     };
@@ -438,7 +436,6 @@ class NearYouPage extends React.Component {
                 $maxResults: Int!
                 $maxDistance: Int!
                 $omitNonPickups: Boolean!
-                $feedIds: [String!]
                 $filterByNetwork: [String!]
               ) {
                 stopPatterns: viewer {
@@ -455,9 +452,6 @@ class NearYouPage extends React.Component {
                       filterByNetwork: $filterByNetwork
                     )
                 }
-                alerts: alerts(feeds: $feedIds, severityLevel: [SEVERE]) {
-                  ...DisruptionBanner_alerts
-                }
               }
             `}
             variables={this.getQueryVariables(nearByStopMode)}
@@ -482,13 +476,6 @@ class NearYouPage extends React.Component {
                 config.prioritizedStopsNearYou[nearByStopMode.toLowerCase()];
               return (
                 <div className="stops-near-you-page">
-                  {renderDisruptionBanner && (
-                    <DisruptionBanner
-                      alerts={(props && props.alerts) || []}
-                      mode={nearByStopMode}
-                      trafficNowLink={config.trafficNowLink}
-                    />
-                  )}
                   {renderSearch && (
                     <StopsNearYouSearch
                       mode={nearByStopMode}
@@ -623,6 +610,8 @@ class NearYouPage extends React.Component {
                       stopPatterns={props.stopPatterns}
                       position={this.state.searchPosition}
                       withSeparator={!renderSearch}
+                      nearByStopMode={nearByStopMode}
+                      renderDisruptionBanner={renderDisruptionBanner}
                     />
                   )}
                 </div>

app/component/nearyou/StopsNearYouContainer.js

@@ -15,6 +15,7 @@ import CityBikeStopNearYou from './VehicleRentalStationNearYou';
 import Loading from '../Loading';
 import Icon from '../Icon';
 import { getDefaultNetworks } from '../../util/vehicleRentalUtils';
+import DisruptionBanner from '../DisruptionBanner';
 
 class StopsNearYouContainer extends React.Component {
   static propTypes = {
@@ -33,12 +34,15 @@ class StopsNearYouContainer extends React.Component {
     }).isRequired,
     withSeparator: PropTypes.bool,
     prioritizedStops: PropTypes.arrayOf(PropTypes.string),
+    nearByStopMode: PropTypes.string.isRequired,
+    renderDisruptionBanner: PropTypes.bool,
   };
 
   static defaultProps = {
     stopPatterns: undefined,
     withSeparator: false,
     prioritizedStops: undefined,
+    renderDisruptionBanner: false,
   };
 
   static contextTypes = {
@@ -254,12 +258,23 @@ class StopsNearYouContainer extends React.Component {
       />
     );
     const stops = this.createNearbyStops().filter(e => e);
+    const alerts = stops
+      .flatMap(stop => stop.props.stop?.routes || [])
+      .flatMap(route => route?.alerts || [])
+      .filter(alert => alert.alertSeverityLevel === 'SEVERE');
     const noStopsFound =
       !stops.length &&
       this.state.refetches >= this.state.maxRefetches &&
       !this.state.isLoadingmoreStops;
     return (
       <>
+        {this.props.renderDisruptionBanner && (
+          <DisruptionBanner
+            alerts={alerts || []}
+            mode={this.props.nearByStopMode}
+            trafficNowLink={this.context.config.trafficNowLink}
+          />
+        )}
         {((!this.props.relay.hasMore() &&
           !stops.length &&
           !this.props.prioritizedStops?.length) ||
@@ -389,6 +404,28 @@ const refetchContainer = createPaginationContainer(
                   ) {
                     scheduledArrival
                   }
+                  routes {
+                    ... on Route {
+                      alerts {
+                        feed
+                        id
+                        alertSeverityLevel
+                        alertHeaderText
+                        alertEffect
+                        alertCause
+                        alertDescriptionText
+                        effectiveStartDate
+                        effectiveEndDate
+                        entities {
+                          __typename
+                          ... on Route {
+                            mode
+                            shortName
+                          }
+                        }
+                      }
+                    }
+                  }
                 }
               }
             }

app/translations.js

@@ -736,7 +736,6 @@ const translations = {
     'swap-order-button-label': 'Start und Ziel tauschen',
     'swipe-result-tab-left': 'Show the previous tab.',
     'swipe-result-tab-right': 'Show the next tab.',
-    'swipe-result-tabs': 'Switch tabs using arrow keys.',
     'terminal-page.description': 'Terminal - {name}',
     'terminal-page.title': 'Terminal',
     'terminal-page.title-short': 'Terminal - {name}',
@@ -857,8 +856,6 @@ const translations = {
     back: 'Back',
     'buy-in-app': 'Buy in App',
     'search-autosuggest-label': 'Venue, place and stopsearch.',
-    'search-autosuggest-label-instructions':
-      'Navigate list with arrow keys and select with enter key.',
     'search-autosuggest-label-move-to-destination':
       'After selecting the starting location you are automatically moved to the destination field.',
     'search-autosuggest-len':
@@ -1705,7 +1702,6 @@ const translations = {
     'swipe-message-bar-tab': 'Message swipe result tabs',
     'swipe-result-tab-left': 'Show the previous tab.',
     'swipe-result-tab-right': 'Show the next tab.',
-    'swipe-result-tabs': 'Switch tabs using arrow keys.',
     'swipe-sr-new-tab-opened': 'Tab {number} opened.',
     'swipe-stops-near-you-tab': 'Stops near you swipe result tabs.',
     'swipe-summary-page-tab': 'Itinerary swipe result tabs',
@@ -2172,8 +2168,6 @@ const translations = {
     'as-viapoint': 'Välipisteeksi',
     'buy-in-app': 'Osta sovelluksessa',
     'search-autosuggest-label': 'Paikka, linja ja pysäkkihaku.',
-    'search-autosuggest-label-instructions':
-      'Navigoi listassa nuolinäppäimillä ja valitse enterillä.',
     'search-autosuggest-label-move-to-destination':
       'Valittuasi lähtöpaikan siirrytään suoraan määränpää-kenttään.',
     'search-autosuggest-len':
@@ -3017,7 +3011,6 @@ const translations = {
     'swipe-message-bar-tab': 'Viestivälilehti {number}',
     'swipe-result-tab-left': 'Näytä edellinen välilehti.',
     'swipe-result-tab-right': 'Näytä seuraava välilehti.',
-    'swipe-result-tabs': 'Selaa välilehtiä nuolinäppäimillä.',
     'swipe-sr-new-tab-opened': 'Välilehti {number} avattu.',
     'swipe-stops-near-you-tab': 'Lähipysäkkivälilehti {number}',
     'swipe-summary-page-tab': 'Reittiehdotus {number}',
@@ -3777,8 +3770,6 @@ const translations = {
     'as-origin': 'Początek',
     'as-viapoint': 'Punkt pośredni',
     'search-autosuggest-label': 'Miejsce, lokalizacja i przystanek.',
-    'search-autosuggest-label-instructions':
-      'Nawiguj po liście używając strzałek i wybieraj klawiszem Enter.',
     'search-autosuggest-label-move-to-destination':
       'Po wybraniu lokalizacji początkowej, automatycznie przejdziesz do pola miejsca docelowego.',
     'search-autosuggest-len':
@@ -4493,7 +4484,6 @@ const translations = {
     'swipe-message-bar-tab': 'Message swipe result tabs',
     'swipe-result-tab-left': 'Aby wyświetlić poprzednią kartę.',
     'swipe-result-tab-right': 'Aby wyświetlić następną kartę.',
-    'swipe-result-tabs': 'Przełącz karty klawiszami strzałek.',
     'swipe-sr-new-tab-opened': 'Otwarto kartę {number}.',
     'swipe-stops-near-you-tab': 'Stops near you swipe result tabs.',
     'swipe-summary-page-tab': 'Itinerary swipe result tabs',
@@ -5024,7 +5014,6 @@ const translations = {
     'swap-order-button-label': 'Schimbați originea cu destinația',
     'swipe-result-tab-left': 'Show the previous tab.',
     'swipe-result-tab-right': 'Show the next tab.',
-    'swipe-result-tabs': 'Switch tabs using arrow keys.',
     'terminal-page.description': 'Terminalul {name}',
     'terminal-page.title': 'Terminalul {name}',
     'terminal-page.title-short': 'Terminal',
@@ -5133,8 +5122,6 @@ const translations = {
       'Tilaa kyyti sovelluksella ja jää odottamaan sen saapumista:',
     'buy-in-app': 'Köp i appen',
     'search-autosuggest-label': 'Plats, linje och hållplatssökning.',
-    'search-autosuggest-label-instructions':
-      'Navigera listan med piltangenterna och välj med Enter-tangeten.',
     'search-autosuggest-label-move-to-destination':
       'Efter att du valt avgångsplatsen tas du direkt till Destination-fältet.',
     'search-autosuggest-len': 'Hittade {len} förslag',
@@ -5969,7 +5956,6 @@ const translations = {
       'Navigeringsknapp för att kunna bläddra stäng banner',
     'swipe-result-tab-left': 'Gå till föregående blad.',
     'swipe-result-tab-right': 'Gå till följande blad.',
-    'swipe-result-tabs': 'Bläddra mellan blad med pilknapparna.',
     'swipe-sr-new-tab-opened': 'Blad {number} öppnad.',
     'swipe-stops-near-you-tab':
       'Navigeringsknapp för att kunna bläddra hållplatser nära mig.',

digitransit-component/packages/digitransit-component-datetimepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-datetimepicker",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "digitransit-component datetimepicker module",
   "main": "index.js",
   "files": [