@digitransit-component/digitransit-component-autosuggest 1.8.7 → 1.8.10

package/README.md

@@ -43,14 +43,21 @@ const searchContext = {
   clearFutureRoutes: () => ({}),        // Function that clears future routes
 };
 const lang = 'fi'; // en, fi or sv
-const onSelect = () => {
+const onSelect = (item, id) => {
    // Funtionality when user selects a suggesions. No default implementation is given.
    return null;
 };
-const onClear = () => {
+const onClear = id => {
    // Called  when user clicks the clear search string button. No default implementation.
    return null;
 };
+const getAutoSuggestIcons: {
+  // Called for every city bike station rendered as a search suggestion. Should return the icon and 
+  // color used for that station. Two icons are available, 'citybike-stop-digitransit' anditybike-stop-digitransit-secondary'.
+  citybikes: station => {
+     return ['citybike-stop-digitransit', '#f2b62d'];
+  }
+}
 const transportMode = undefined;
 const placeholder = "stop-near-you";
 const targets = ['Locations', 'Stops', 'Routes']; // Defines what you are searching. all available options are Locations, Stops, Routes, BikeRentalStations, FutureRoutes, MapPosition and CurrentPosition. Leave empty to search all targets.
@@ -67,6 +74,7 @@ return (
    onClear={onClear}
    autoFocus={false} // defines that should this field be automatically focused when page is loaded.
    lang={lang}
+   getAutoSuggestIcons={getAutoSuggestIcons}
    transportMode={transportMode} // transportmode with which we filter the routes, e.g. route-BUS
    geocodingSize={10} // defines how many stops and stations to fetch from geocoding. Useful if you want to filter the results and still get a reasonable amount of suggestions.
    filterResults={results => return results} // Optional filtering function for routes and stops
@@ -76,6 +84,9 @@ return (
    sources={sources}
    targets={targets}
    isMobile  // Optional. Defaults to false. Whether to use mobile search.
+   mobileLabel="Custom label" // Optional. Custom label text for autosuggest field on mobile.
+   inputClassName="" // Optional. Custom classname applied to the input element of the component for providing CSS styles.
+   translatedPlaceholder= // Optional. Custon translated placeholder text for autosuggest field.
 ```
 
 <!-- This file is automatically generated. Please don't edit it directly:

package/index.js

@@ -0,0 +1,7 @@
+/* eslint-disable global-require */
+
+if (process.env.NODE_ENV === 'development') {
+  module.exports = require('./lib/index.development.js');
+} else {
+  module.exports = require('./lib/index.js');
+}