mobility-toolbox-js 2.0.0-beta.34 → 2.0.0-beta.37

package/common/mixins/StopFinderMixin.d.ts

@@ -15,9 +15,9 @@ export class StopFinderInterface {
      */
     constructor(options?: {
         apiKey: string;
-        url?: string;
-        placeholder?: string;
-        apiParams?: StopsSearchParams;
+        url?: string | undefined;
+        placeholder?: string | undefined;
+        apiParams?: any;
     });
     /**
      * Launch a search.

package/common/mixins/StopFinderMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StopFinderMixin.d.ts","sourceRoot":"","sources":["../../../src/common/mixins/StopFinderMixin.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH;IACE;;;;;;;;OAQG;IAEH;QAN2B,MAAM,EAAtB,MAAM;QACW,GAAG,GAApB,MAAM;QACW,WAAW,GAA5B,MAAM;QACsB,SAAS;OAGpB;IAE5B;;;;;;OAMG;IAEH,uCAJW,eAAe,GACd,QAAQ,qBAAqB,CAAC,CAGT;CAClC;;AAED;;;;;;GAMG;AACH,qDAoIG"}
+{"version":3,"file":"StopFinderMixin.d.ts","sourceRoot":"","sources":["../../../src/common/mixins/StopFinderMixin.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH;IACE;;;;;;;;OAQG;IAEH;QAN2B,MAAM,EAAtB,MAAM;QACW,GAAG;QACH,WAAW;QACA,SAAS;OAGpB;IAE5B;;;;;;OAMG;IAEH,uCAJW,eAAe,GACd,QAAQ,qBAAqB,CAAC,CAGT;CAClC;;AAED;;;;;;GAMG;AACH,qDAoIG"}

package/common/mixins/StopFinderMixin.js

@@ -1,43 +1,14 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StopFinderInterface = void 0;
 /* eslint-disable no-empty-function */
 /* eslint-disable no-useless-constructor */
 /* eslint-disable class-methods-use-this */
 /* eslint-disable max-classes-per-file */
-var api_1 = require("../../api");
+import { StopsAPI } from '../../api';
 /**
  * StopFinder control interface.
  *
  * @classproperty {StopsSearchParams} apiParams - Default request parameters used by the search method. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
  */
-var StopFinderInterface = /** @class */ (function () {
+export class StopFinderInterface {
     /**
      * Constructor.
      *
@@ -48,9 +19,7 @@ var StopFinderInterface = /** @class */ (function () {
      * @param {StopsSearchParams} [options.apiParams={ limit: 20 }] Request parameters. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
      */
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
-    function StopFinderInterface(options) {
-        if (options === void 0) { options = {}; }
-    }
+    constructor(options = {}) { }
     /**
      * Launch a search.
      *
@@ -59,10 +28,8 @@ var StopFinderInterface = /** @class */ (function () {
      * @return {Promise<Array<GeoJSONFeature>>} An array of GeoJSON features with coordinates in [EPSG:4326](http://epsg.io/4326).
      */
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-    StopFinderInterface.prototype.search = function (query, abortController) { };
-    return StopFinderInterface;
-}());
-exports.StopFinderInterface = StopFinderInterface;
+    search(query, abortController) { }
+}
 /**
  * Mixin for StopFinderInterface.
  *
@@ -70,129 +37,120 @@ exports.StopFinderInterface = StopFinderInterface;
  * @return {Class}  A class that implements <StopFinderInterface> class and extends Base;
  * @private
  */
-var StopFinderMixin = function (Base) {
-    return /** @class */ (function (_super) {
-        __extends(class_1, _super);
-        function class_1(options) {
-            if (options === void 0) { options = {}; }
-            var _this = _super.call(this, options) || this;
-            var apiParams = options.apiParams, apiKey = options.apiKey, url = options.url;
-            _this.apiParams = __assign({ limit: 20 }, (apiParams || {}));
-            _this.placeholder = options.placeholder || 'Search for a stop...';
-            var apiOptions = { apiKey: apiKey };
-            if (url) {
-                apiOptions.url = url;
-            }
-            _this.api = new api_1.StopsAPI(apiOptions);
-            _this.abortController = new AbortController();
-            return _this;
+const StopFinderMixin = (Base) => class extends Base {
+    constructor(options = {}) {
+        super(options);
+        const { apiParams, apiKey, url } = options;
+        this.apiParams = Object.assign({ limit: 20 }, (apiParams || {}));
+        this.placeholder = options.placeholder || 'Search for a stop...';
+        const apiOptions = { apiKey };
+        if (url) {
+            apiOptions.url = url;
         }
-        class_1.prototype.render = function (featureCollection) {
-            var _this = this;
-            var suggestions = (featureCollection === null || featureCollection === void 0 ? void 0 : featureCollection.features) || [];
-            if (!this.suggestionsElt) {
-                return;
-            }
-            this.suggestionsElt.style.display = suggestions.length ? 'block' : 'none';
-            this.suggestionsElt.innerHTML = '';
-            suggestions.forEach(function (suggestion) {
-                var properties = suggestion.properties;
-                var suggElt = document.createElement('div');
-                suggElt.innerHTML = properties.name;
-                suggElt.onclick = function () {
-                    _this.onSuggestionClick(suggestion);
-                };
-                Object.assign(suggElt.style, {
-                    padding: '5px 12px',
-                });
-                _this.suggestionsElt.appendChild(suggElt);
-            });
-        };
-        class_1.prototype.createDefaultElement = function () {
-            var _this = this;
-            /**
-             * Define a default element.
-             */
-            this.element = document.createElement('div');
-            this.element.id = 'mbt-search';
-            Object.assign(this.element.style, {
-                position: 'absolute',
-                top: 0,
-                left: '50px',
-                margin: '10px',
-                display: 'flex',
-                flexDirection: 'column',
-                width: '320px',
-            });
-            // Create input element
-            this.inputElt = document.createElement('input');
-            this.inputElt.type = 'text';
-            this.inputElt.placeholder = this.placeholder;
-            this.inputElt.autoComplete = 'off';
-            this.inputElt.onkeyup = function (evt) {
-                _this.abortController.abort();
-                _this.abortController = new AbortController();
-                _this.search(evt.target.value, _this.abortController);
+        this.api = new StopsAPI(apiOptions);
+        this.abortController = new AbortController();
+    }
+    render(featureCollection) {
+        const suggestions = (featureCollection === null || featureCollection === void 0 ? void 0 : featureCollection.features) || [];
+        if (!this.suggestionsElt) {
+            return;
+        }
+        this.suggestionsElt.style.display = suggestions.length ? 'block' : 'none';
+        this.suggestionsElt.innerHTML = '';
+        suggestions.forEach((suggestion) => {
+            const { properties } = suggestion;
+            const suggElt = document.createElement('div');
+            suggElt.innerHTML = properties.name;
+            suggElt.onclick = () => {
+                this.onSuggestionClick(suggestion);
             };
-            Object.assign(this.inputElt.style, {
-                padding: '10px 30px 10px 10px',
-            });
-            this.element.appendChild(this.inputElt);
-            // Create suggestions list element
-            this.suggestionsElt = document.createElement('div');
-            Object.assign(this.suggestionsElt.style, {
-                backgroundColor: 'white',
-                overflowY: 'auto',
-                cursor: 'pointer',
+            Object.assign(suggElt.style, {
+                padding: '5px 12px',
             });
-            this.element.appendChild(this.suggestionsElt);
-            this.clearElt = document.createElement('div');
-            Object.assign(this.clearElt.style, {
-                display: 'none',
-                position: 'absolute',
-                right: '0',
-                padding: '0 10px',
-                fontSize: '200%',
-                cursor: 'pointer',
-            });
-            this.clearElt.innerHTML = '×';
-            this.clearElt.onclick = function () { return _this.clear(); };
-            this.element.appendChild(this.clearElt);
-        };
-        class_1.prototype.search = function (q, abortController) {
-            var _this = this;
-            if (q !== undefined || q !== null) {
-                this.apiParams.q = q;
-            }
-            if (this.clearElt) {
-                this.clearElt.style.display = 'block';
-            }
-            return this.api
-                .search(this.apiParams, abortController)
-                .then(function (data) {
-                _this.render(data);
-            })
-                .catch(function () {
-                _this.render();
-            });
-        };
-        /**
-         * To be defined in inherited class
-         */
-        // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-        class_1.prototype.onSuggestionClick = function (suggestion) { };
+            this.suggestionsElt.appendChild(suggElt);
+        });
+    }
+    createDefaultElement() {
         /**
-         * Clear the search field and close the control.
+         * Define a default element.
          */
-        class_1.prototype.clear = function () {
-            if (!this.suggestionsElt) {
-                return;
-            }
-            this.inputElt.value = '';
-            this.suggestionsElt.innerHTML = '';
-            this.clearElt.style.display = 'none';
+        this.element = document.createElement('div');
+        this.element.id = 'mbt-search';
+        Object.assign(this.element.style, {
+            position: 'absolute',
+            top: 0,
+            left: '50px',
+            margin: '10px',
+            display: 'flex',
+            flexDirection: 'column',
+            width: '320px',
+        });
+        // Create input element
+        this.inputElt = document.createElement('input');
+        this.inputElt.type = 'text';
+        this.inputElt.placeholder = this.placeholder;
+        this.inputElt.autoComplete = 'off';
+        this.inputElt.onkeyup = (evt) => {
+            this.abortController.abort();
+            this.abortController = new AbortController();
+            this.search(evt.target.value, this.abortController);
         };
-        return class_1;
-    }(Base));
+        Object.assign(this.inputElt.style, {
+            padding: '10px 30px 10px 10px',
+        });
+        this.element.appendChild(this.inputElt);
+        // Create suggestions list element
+        this.suggestionsElt = document.createElement('div');
+        Object.assign(this.suggestionsElt.style, {
+            backgroundColor: 'white',
+            overflowY: 'auto',
+            cursor: 'pointer',
+        });
+        this.element.appendChild(this.suggestionsElt);
+        this.clearElt = document.createElement('div');
+        Object.assign(this.clearElt.style, {
+            display: 'none',
+            position: 'absolute',
+            right: '0',
+            padding: '0 10px',
+            fontSize: '200%',
+            cursor: 'pointer',
+        });
+        this.clearElt.innerHTML = '×';
+        this.clearElt.onclick = () => this.clear();
+        this.element.appendChild(this.clearElt);
+    }
+    search(q, abortController) {
+        if (q !== undefined || q !== null) {
+            this.apiParams.q = q;
+        }
+        if (this.clearElt) {
+            this.clearElt.style.display = 'block';
+        }
+        return this.api
+            .search(this.apiParams, abortController)
+            .then((data) => {
+            this.render(data);
+        })
+            .catch(() => {
+            this.render();
+        });
+    }
+    /**
+     * To be defined in inherited class
+     */
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    onSuggestionClick(suggestion) { }
+    /**
+     * Clear the search field and close the control.
+     */
+    clear() {
+        if (!this.suggestionsElt) {
+            return;
+        }
+        this.inputElt.value = '';
+        this.suggestionsElt.innerHTML = '';
+        this.clearElt.style.display = 'none';
+    }
 };
-exports.default = StopFinderMixin;
+export default StopFinderMixin;