react-spatial 1.2.3-beta.3 → 1.2.3-beta.7

package/README.md

@@ -4,7 +4,7 @@
 [![build](https://github.com/geops/react-spatial/workflows/main/badge.svg)](https://github.com/geops/react-spatial/actions?query=workflow%3Amain)
 [![Renovate](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![Netlify Status](https://api.netlify.com/api/v1/badges/8f7b7082-8998-4e1f-9a34-4d8cd18e6003/deploy-status)](https://app.netlify.com/sites/react-spatial/deploys)
+![Vercel](https://vercelbadge.vercel.app/api/geops/react-spatial)
 
 This library provides React components to build web applications and to visualize real-time geographical information based on [OpenLayers](https://openlayers.org/) and [Mapbox GL](https://docs.mapbox.com/mapbox-gl-js/api/).
 

package/components/LayerTree/LayerTree.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { Layer, getLayersAsFlatArray } from "mobility-toolbox-js/ol";
 import { unByKey } from "ol/Observable";
 const propTypes = {
-  layers: PropTypes.arrayOf(Layer),
+  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),
   className: PropTypes.string,
   padding: PropTypes.number,
   isItemHidden: PropTypes.func,
@@ -128,7 +128,7 @@ class LayerTree extends Component {
     }
     getLayersAsFlatArray(rootLayer).forEach((layer) => {
       this.olKeys.push(
-        layer.on("propertychange", (evt) => {
+        layer.on("propertychange", () => {
           const { revision } = this.state;
           this.setState({ revision: revision + 1 });
         })

package/components/LayerTree/LayerTree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/LayerTree/LayerTree.js"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Layer, getLayersAsFlatArray } from 'mobility-toolbox-js/ol';\nimport { unByKey } from 'ol/Observable';\n\nconst propTypes = {\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(Layer),\n\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\n\n  /**\n   * Determine if the item is hidden in the tree or not.\n   *\n   * @param {object} item The item to hide or not.\n   *\n   * @return {bool} true if the item is not displayed in the tree\n   */\n  isItemHidden: PropTypes.func,\n\n  /**\n   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\n\n  /**\n   * Custom function to render an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItem: PropTypes.func,\n\n  /**\n   * Custom function to render only the content of an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: PropTypes.func,\n\n  /**\n   * Custom function to render custom content before the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderBeforeItem: PropTypes.func,\n\n  /**\n   * Custom function to render custom content after the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderAfterItem: PropTypes.func,\n\n  /**\n   * Custom function to render the label.\n   *\n   * @param {string} item The label to render.\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderLabel: PropTypes.func,\n\n  /**\n   * Object holding title for the layer tree's buttons.\n   */\n  titles: PropTypes.shape({\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * aria-label on checkbox to hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n  }),\n\n  /**\n   * Boolean determining whether children collapse/expand when their parent is toggled\n   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.\n   * @return {boolean} True or false\n   */\n  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  layers: [],\n  className: 'rs-layer-tree',\n  padding: 30,\n  isItemHidden: () => {\n    return false;\n  },\n  getParentClassName: () => {\n    return undefined;\n  },\n  renderItem: null,\n  renderItemContent: null,\n  renderBeforeItem: null,\n  renderAfterItem: null,\n  renderLabel: (layer, layerComp) => {\n    const { t } = layerComp.props;\n    return t(layer.name);\n  },\n  titles: {\n    layerShow: 'Show layer',\n    layerHide: 'Hide layer',\n    subLayerShow: 'Show sublayer',\n    subLayerHide: 'Hide sublayer',\n  },\n  t: (s) => {\n    return s;\n  },\n  expandChildren: false,\n};\n\n/**\n * The LayerTree component renders an interface for toggling\n * [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  constructor(props) {\n    super(props);\n\n    const { layers, isItemHidden } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              (l.children || [])\n                .filter((child) => {\n                  return child.visible;\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      rootLayer: new Layer(),\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n    };\n    // this.updateLayers = this.updateLayers.bind(this);\n    this.olKeys = [];\n  }\n\n  componentDidMount() {\n    this.updateLayers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { layers } = this.props;\n\n    if (layers !== prevProps.layers) {\n      this.updateLayers();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.olKeys);\n    this.olKeys = [];\n  }\n\n  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else if (layer.setVisible) {\n      layer.setVisible(!layer.visible);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = !layer.visible;\n    }\n  }\n\n  onToggle(layer) {\n    const { expandedLayers } = this.state;\n    const pos = expandedLayers.indexOf(layer);\n    if (pos > -1) {\n      expandedLayers.splice(pos, 1);\n    } else {\n      expandedLayers.push(...this.getExpandedLayers([layer]));\n    }\n    this.setState({ expandedLayers });\n  }\n\n  /**\n   * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers\n   * together with the (given) initially expanded layers\n   *\n   * @param  {Layer} layers Initially expanded layers\n   * @return {Array.<Layer>} Initially expanded layers and all its always expanded ancestors\n   */\n  getExpandedLayers(layers) {\n    const { isItemHidden } = this.props;\n    const children = layers.flatMap((l) => {\n      return l.children.filter((c) => {\n        return !isItemHidden(c) && c.get('isAlwaysExpanded');\n      });\n    });\n\n    if (!children.length) {\n      return layers;\n    }\n    return [...layers, this.getExpandedLayers(children)].flat();\n  }\n\n  updateLayers() {\n    const { layers, expandChildren } = this.props;\n\n    // Update the root layer\n    let rootLayer = new Layer();\n    if (Array.isArray(layers)) {\n      if (layers.length === 1) {\n        [rootLayer] = layers;\n      }\n      rootLayer = new Layer({ children: layers });\n    } else {\n      rootLayer = layers;\n    }\n\n    getLayersAsFlatArray(rootLayer).forEach((layer) => {\n      this.olKeys.push(\n        layer.on('propertychange', (evt) => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n      );\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === 'function'\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      state.expandedLayers = rootLayer.children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n\n  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (layer.visible && !isItemHidden(layer)) {\n      const children = layer.children\n        .filter((c) => {\n          return !isItemHidden(c) && !c.get('isAlwaysExpanded');\n        })\n        .flatMap((c) => {\n          return this.expandLayer(c, expLayers);\n        });\n      return [...expLayers, ...children, layer];\n    }\n    return expLayers;\n  }\n\n  renderInput(layer) {\n    const { titles, isItemHidden } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !(layer.children || []).filter((c) => {\n        return !isItemHidden(c);\n      }).length\n    ) {\n      // We forbid focus on keypress event for first level layers and layers without children.\n      tabIndex = -1;\n    }\n\n    const inputType = layer.get('group') ? 'radio' : 'checkbox';\n    return (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        tabIndex={tabIndex}\n        title={layer.visible ? titles.layerHide : titles.layerShow}\n        aria-label={layer.visible ? titles.layerHide : titles.layerShow}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n      >\n        <input\n          type={inputType}\n          tabIndex={-1}\n          checked={layer.visible}\n          readOnly\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  renderArrow(layer) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n\n    if (\n      !(layer.children || []).filter((c) => {\n        return !isItemHidden(c);\n      }).length ||\n      layer.get('isAlwaysExpanded')\n    ) {\n      return null;\n    }\n\n    return (\n      <div\n        className={`rs-layer-tree-arrow rs-layer-tree-arrow-${\n          !expandedLayers.includes(layer) ? 'collapsed' : 'expanded'\n        }`}\n      />\n    );\n  }\n\n  // Render a button which expands/collapse the layer if there is children\n  // or simulate a click on the input otherwise.\n  renderToggleButton(layer) {\n    const { t, titles, isItemHidden, renderLabel } = this.props;\n    const { expandedLayers } = this.state;\n\n    const onInputClick = () => {\n      this.onInputClick(\n        layer,\n        (layer.children || []).filter((c) => {\n          return !isItemHidden(c);\n        }).length && !layer.get('isAlwaysExpanded'),\n      );\n    };\n    const title = `${t(layer.name)} ${\n      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow\n    }`;\n\n    return (\n      <div\n        role=\"button\"\n        tabIndex={0}\n        className=\"rs-layer-tree-toggle\"\n        title={title}\n        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\n      </div>\n    );\n  }\n\n  renderItemContent(layer) {\n    return (\n      <>\n        {this.renderInput(layer)}\n        {this.renderToggleButton(layer)}\n      </>\n    );\n  }\n\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      renderItem,\n      renderItemContent,\n      renderBeforeItem,\n      renderAfterItem,\n      padding,\n      getParentClassName,\n    } = this.props;\n\n    const children = expandedLayers.includes(layer)\n      ? [\n          ...(layer.children || []).filter((c) => {\n            return !isItemHidden(c);\n          }),\n        ]\n      : [];\n\n    if (renderItem) {\n      return renderItem(layer, this.onInputClick, this.onToggle);\n    }\n\n    return (\n      <div className={getParentClassName()} key={layer.key}>\n        <div\n          className={`rs-layer-tree-item ${layer.visible ? 'rs-visible' : ''}`}\n          style={{\n            paddingLeft: `${padding * level}px`,\n          }}\n        >\n          {renderItemContent\n            ? renderItemContent(layer, this)\n            : this.renderItemContent(layer)}\n        </div>\n        {renderBeforeItem && renderBeforeItem(layer, level, this)}\n        {[...children].reverse().map((child) => {\n          return this.renderItem(child, level + 1);\n        })}\n        {renderAfterItem && renderAfterItem(layer, level, this)}\n      </div>\n    );\n  }\n\n  renderTree() {\n    const { isItemHidden } = this.props;\n    const { rootLayer } = this.state;\n\n    if (!rootLayer?.children?.length) {\n      return null;\n    }\n\n    return (\n      <>\n        {rootLayer.children\n          .filter((l) => {\n            return !isItemHidden(l);\n          })\n          .reverse()\n          .map((l) => {\n            return this.renderItem(l, 0);\n          })}\n      </>\n    );\n  }\n\n  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\n  }\n}\n\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Layer, getLayersAsFlatArray } from 'mobility-toolbox-js/ol';\nimport { unByKey } from 'ol/Observable';\n\nconst propTypes = {\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\n\n  /**\n   * Determine if the item is hidden in the tree or not.\n   *\n   * @param {object} item The item to hide or not.\n   *\n   * @return {bool} true if the item is not displayed in the tree\n   */\n  isItemHidden: PropTypes.func,\n\n  /**\n   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\n\n  /**\n   * Custom function to render an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItem: PropTypes.func,\n\n  /**\n   * Custom function to render only the content of an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: PropTypes.func,\n\n  /**\n   * Custom function to render custom content before the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderBeforeItem: PropTypes.func,\n\n  /**\n   * Custom function to render custom content after the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderAfterItem: PropTypes.func,\n\n  /**\n   * Custom function to render the label.\n   *\n   * @param {string} item The label to render.\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderLabel: PropTypes.func,\n\n  /**\n   * Object holding title for the layer tree's buttons.\n   */\n  titles: PropTypes.shape({\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * aria-label on checkbox to hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n  }),\n\n  /**\n   * Boolean determining whether children collapse/expand when their parent is toggled\n   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.\n   * @return {boolean} True or false\n   */\n  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  layers: [],\n  className: 'rs-layer-tree',\n  padding: 30,\n  isItemHidden: () => {\n    return false;\n  },\n  getParentClassName: () => {\n    return undefined;\n  },\n  renderItem: null,\n  renderItemContent: null,\n  renderBeforeItem: null,\n  renderAfterItem: null,\n  renderLabel: (layer, layerComp) => {\n    const { t } = layerComp.props;\n    return t(layer.name);\n  },\n  titles: {\n    layerShow: 'Show layer',\n    layerHide: 'Hide layer',\n    subLayerShow: 'Show sublayer',\n    subLayerHide: 'Hide sublayer',\n  },\n  t: (s) => {\n    return s;\n  },\n  expandChildren: false,\n};\n\n/**\n * The LayerTree component renders an interface for toggling\n * [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  constructor(props) {\n    super(props);\n\n    const { layers, isItemHidden } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              (l.children || [])\n                .filter((child) => {\n                  return child.visible;\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      rootLayer: new Layer(),\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n    };\n    // this.updateLayers = this.updateLayers.bind(this);\n    this.olKeys = [];\n  }\n\n  componentDidMount() {\n    this.updateLayers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { layers } = this.props;\n\n    if (layers !== prevProps.layers) {\n      this.updateLayers();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.olKeys);\n    this.olKeys = [];\n  }\n\n  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else if (layer.setVisible) {\n      layer.setVisible(!layer.visible);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = !layer.visible;\n    }\n  }\n\n  onToggle(layer) {\n    const { expandedLayers } = this.state;\n    const pos = expandedLayers.indexOf(layer);\n    if (pos > -1) {\n      expandedLayers.splice(pos, 1);\n    } else {\n      expandedLayers.push(...this.getExpandedLayers([layer]));\n    }\n    this.setState({ expandedLayers });\n  }\n\n  /**\n   * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers\n   * together with the (given) initially expanded layers\n   *\n   * @param  {Layer} layers Initially expanded layers\n   * @return {Array.<Layer>} Initially expanded layers and all its always expanded ancestors\n   */\n  getExpandedLayers(layers) {\n    const { isItemHidden } = this.props;\n    const children = layers.flatMap((l) => {\n      return l.children.filter((c) => {\n        return !isItemHidden(c) && c.get('isAlwaysExpanded');\n      });\n    });\n\n    if (!children.length) {\n      return layers;\n    }\n    return [...layers, this.getExpandedLayers(children)].flat();\n  }\n\n  updateLayers() {\n    const { layers, expandChildren } = this.props;\n\n    // Update the root layer\n    let rootLayer = new Layer();\n    if (Array.isArray(layers)) {\n      if (layers.length === 1) {\n        [rootLayer] = layers;\n      }\n      rootLayer = new Layer({ children: layers });\n    } else {\n      rootLayer = layers;\n    }\n\n    getLayersAsFlatArray(rootLayer).forEach((layer) => {\n      this.olKeys.push(\n        layer.on('propertychange', () => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n      );\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === 'function'\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      state.expandedLayers = rootLayer.children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n\n  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (layer.visible && !isItemHidden(layer)) {\n      const children = layer.children\n        .filter((c) => {\n          return !isItemHidden(c) && !c.get('isAlwaysExpanded');\n        })\n        .flatMap((c) => {\n          return this.expandLayer(c, expLayers);\n        });\n      return [...expLayers, ...children, layer];\n    }\n    return expLayers;\n  }\n\n  renderInput(layer) {\n    const { titles, isItemHidden } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !(layer.children || []).filter((c) => {\n        return !isItemHidden(c);\n      }).length\n    ) {\n      // We forbid focus on keypress event for first level layers and layers without children.\n      tabIndex = -1;\n    }\n\n    const inputType = layer.get('group') ? 'radio' : 'checkbox';\n    return (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        tabIndex={tabIndex}\n        title={layer.visible ? titles.layerHide : titles.layerShow}\n        aria-label={layer.visible ? titles.layerHide : titles.layerShow}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n      >\n        <input\n          type={inputType}\n          tabIndex={-1}\n          checked={layer.visible}\n          readOnly\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  renderArrow(layer) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n\n    if (\n      !(layer.children || []).filter((c) => {\n        return !isItemHidden(c);\n      }).length ||\n      layer.get('isAlwaysExpanded')\n    ) {\n      return null;\n    }\n\n    return (\n      <div\n        className={`rs-layer-tree-arrow rs-layer-tree-arrow-${\n          !expandedLayers.includes(layer) ? 'collapsed' : 'expanded'\n        }`}\n      />\n    );\n  }\n\n  // Render a button which expands/collapse the layer if there is children\n  // or simulate a click on the input otherwise.\n  renderToggleButton(layer) {\n    const { t, titles, isItemHidden, renderLabel } = this.props;\n    const { expandedLayers } = this.state;\n\n    const onInputClick = () => {\n      this.onInputClick(\n        layer,\n        (layer.children || []).filter((c) => {\n          return !isItemHidden(c);\n        }).length && !layer.get('isAlwaysExpanded'),\n      );\n    };\n    const title = `${t(layer.name)} ${\n      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow\n    }`;\n\n    return (\n      <div\n        role=\"button\"\n        tabIndex={0}\n        className=\"rs-layer-tree-toggle\"\n        title={title}\n        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\n      </div>\n    );\n  }\n\n  renderItemContent(layer) {\n    return (\n      <>\n        {this.renderInput(layer)}\n        {this.renderToggleButton(layer)}\n      </>\n    );\n  }\n\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      renderItem,\n      renderItemContent,\n      renderBeforeItem,\n      renderAfterItem,\n      padding,\n      getParentClassName,\n    } = this.props;\n\n    const children = expandedLayers.includes(layer)\n      ? [\n          ...(layer.children || []).filter((c) => {\n            return !isItemHidden(c);\n          }),\n        ]\n      : [];\n\n    if (renderItem) {\n      return renderItem(layer, this.onInputClick, this.onToggle);\n    }\n\n    return (\n      <div className={getParentClassName()} key={layer.key}>\n        <div\n          className={`rs-layer-tree-item ${layer.visible ? 'rs-visible' : ''}`}\n          style={{\n            paddingLeft: `${padding * level}px`,\n          }}\n        >\n          {renderItemContent\n            ? renderItemContent(layer, this)\n            : this.renderItemContent(layer)}\n        </div>\n        {renderBeforeItem && renderBeforeItem(layer, level, this)}\n        {[...children].reverse().map((child) => {\n          return this.renderItem(child, level + 1);\n        })}\n        {renderAfterItem && renderAfterItem(layer, level, this)}\n      </div>\n    );\n  }\n\n  renderTree() {\n    const { isItemHidden } = this.props;\n    const { rootLayer } = this.state;\n\n    if (!rootLayer?.children?.length) {\n      return null;\n    }\n\n    return (\n      <>\n        {rootLayer.children\n          .filter((l) => {\n            return !isItemHidden(l);\n          })\n          .reverse()\n          .map((l) => {\n            return this.renderItem(l, 0);\n          })}\n      </>\n    );\n  }\n\n  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\n  }\n}\n\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/RouteSchedule/RouteSchedule.scss

@@ -21,6 +21,13 @@
     .rt-route-buttons {
       margin-left: auto;
       display: flex;
+
+      button {
+        width: 35px;
+        height: 35px;
+        margin: 10px 5px 15px 5px;
+        color: black;
+      }
     }
 
     .rt-route-icon {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-spatial",
   "description": "Components to build React map apps.",
-  "version": "1.2.3-beta.3",
+  "version": "1.2.3-beta.7",
   "license": "MIT",
   "dependencies": {
     "@geops/geops-ui": "0.1.13",
@@ -14,7 +14,7 @@
     "re-resizable": "6.9.1",
     "react-autosuggest": "10.1.0",
     "react-draggable": "4.4.4",
-    "react-icons": "4.3.1",
+    "react-icons": "4.4.0",
     "resize-observer-polyfill": "1.5.1"
   },
   "peerDependencies": {
@@ -70,7 +70,7 @@
     "lint-staged": "11.2.0",
     "mapbox-gl": "1.13.1",
     "maplibre-gl": "2.4.0",
-    "mobility-toolbox-js": "2.0.0-beta.39",
+    "mobility-toolbox-js": "2.0.0-beta.51",
     "ol": "6.14.1",
     "prettier": "2.4.1",
     "proj4": "2.7.5",
@@ -96,7 +96,7 @@
     "xml-beautifier": "0.5.0"
   },
   "scripts": {
-    "esbuild": "esbuild src/*.js src/**/*.js src/**/**/*.js src/**/**/**/*.js --target=chrome100 --outdir=build/ --loader:.js=jsx --sourcemap=external",
+    "esbuild": "esbuild src/*.js src/**/*.js src/**/**/*.js --target=chrome100 --outdir=build/ --loader:.js=jsx --sourcemap=external",
     "buble": "buble --no modules,asyncAwait -i src -o build --objectAssign Object.assign --sourcemap",
     "build": "yarn esbuild && find build -type f -name '*.test.*' -delete && rm -rf build/styleguidist && cp package.json README.md LICENSE build && cp -rf src/images build && cp -rf src/themes build",
     "coverage": "yarn test --coverage --coverageDirectory=coverage",

package/themes/default/components.scss

@@ -1,8 +1,6 @@
 /**
 * This file load the css of components.
 */
-@import '../../components/FilterButton/FilterButton.scss';
-@import '../../components/FollowButton/FollowButton.scss';
 @import '../../components/BaseLayerSwitcher/BaseLayerSwitcher.scss';
 @import '../../components/Geolocation/Geolocation.scss';
 @import '../../components/LayerTree/LayerTree.scss';
@@ -11,6 +9,4 @@
 @import '../../components/ScaleLine/ScaleLine.scss';
 @import '../../components/Zoom/Zoom.scss';
 @import '../../components/RouteSchedule/RouteSchedule.scss';
-@import '../../components/TrackerControl/TrackerControl.scss';
-@import '../../components/Search/Search.scss';
 @import '../../components/Overlay/Overlay.scss';

package/themes/default/examples.scss

@@ -15,7 +15,6 @@
 @import '../../components/Zoom/Zoom.md.scss';
 @import '../../components/RouteSchedule/RouteSchedule.md.scss';
 @import '../../components/Copyright/Copyright.md.scss';
-@import '../../components/Search/Search.md.scss';
 @import '../../components/Overlay/Overlay.md.scss';
 
 $link-color: #000;

package/LayerService.js

@@ -1,137 +0,0 @@
-import { unByKey } from "ol/Observable";
-export default class LayerService {
-  constructor(layers) {
-    this.layers = layers;
-    this.callbacks = {};
-    this.keys = [];
-    this.listenChangeEvt();
-  }
-  addLayer(layer) {
-    this.layers.push(layer);
-  }
-  getLayers() {
-    return this.layers;
-  }
-  setLayers(layers) {
-    this.layers = layers;
-    this.listenChangeEvt();
-    (this.callbacks["change:layers"] || []).forEach((cb) => {
-      return cb(layers);
-    });
-  }
-  getLayersAsFlatArray(optLayers) {
-    let layers = [];
-    (optLayers || this.getLayers() || []).forEach((l) => {
-      layers.push(l);
-      const { children } = l;
-      layers = layers.concat(this.getLayersAsFlatArray(children || []));
-    });
-    return layers;
-  }
-  getLayer(name) {
-    return this.getLayersAsFlatArray().find((l) => {
-      return l.name === name;
-    });
-  }
-  getParent(child) {
-    return this.getLayersAsFlatArray().find((l) => {
-      return !!l.children.includes(child);
-    });
-  }
-  getParents(child) {
-    let layer = child;
-    const parents = [];
-    let parentLayer;
-    do {
-      parentLayer = this.getParent(layer);
-      if (parentLayer) {
-        parents.push(parentLayer);
-        layer = parentLayer;
-      }
-    } while (parentLayer);
-    return parents;
-  }
-  getRadioGroupLayers(radioGroupName) {
-    if (radioGroupName) {
-      return this.getLayersAsFlatArray().filter((l) => {
-        return l.get("radioGroup") === radioGroupName;
-      });
-    }
-    return null;
-  }
-  getBaseLayers() {
-    return this.getLayersAsFlatArray().filter((l) => {
-      return l.isBaseLayer;
-    });
-  }
-  getQueryableLayers() {
-    return this.getLayersAsFlatArray().filter((layer) => {
-      return layer.visible && layer.isQueryable;
-    });
-  }
-  getFeatureInfoAtCoordinate(coordinate, layers) {
-    const promises = (layers || this.getQueryableLayers()).map((layer) => {
-      return layer.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
-        return featureInfo;
-      });
-    });
-    return Promise.all(promises);
-  }
-  on(evt, callback) {
-    this.un(evt, callback);
-    this.callbacks[evt] = this.callbacks[evt] || [];
-    this.callbacks[evt].push(callback);
-  }
-  un(evt, callback) {
-    for (let i = 0; i < (this.callbacks[evt] || []).length; i += 1) {
-      if (callback === this.callbacks[evt][i]) {
-        this.callbacks[evt].splice(i, 1);
-        break;
-      }
-    }
-  }
-  listenChangeEvt() {
-    if (this.keys) {
-      unByKey(this.keys);
-      this.keys = [];
-    }
-    this.getLayersAsFlatArray().forEach((layer) => {
-      this.keys.push(
-        layer.on("change:copyright", (evt) => {
-          (this.callbacks["change:copyright"] || []).forEach((cb) => {
-            return cb(evt.target);
-          });
-        }),
-        layer.on("change:visible", (evt) => {
-          const { visible } = evt.target;
-          if (!evt.stopPropagationSiblings && layer.get("radioGroup") && visible) {
-            const siblings = this.getRadioGroupLayers(
-              layer.get("radioGroup")
-            ).filter((l) => {
-              return l !== layer;
-            });
-            siblings.forEach((s) => {
-              if (visible && s.get("radioGroup") && evt.target.get("radioGroup") === s.get("radioGroup")) {
-                s.visible = false;
-              }
-            });
-          }
-          if (!evt.stopPropagationDown && layer.children) {
-            layer.children.forEach((child) => {
-              child.visible = visible;
-            });
-          }
-          const parentLayer = this.getParent(layer);
-          if (!evt.stopPropagationUp && parentLayer && (visible || !visible && !parentLayer.children.find((c) => {
-            return c.visible;
-          }))) {
-            parentLayer.visible = visible;
-          }
-          (this.callbacks["change:visible"] || []).forEach((cb) => {
-            return cb(evt.target);
-          });
-        })
-      );
-    });
-  }
-}

package/LayerService.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/LayerService.js"],
-  "sourcesContent": ["import { unByKey } from 'ol/Observable';\n\n/**\n * A layer service class to handle layer adding, removing and visiblity.\n */\nexport default class LayerService {\n  constructor(layers) {\n    this.layers = layers;\n    this.callbacks = {};\n    this.keys = [];\n    this.listenChangeEvt();\n  }\n\n  addLayer(layer) {\n    this.layers.push(layer);\n  }\n\n  getLayers() {\n    return this.layers;\n  }\n\n  setLayers(layers) {\n    this.layers = layers;\n    this.listenChangeEvt();\n    // When we change the layers we trigger an change:layers event\n    (this.callbacks['change:layers'] || []).forEach((cb) => {\n      return cb(layers);\n    });\n  }\n\n  getLayersAsFlatArray(optLayers) {\n    let layers = [];\n    (optLayers || this.getLayers() || []).forEach((l) => {\n      layers.push(l);\n      const { children } = l;\n      layers = layers.concat(this.getLayersAsFlatArray(children || []));\n    });\n    return layers;\n  }\n\n  getLayer(name) {\n    return this.getLayersAsFlatArray().find((l) => {\n      return l.name === name;\n    });\n  }\n\n  getParent(child) {\n    return this.getLayersAsFlatArray().find((l) => {\n      return !!l.children.includes(child);\n    });\n  }\n\n  getParents(child) {\n    let layer = child;\n    const parents = [];\n\n    let parentLayer;\n    do {\n      parentLayer = this.getParent(layer);\n      if (parentLayer) {\n        parents.push(parentLayer);\n        layer = parentLayer;\n      }\n    } while (parentLayer);\n\n    return parents;\n  }\n\n  getRadioGroupLayers(radioGroupName) {\n    if (radioGroupName) {\n      return this.getLayersAsFlatArray().filter((l) => {\n        return l.get('radioGroup') === radioGroupName;\n      });\n    }\n\n    return null;\n  }\n\n  getBaseLayers() {\n    return this.getLayersAsFlatArray().filter((l) => {\n      return l.isBaseLayer;\n    });\n  }\n\n  getQueryableLayers() {\n    return this.getLayersAsFlatArray().filter((layer) => {\n      return layer.visible && layer.isQueryable;\n    });\n  }\n\n  getFeatureInfoAtCoordinate(coordinate, layers) {\n    const promises = (layers || this.getQueryableLayers()).map((layer) => {\n      return layer\n        .getFeatureInfoAtCoordinate(coordinate)\n        .then((featureInfo) => {\n          return featureInfo;\n        });\n    });\n    return Promise.all(promises);\n  }\n\n  on(evt, callback) {\n    this.un(evt, callback);\n    this.callbacks[evt] = this.callbacks[evt] || [];\n    this.callbacks[evt].push(callback);\n  }\n\n  un(evt, callback) {\n    for (let i = 0; i < (this.callbacks[evt] || []).length; i += 1) {\n      if (callback === this.callbacks[evt][i]) {\n        this.callbacks[evt].splice(i, 1);\n        break;\n      }\n    }\n  }\n\n  listenChangeEvt() {\n    if (this.keys) {\n      unByKey(this.keys);\n      this.keys = [];\n    }\n    this.getLayersAsFlatArray().forEach((layer) => {\n      this.keys.push(\n        layer.on('change:copyright', (evt) => {\n          (this.callbacks['change:copyright'] || []).forEach((cb) => {\n            return cb(evt.target);\n          });\n        }),\n        layer.on('change:visible', (evt) => {\n          const { visible } = evt.target;\n\n          // Apply to siblings only if it's a radio group.\n          if (\n            !evt.stopPropagationSiblings &&\n            layer.get('radioGroup') &&\n            visible\n          ) {\n            const siblings = this.getRadioGroupLayers(\n              layer.get('radioGroup'),\n            ).filter((l) => {\n              return l !== layer;\n            });\n\n            siblings.forEach((s) => {\n              if (\n                visible &&\n                s.get('radioGroup') &&\n                evt.target.get('radioGroup') === s.get('radioGroup')\n              ) {\n                // eslint-disable-next-line no-param-reassign\n                s.visible = false;\n              }\n            });\n          }\n\n          // Apply to children\n          if (!evt.stopPropagationDown && layer.children) {\n            layer.children.forEach((child) => {\n              // eslint-disable-next-line no-param-reassign\n              child.visible = visible;\n            });\n          }\n\n          // Apply to parent only if:\n          //   - a child is visible\n          //   - all children are hidden\n          const parentLayer = this.getParent(layer);\n\n          if (\n            !evt.stopPropagationUp &&\n            parentLayer &&\n            (visible ||\n              (!visible &&\n                !parentLayer.children.find((c) => {\n                  return c.visible;\n                })))\n          ) {\n            parentLayer.visible = visible;\n          }\n\n          (this.callbacks['change:visible'] || []).forEach((cb) => {\n            return cb(evt.target);\n          });\n        }),\n      );\n    });\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/components/FilterButton/FilterButton.js

@@ -1,66 +0,0 @@
-import React, { PureComponent } from "react";
-import qs from "query-string";
-import PropTypes from "prop-types";
-import { RealtimeLayer as TrackerLayer } from "mobility-toolbox-js/ol";
-const propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  routeIdentifier: PropTypes.string.isRequired,
-  active: PropTypes.bool.isRequired,
-  onClick: PropTypes.func.isRequired,
-  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,
-  children: PropTypes.element.isRequired
-};
-const defaultProps = {
-  className: "rt-route-filter",
-  title: "Filter"
-};
-class FilterButton extends PureComponent {
-  updatePermalink(isRemoving) {
-    const { routeIdentifier } = this.props;
-    const parameters = qs.parse(window.location.search.toLowerCase());
-    if (isRemoving) {
-      delete parameters.tripnumber;
-    } else {
-      parameters.tripnumber = parseInt(routeIdentifier.split(".")[0], 10);
-    }
-    const qStr = qs.stringify(parameters, { encode: false });
-    const search = `?${qStr}`;
-    const { hash } = window.location;
-    window.history.replaceState(void 0, void 0, `${search}${hash || ""}`);
-  }
-  toggleFilter(routeIdentifier) {
-    const { trackerLayer, active, onClick } = this.props;
-    const activated = !active;
-    if (trackerLayer) {
-      if (activated) {
-        this.updatePermalink(false);
-        [trackerLayer.tripNumber] = routeIdentifier.split(".");
-      } else {
-        this.updatePermalink(true);
-        trackerLayer.tripNumber = null;
-      }
-    }
-    onClick(activated);
-  }
-  render() {
-    const { className, title, routeIdentifier, active, children } = this.props;
-    const toggle = () => {
-      return this.toggleFilter(routeIdentifier);
-    };
-    return /* @__PURE__ */ React.createElement("div", {
-      "aria-label": title,
-      className: `${className}${active ? " rt-active" : ""}`,
-      title,
-      onClick: toggle,
-      onKeyPress: (e) => {
-        return e.which === 13 && toggle();
-      },
-      role: "button",
-      tabIndex: 0
-    }, children);
-  }
-}
-FilterButton.propTypes = propTypes;
-FilterButton.defaultProps = defaultProps;
-export default FilterButton;

package/components/FilterButton/FilterButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FilterButton/FilterButton.js"],
-  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport qs from 'query-string';\nimport PropTypes from 'prop-types';\nimport { RealtimeLayer as TrackerLayer } from 'mobility-toolbox-js/ol';\n\nconst propTypes = {\n  /**\n   * CSS class of the filter button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Title.\n   */\n  title: PropTypes.string,\n\n  /**\n   * Line info route identifer.\n   */\n  routeIdentifier: PropTypes.string.isRequired,\n\n  /**\n   * Button is active.\n   */\n  active: PropTypes.bool.isRequired,\n\n  /**\n   * Function triggered on button click.\n   */\n  onClick: PropTypes.func.isRequired,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Children content of the button.\n   */\n  children: PropTypes.element.isRequired,\n};\n\nconst defaultProps = {\n  className: 'rt-route-filter',\n  title: 'Filter',\n};\n\n/**\n * Button enables the filtering of a selected train.\n */\nclass FilterButton extends PureComponent {\n  updatePermalink(isRemoving) {\n    const { routeIdentifier } = this.props;\n\n    const parameters = qs.parse(window.location.search.toLowerCase());\n    if (isRemoving) {\n      delete parameters.tripnumber;\n    } else {\n      parameters.tripnumber = parseInt(routeIdentifier.split('.')[0], 10);\n    }\n\n    const qStr = qs.stringify(parameters, { encode: false });\n    const search = `?${qStr}`;\n    const { hash } = window.location;\n    window.history.replaceState(undefined, undefined, `${search}${hash || ''}`);\n  }\n\n  toggleFilter(routeIdentifier) {\n    const { trackerLayer, active, onClick } = this.props;\n    const activated = !active;\n\n    if (trackerLayer) {\n      if (activated) {\n        this.updatePermalink(false);\n        [trackerLayer.tripNumber] = routeIdentifier.split('.');\n      } else {\n        this.updatePermalink(true);\n        trackerLayer.tripNumber = null;\n      }\n    }\n\n    onClick(activated);\n  }\n\n  render() {\n    const { className, title, routeIdentifier, active, children } = this.props;\n    const toggle = () => {\n      return this.toggleFilter(routeIdentifier);\n    };\n\n    return (\n      <div\n        aria-label={title}\n        className={`${className}${active ? ' rt-active' : ''}`}\n        title={title}\n        onClick={toggle}\n        onKeyPress={(e) => {\n          return e.which === 13 && toggle();\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nFilterButton.propTypes = propTypes;\nFilterButton.defaultProps = defaultProps;\n\nexport default FilterButton;\n"],
-  "mappings": "AAAA,OAAO,SAAS,qBAAqB;AACrC,OAAO,QAAQ;AACf,OAAO,eAAe;AACtB,SAAS,iBAAiB,oBAAoB;AAE9C,MAAM,YAAY;AAAA,EAIhB,WAAW,UAAU;AAAA,EAKrB,OAAO,UAAU;AAAA,EAKjB,iBAAiB,UAAU,OAAO;AAAA,EAKlC,QAAQ,UAAU,KAAK;AAAA,EAKvB,SAAS,UAAU,KAAK;AAAA,EAKxB,cAAc,UAAU,WAAW,YAAY,EAAE;AAAA,EAKjD,UAAU,UAAU,QAAQ;AAC9B;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AAAA,EACX,OAAO;AACT;AAKA,MAAM,qBAAqB,cAAc;AAAA,EACvC,gBAAgB,YAAY;AAC1B,UAAM,EAAE,gBAAgB,IAAI,KAAK;AAEjC,UAAM,aAAa,GAAG,MAAM,OAAO,SAAS,OAAO,YAAY,CAAC;AAChE,QAAI,YAAY;AACd,aAAO,WAAW;AAAA,IACpB,OAAO;AACL,iBAAW,aAAa,SAAS,gBAAgB,MAAM,GAAG,EAAE,IAAI,EAAE;AAAA,IACpE;AAEA,UAAM,OAAO,GAAG,UAAU,YAAY,EAAE,QAAQ,MAAM,CAAC;AACvD,UAAM,SAAS,IAAI;AACnB,UAAM,EAAE,KAAK,IAAI,OAAO;AACxB,WAAO,QAAQ,aAAa,QAAW,QAAW,GAAG,SAAS,QAAQ,IAAI;AAAA,EAC5E;AAAA,EAEA,aAAa,iBAAiB;AAC5B,UAAM,EAAE,cAAc,QAAQ,QAAQ,IAAI,KAAK;AAC/C,UAAM,YAAY,CAAC;AAEnB,QAAI,cAAc;AAChB,UAAI,WAAW;AACb,aAAK,gBAAgB,KAAK;AAC1B,SAAC,aAAa,UAAU,IAAI,gBAAgB,MAAM,GAAG;AAAA,MACvD,OAAO;AACL,aAAK,gBAAgB,IAAI;AACzB,qBAAa,aAAa;AAAA,MAC5B;AAAA,IACF;AAEA,YAAQ,SAAS;AAAA,EACnB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,WAAW,OAAO,iBAAiB,QAAQ,SAAS,IAAI,KAAK;AACrE,UAAM,SAAS,MAAM;AACnB,aAAO,KAAK,aAAa,eAAe;AAAA,IAC1C;AAEA,WACE,oCAAC;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,YAAY,SAAS,eAAe;AAAA,MAClD;AAAA,MACA,SAAS;AAAA,MACT,YAAY,CAAC,MAAM;AACjB,eAAO,EAAE,UAAU,MAAM,OAAO;AAAA,MAClC;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,OAET,QACH;AAAA,EAEJ;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAE5B,eAAe;",
-  "names": []
-}

package/components/FilterButton/FilterButton.scss

@@ -1,36 +0,0 @@
-.rt-route-filter {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 35px;
-  width: 35px;
-  border-radius: 7px;
-  margin: 15px;
-  margin-top: 10px;
-  border: 2px solid #eee;
-  background-color: white;
-
-  svg {
-    height: 30px;
-    width: 30px;
-  }
-
-  &:hover {
-    background-color: #eee;
-  }
-
-  &.rt-active {
-    border-color: red;
-    background-color: red;
-
-    svg {
-      path {
-        fill: white;
-      }
-    }
-
-    &:hover {
-      background-color: red;
-    }
-  }
-}

package/components/FilterButton/index.js

@@ -1 +0,0 @@
-export { default } from "./FilterButton";

package/components/FilterButton/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FilterButton/index.js"],
-  "sourcesContent": ["export { default } from './FilterButton';\n"],
-  "mappings": "AAAA,wBAAwB;",
-  "names": []
-}

package/components/FollowButton/FollowButton.js

@@ -1,73 +0,0 @@
-import React, { PureComponent } from "react";
-import PropTypes from "prop-types";
-import { RealtimeLayer as TrackerLayer } from "mobility-toolbox-js/ol";
-const propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  routeIdentifier: PropTypes.string.isRequired,
-  active: PropTypes.bool.isRequired,
-  onClick: PropTypes.func.isRequired,
-  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,
-  setCenter: PropTypes.func.isRequired,
-  children: PropTypes.element.isRequired
-};
-const defaultProps = {
-  className: "rt-route-follow",
-  title: "Follow"
-};
-class FollowButton extends PureComponent {
-  constructor() {
-    super();
-    this.onClick = this.onClick.bind(this);
-  }
-  componentDidUpdate(prevProps) {
-    const { routeIdentifier, active, trackerLayer, onClick } = this.props;
-    if (routeIdentifier !== prevProps.routeIdentifier) {
-      onClick(false);
-    }
-    if (active !== prevProps.active) {
-      if (active && trackerLayer) {
-        this.centerOnTrajectory(routeIdentifier);
-        this.updateInterval = window.setInterval(() => {
-          this.centerOnTrajectory(routeIdentifier);
-        }, 50);
-      } else {
-        clearInterval(this.updateInterval);
-      }
-    }
-  }
-  componentWillUnmount() {
-    clearInterval(this.updateInterval);
-  }
-  onClick() {
-    const { active, onClick } = this.props;
-    onClick(!active);
-  }
-  centerOnTrajectory(routeIdentifier) {
-    const { trackerLayer, setCenter } = this.props;
-    const [trajectory] = trackerLayer.getVehicle((r) => {
-      return r.routeIdentifier === routeIdentifier;
-    });
-    const firstCoord = trajectory && trajectory.coordinate;
-    if (firstCoord) {
-      setCenter(firstCoord);
-    }
-  }
-  render() {
-    const { className, title, active, children } = this.props;
-    return /* @__PURE__ */ React.createElement("div", {
-      "aria-label": title,
-      className: `${className}${active ? " rt-active" : ""}`,
-      title,
-      onClick: this.onClick,
-      onKeyPress: (e) => {
-        return e.which === 13 && this.onClick;
-      },
-      role: "button",
-      tabIndex: 0
-    }, children);
-  }
-}
-FollowButton.propTypes = propTypes;
-FollowButton.defaultProps = defaultProps;
-export default FollowButton;

package/components/FollowButton/FollowButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FollowButton/FollowButton.js"],
-  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { RealtimeLayer as TrackerLayer } from 'mobility-toolbox-js/ol';\n\nconst propTypes = {\n  /**\n   * CSS class of the follow button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Title.\n   */\n  title: PropTypes.string,\n\n  /**\n   * Line info route identifer.\n   */\n  routeIdentifier: PropTypes.string.isRequired,\n\n  /**\n   * Button is active.\n   */\n  active: PropTypes.bool.isRequired,\n\n  /**\n   * Function triggered on button click.\n   */\n  onClick: PropTypes.func.isRequired,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Function to set the map center, Used to follow a train.\n   */\n  setCenter: PropTypes.func.isRequired,\n\n  /**\n   * Children content of the button.\n   */\n  children: PropTypes.element.isRequired,\n};\n\nconst defaultProps = {\n  className: 'rt-route-follow',\n  title: 'Follow',\n};\n\n/**\n * Button enables the follow of a selected train.\n */\nclass FollowButton extends PureComponent {\n  constructor() {\n    super();\n    this.onClick = this.onClick.bind(this);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { routeIdentifier, active, trackerLayer, onClick } = this.props;\n\n    if (routeIdentifier !== prevProps.routeIdentifier) {\n      onClick(false);\n    }\n\n    if (active !== prevProps.active) {\n      if (active && trackerLayer) {\n        this.centerOnTrajectory(routeIdentifier);\n        this.updateInterval = window.setInterval(() => {\n          this.centerOnTrajectory(routeIdentifier);\n        }, 50);\n      } else {\n        clearInterval(this.updateInterval);\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    clearInterval(this.updateInterval);\n  }\n\n  onClick() {\n    const { active, onClick } = this.props;\n    onClick(!active);\n  }\n\n  centerOnTrajectory(routeIdentifier) {\n    const { trackerLayer, setCenter } = this.props;\n\n    const [trajectory] = trackerLayer.getVehicle((r) => {\n      return r.routeIdentifier === routeIdentifier;\n    });\n    const firstCoord = trajectory && trajectory.coordinate;\n    if (firstCoord) {\n      setCenter(firstCoord);\n    }\n  }\n\n  render() {\n    const { className, title, active, children } = this.props;\n\n    return (\n      <div\n        aria-label={title}\n        className={`${className}${active ? ' rt-active' : ''}`}\n        title={title}\n        onClick={this.onClick}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.onClick;\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nFollowButton.propTypes = propTypes;\nFollowButton.defaultProps = defaultProps;\n\nexport default FollowButton;\n"],
-  "mappings": "AAAA,OAAO,SAAS,qBAAqB;AACrC,OAAO,eAAe;AACtB,SAAS,iBAAiB,oBAAoB;AAE9C,MAAM,YAAY;AAAA,EAIhB,WAAW,UAAU;AAAA,EAKrB,OAAO,UAAU;AAAA,EAKjB,iBAAiB,UAAU,OAAO;AAAA,EAKlC,QAAQ,UAAU,KAAK;AAAA,EAKvB,SAAS,UAAU,KAAK;AAAA,EAKxB,cAAc,UAAU,WAAW,YAAY,EAAE;AAAA,EAKjD,WAAW,UAAU,KAAK;AAAA,EAK1B,UAAU,UAAU,QAAQ;AAC9B;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AAAA,EACX,OAAO;AACT;AAKA,MAAM,qBAAqB,cAAc;AAAA,EACvC,cAAc;AACZ,UAAM;AACN,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,EACvC;AAAA,EAEA,mBAAmB,WAAW;AAC5B,UAAM,EAAE,iBAAiB,QAAQ,cAAc,QAAQ,IAAI,KAAK;AAEhE,QAAI,oBAAoB,UAAU,iBAAiB;AACjD,cAAQ,KAAK;AAAA,IACf;AAEA,QAAI,WAAW,UAAU,QAAQ;AAC/B,UAAI,UAAU,cAAc;AAC1B,aAAK,mBAAmB,eAAe;AACvC,aAAK,iBAAiB,OAAO,YAAY,MAAM;AAC7C,eAAK,mBAAmB,eAAe;AAAA,QACzC,GAAG,EAAE;AAAA,MACP,OAAO;AACL,sBAAc,KAAK,cAAc;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,kBAAc,KAAK,cAAc;AAAA,EACnC;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,QAAQ,IAAI,KAAK;AACjC,YAAQ,CAAC,MAAM;AAAA,EACjB;AAAA,EAEA,mBAAmB,iBAAiB;AAClC,UAAM,EAAE,cAAc,UAAU,IAAI,KAAK;AAEzC,UAAM,CAAC,UAAU,IAAI,aAAa,WAAW,CAAC,MAAM;AAClD,aAAO,EAAE,oBAAoB;AAAA,IAC/B,CAAC;AACD,UAAM,aAAa,cAAc,WAAW;AAC5C,QAAI,YAAY;AACd,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,WAAW,OAAO,QAAQ,SAAS,IAAI,KAAK;AAEpD,WACE,oCAAC;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,YAAY,SAAS,eAAe;AAAA,MAClD;AAAA,MACA,SAAS,KAAK;AAAA,MACd,YAAY,CAAC,MAAM;AACjB,eAAO,EAAE,UAAU,MAAM,KAAK;AAAA,MAChC;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,OAET,QACH;AAAA,EAEJ;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAE5B,eAAe;",
-  "names": []
-}

package/components/FollowButton/FollowButton.scss

@@ -1,36 +0,0 @@
-.rt-route-follow {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 35px;
-  width: 35px;
-  border-radius: 7px;
-  margin: 15px;
-  margin-top: 10px;
-  border: 2px solid #eee;
-  background-color: white;
-
-  svg {
-    height: 30px;
-    width: 30px;
-  }
-
-  &:hover {
-    background-color: #eee;
-  }
-
-  &.rt-active {
-    border-color: red;
-    background-color: red;
-
-    svg {
-      path {
-        fill: white;
-      }
-    }
-
-    &:hover {
-      background-color: red;
-    }
-  }
-}

package/components/FollowButton/index.js

@@ -1 +0,0 @@
-export { default } from "./FollowButton";

package/components/FollowButton/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FollowButton/index.js"],
-  "sourcesContent": ["export { default } from './FollowButton';\n"],
-  "mappings": "AAAA,wBAAwB;",
-  "names": []
-}

package/components/Search/Search.js

@@ -1,166 +0,0 @@
-import PropTypes from "prop-types";
-import React, { useMemo, useState } from "react";
-import Autosuggest from "react-autosuggest";
-import { FaSearch, FaTimes } from "react-icons/fa";
-import SearchService from "./SearchService";
-import StopFinder from "./engines/StopFinder";
-const propTypes = {
-  engines: PropTypes.object,
-  getRenderSectionTitle: PropTypes.func,
-  initialValue: PropTypes.string,
-  inputProps: PropTypes.object,
-  onHighlight: PropTypes.func,
-  shouldRenderSuggestions: PropTypes.func,
-  onSelect: PropTypes.func,
-  className: PropTypes.string,
-  apiKey: PropTypes.string
-};
-const defaultProps = {
-  apiKey: null,
-  engines: null,
-  getRenderSectionTitle: () => {
-    return () => {
-      return null;
-    };
-  },
-  initialValue: "",
-  onHighlight: () => {
-    return null;
-  },
-  shouldRenderSuggestions: (newValue) => {
-    return newValue.trim().length > 2;
-  },
-  onSelect: () => {
-    return null;
-  },
-  className: "rt-search",
-  inputProps: {}
-};
-function Search({
-  apiKey,
-  engines,
-  getRenderSectionTitle,
-  initialValue,
-  inputProps,
-  onHighlight,
-  shouldRenderSuggestions,
-  onSelect,
-  className
-}) {
-  const currentEngines = useMemo(() => {
-    if (!engines) {
-      return {
-        stops: new StopFinder(void 0, { apiKey })
-      };
-    }
-    if (apiKey) {
-      Object.values(engines).forEach((engine) => {
-        if (engine.setApiKey) {
-          engine.setApiKey(apiKey);
-        }
-      });
-    }
-    return engines;
-  }, [apiKey, engines]);
-  const [suggestions, setSuggestions] = useState([]);
-  const [value, setValue] = useState(initialValue);
-  const searchService = useMemo(() => {
-    return new SearchService({
-      apiKey,
-      engines: currentEngines,
-      setSuggestions
-    });
-  }, [apiKey, currentEngines]);
-  const theme = useMemo(() => {
-    return {
-      container: `${className}__container`,
-      containerOpen: `${className}__container--open`,
-      input: `${className}__input`,
-      inputOpen: `${className}__input--open`,
-      inputFocused: `${className}__input--focused`,
-      suggestionsContainer: `${className}__suggestions-container`,
-      suggestionsContainerOpen: `${className}__suggestions-container--open`,
-      suggestionsList: `${className}__suggestions-list`,
-      suggestion: `${className}__suggestion`,
-      suggestionFirst: `${className}__suggestion--first`,
-      suggestionHighlighted: `${className}__suggestion--highlighted`,
-      sectionContainer: `${className}__section-container`,
-      sectionContainerFirst: `${className}__section-container--first`,
-      sectionTitle: `${className}__section-title`
-    };
-  }, [className]);
-  return Object.keys(currentEngines).length > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "rt-search"
-  }, /* @__PURE__ */ React.createElement(Autosuggest, {
-    theme,
-    inputProps: {
-      autoFocus: true,
-      tabIndex: 0,
-      onChange: (e, { newValue }) => {
-        return setValue(newValue);
-      },
-      onKeyUp: ({ key }) => {
-        if (key === "Enter") {
-          const filtered = suggestions.filter((s) => {
-            return s.items.length > 0;
-          });
-          if (filtered.length > 0) {
-            const { items, section } = filtered[0];
-            const targetSuggestion = { ...items[0], section };
-            setValue(searchService.value(targetSuggestion));
-            onSelect(targetSuggestion);
-          }
-        } else if ((key === "ArrowDown" || key === "ArrowUp") && typeof searchService.highlightSection === "function") {
-          searchService.highlightSection();
-        }
-      },
-      value,
-      ...inputProps
-    },
-    multiSection: true,
-    getSectionSuggestions: ({ items, section }) => {
-      return items ? items.map((i) => {
-        return { ...i, section };
-      }) : [];
-    },
-    getSuggestionValue: (suggestion) => {
-      return searchService.value(suggestion);
-    },
-    onSuggestionsFetchRequested: ({ value: newValue }) => {
-      return searchService.search(newValue);
-    },
-    onSuggestionsClearRequested: () => {
-      return setSuggestions([]);
-    },
-    onSuggestionHighlighted: ({ suggestion }) => {
-      return onHighlight(suggestion);
-    },
-    onSuggestionSelected: (e, { suggestion }) => {
-      return onSelect(suggestion);
-    },
-    renderSuggestion: (suggestion) => {
-      return searchService.render(suggestion);
-    },
-    renderSectionTitle: getRenderSectionTitle(searchService),
-    shouldRenderSuggestions: (newValue) => {
-      return shouldRenderSuggestions(newValue);
-    },
-    suggestions
-  }), value && /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    tabIndex: 0,
-    className: "rt-search-button rt-search-button-clear",
-    onClick: () => {
-      return setValue("");
-    }
-  }, /* @__PURE__ */ React.createElement(FaTimes, null)), /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    tabIndex: 0,
-    className: "rt-search-button rt-search-button-submit"
-  }, /* @__PURE__ */ React.createElement(FaSearch, {
-    focusable: false
-  })));
-}
-Search.propTypes = propTypes;
-Search.defaultProps = defaultProps;
-export default Search;

package/components/Search/Search.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Search/Search.js"],
-  "sourcesContent": ["import PropTypes from 'prop-types';\nimport React, { useMemo, useState } from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport { FaSearch, FaTimes } from 'react-icons/fa';\n\nimport SearchService from './SearchService';\nimport StopFinder from './engines/StopFinder';\n\nconst propTypes = {\n  /**\n   * Flat object to provide custom search engines: key is the section and value an instance of the Engine class.\n   */\n  engines: PropTypes.object,\n\n  /**\n   * A function which will receive the searchService instance and needs to return a render function for the section title, see [react-autosuggest documentation](https://github.com/moroshko/react-autosuggest#render-section-title-prop) for details.\n   */\n  getRenderSectionTitle: PropTypes.func,\n\n  /**\n   * Initial value for the search input field.\n   */\n  initialValue: PropTypes.string,\n\n  /**\n   * Props for the search input field, see [react-autosuggest documentation](https://github.com/moroshko/react-autosuggest#input-props-prop) for details.\n   */\n  inputProps: PropTypes.object,\n\n  /**\n   * Callback function which will be called with the hovered suggestion.\n   */\n  onHighlight: PropTypes.func,\n\n  /**\n   * Function to define whether the suggestions are displayed or not.\n   * See 'shouldRenderSuggestions' in [react-autosuggest documentation](https://github.com/moroshko/react-autosuggest#input-props-prop) for details.\n   */\n  shouldRenderSuggestions: PropTypes.func,\n\n  /**\n   * Callback function which will be called with the selected suggestion.\n   */\n  onSelect: PropTypes.func,\n\n  /**\n   * CSS class of the component.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Key to access the engine api.\n   */\n  apiKey: PropTypes.string,\n};\n\nconst defaultProps = {\n  apiKey: null,\n  engines: null,\n  getRenderSectionTitle: () => {\n    return () => {\n      return null;\n    };\n  },\n  initialValue: '',\n  onHighlight: () => {\n    return null;\n  },\n  shouldRenderSuggestions: (newValue) => {\n    return newValue.trim().length > 2;\n  },\n  onSelect: () => {\n    return null;\n  },\n  className: 'rt-search',\n  inputProps: {},\n};\n\n/**\n * The Search component renders a text input field which searches for stops\n * using the input string and centers the map on the selected stop.\n */\nfunction Search({\n  apiKey,\n  engines,\n  getRenderSectionTitle,\n  initialValue,\n  inputProps,\n  onHighlight,\n  shouldRenderSuggestions,\n  onSelect,\n  className,\n}) {\n  const currentEngines = useMemo(() => {\n    if (!engines) {\n      return {\n        stops: new StopFinder(undefined, { apiKey }),\n      };\n    }\n    if (apiKey) {\n      Object.values(engines).forEach((engine) => {\n        if (engine.setApiKey) {\n          engine.setApiKey(apiKey);\n        }\n      });\n    }\n    return engines;\n  }, [apiKey, engines]);\n\n  const [suggestions, setSuggestions] = useState([]);\n  const [value, setValue] = useState(initialValue);\n\n  const searchService = useMemo(() => {\n    return new SearchService({\n      apiKey,\n      engines: currentEngines,\n      setSuggestions,\n    });\n  }, [apiKey, currentEngines]);\n\n  const theme = useMemo(() => {\n    return {\n      container: `${className}__container`,\n      containerOpen: `${className}__container--open`,\n      input: `${className}__input`,\n      inputOpen: `${className}__input--open`,\n      inputFocused: `${className}__input--focused`,\n      suggestionsContainer: `${className}__suggestions-container`,\n      suggestionsContainerOpen: `${className}__suggestions-container--open`,\n      suggestionsList: `${className}__suggestions-list`,\n      suggestion: `${className}__suggestion`,\n      suggestionFirst: `${className}__suggestion--first`,\n      suggestionHighlighted: `${className}__suggestion--highlighted`,\n      sectionContainer: `${className}__section-container`,\n      sectionContainerFirst: `${className}__section-container--first`,\n      sectionTitle: `${className}__section-title`,\n    };\n  }, [className]);\n\n  return (\n    Object.keys(currentEngines).length > 0 && (\n      <div className=\"rt-search\">\n        <Autosuggest\n          theme={theme}\n          inputProps={{\n            autoFocus: true,\n            tabIndex: 0,\n            onChange: (e, { newValue }) => {\n              return setValue(newValue);\n            },\n            onKeyUp: ({ key }) => {\n              if (key === 'Enter') {\n                const filtered = suggestions.filter((s) => {\n                  return s.items.length > 0;\n                });\n                if (filtered.length > 0) {\n                  const { items, section } = filtered[0];\n                  const targetSuggestion = { ...items[0], section };\n                  setValue(searchService.value(targetSuggestion));\n                  onSelect(targetSuggestion);\n                }\n              } else if (\n                (key === 'ArrowDown' || key === 'ArrowUp') &&\n                typeof searchService.highlightSection === 'function'\n              ) {\n                searchService.highlightSection(); // for improved accessibility\n              }\n            },\n            value,\n            ...inputProps,\n          }}\n          multiSection\n          getSectionSuggestions={({ items, section }) => {\n            return items\n              ? items.map((i) => {\n                  return { ...i, section };\n                })\n              : [];\n          }}\n          getSuggestionValue={(suggestion) => {\n            return searchService.value(suggestion);\n          }}\n          onSuggestionsFetchRequested={({ value: newValue }) => {\n            return searchService.search(newValue);\n          }}\n          onSuggestionsClearRequested={() => {\n            return setSuggestions([]);\n          }}\n          onSuggestionHighlighted={({ suggestion }) => {\n            return onHighlight(suggestion);\n          }}\n          onSuggestionSelected={(e, { suggestion }) => {\n            return onSelect(suggestion);\n          }}\n          renderSuggestion={(suggestion) => {\n            return searchService.render(suggestion);\n          }}\n          renderSectionTitle={getRenderSectionTitle(searchService)}\n          shouldRenderSuggestions={(newValue) => {\n            return shouldRenderSuggestions(newValue);\n          }}\n          suggestions={suggestions}\n        />\n        {value && (\n          <button\n            type=\"button\"\n            tabIndex={0}\n            className=\"rt-search-button rt-search-button-clear\"\n            onClick={() => {\n              return setValue('');\n            }}\n          >\n            <FaTimes />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          tabIndex={0}\n          className=\"rt-search-button rt-search-button-submit\"\n        >\n          <FaSearch focusable={false} />\n        </button>\n      </div>\n    )\n  );\n}\n\nSearch.propTypes = propTypes;\nSearch.defaultProps = defaultProps;\n\nexport default Search;\n"],
-  "mappings": "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",
-  "names": []
-}

package/components/Search/Search.md.scss

@@ -1,4 +0,0 @@
-.rt-search {
-  margin-top: 1em;
-  width: inherit;
-}

package/components/Search/Search.scss

@@ -1,78 +0,0 @@
-.rt-search {
-  display: flex;
-  font-family: Arial, sans-serif;
-  height: 50px;
-  width: 350px;
-  position: relative;
-
-  .rt-search__container {
-    width: 100%;
-    position: relative;
-
-    .rt-search__input {
-      border: 1px solid #515151;
-      padding: 0 0 0 1em;
-      text-overflow: ellipsis;
-      font-size: 1em;
-      height: 48px;
-      width: calc(100% - 1em);
-
-      &::-ms-clear {
-        display: none;
-      }
-    }
-
-    .rt-search__suggestions-container--open {
-      background-color: #fff;
-      position: absolute;
-      top: calc(100% - 1px);
-      width: 100%;
-      border: 1px solid #515151;
-      z-index: 1;
-
-      .rt-search__suggestions-list {
-        padding: 0;
-        margin: 0.5em 0;
-        list-style: none;
-      }
-
-      .rt-search__suggestion {
-        padding: 0.5em 1em;
-        cursor: pointer;
-        color: #515151;
-
-        &:hover {
-          color: #eb0000;
-        }
-      }
-    }
-  }
-
-  .rt-search-button {
-    font-size: 1em;
-    cursor: pointer;
-    background: none;
-    border: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 50px;
-    padding: 0;
-
-    svg {
-      width: 50px;
-    }
-
-    &.rt-search-button-clear {
-      position: absolute;
-      color: #515151;
-      right: 50px;
-    }
-
-    &.rt-search-button-submit {
-      border: 1px solid #515151;
-      background-color: #515151;
-      color: #fff;
-    }
-  }
-}

package/components/Search/SearchService.js

@@ -1,48 +0,0 @@
-class SearchService {
-  constructor({ apiKey, engines, setSuggestions }) {
-    this.engines = engines;
-    this.setSuggestions = setSuggestions;
-    Object.entries(this.engines).forEach(([, e]) => {
-      return e.setApiKey(apiKey);
-    });
-  }
-  countItems(section) {
-    return this.engines[section].items && this.engines[section].items.length;
-  }
-  render(item) {
-    return this.engines[item.section].render(item);
-  }
-  value(item) {
-    return this.engines[item.section].constructor.value(item);
-  }
-  search(value) {
-    Object.entries(this.engines).forEach(([section, engine], position) => {
-      engine.search(value).then((items) => {
-        engine.setItems(items);
-        this.upsert(section, engine.getItems(items), position);
-      });
-    });
-  }
-  sectionCollapsed(section) {
-    return this.engines[section].collapsed;
-  }
-  toggleSection(toggledSection) {
-    Object.entries(this.engines).forEach(([section, engine], position) => {
-      engine.collapse(!(section === toggledSection && engine.collapsed));
-      this.upsert(section, engine.getItems(), position);
-    });
-  }
-  upsert(section, items, position) {
-    this.setSuggestions((oldSuggestions) => {
-      const sectionIndex = oldSuggestions.findIndex((s) => {
-        return s.section === section;
-      });
-      const start = sectionIndex === -1 ? position : sectionIndex;
-      const deleteCount = sectionIndex === -1 ? 0 : 1;
-      const newSuggestions = [...oldSuggestions];
-      newSuggestions.splice(start, deleteCount, { section, items });
-      return newSuggestions;
-    });
-  }
-}
-export default SearchService;

package/components/Search/SearchService.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Search/SearchService.js"],
-  "sourcesContent": ["class SearchService {\n  constructor({ apiKey, engines, setSuggestions }) {\n    this.engines = engines;\n    this.setSuggestions = setSuggestions;\n    Object.entries(this.engines).forEach(([, e]) => {\n      return e.setApiKey(apiKey);\n    });\n  }\n\n  countItems(section) {\n    return this.engines[section].items && this.engines[section].items.length;\n  }\n\n  render(item) {\n    return this.engines[item.section].render(item);\n  }\n\n  value(item) {\n    return this.engines[item.section].constructor.value(item);\n  }\n\n  search(value) {\n    Object.entries(this.engines).forEach(([section, engine], position) => {\n      engine.search(value).then((items) => {\n        engine.setItems(items);\n        this.upsert(section, engine.getItems(items), position);\n      });\n    });\n  }\n\n  sectionCollapsed(section) {\n    return this.engines[section].collapsed;\n  }\n\n  toggleSection(toggledSection) {\n    Object.entries(this.engines).forEach(([section, engine], position) => {\n      engine.collapse(!(section === toggledSection && engine.collapsed));\n      this.upsert(section, engine.getItems(), position);\n    });\n  }\n\n  upsert(section, items, position) {\n    this.setSuggestions((oldSuggestions) => {\n      const sectionIndex = oldSuggestions.findIndex((s) => {\n        return s.section === section;\n      });\n      const start = sectionIndex === -1 ? position : sectionIndex;\n      const deleteCount = sectionIndex === -1 ? 0 : 1;\n      const newSuggestions = [...oldSuggestions];\n      newSuggestions.splice(start, deleteCount, { section, items });\n      return newSuggestions;\n    });\n  }\n}\n\nexport default SearchService;\n"],
-  "mappings": "AAAA,MAAM,cAAc;AAAA,EAClB,YAAY,EAAE,QAAQ,SAAS,eAAe,GAAG;AAC/C,SAAK,UAAU;AACf,SAAK,iBAAiB;AACtB,WAAO,QAAQ,KAAK,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM;AAC9C,aAAO,EAAE,UAAU,MAAM;AAAA,IAC3B,CAAC;AAAA,EACH;AAAA,EAEA,WAAW,SAAS;AAClB,WAAO,KAAK,QAAQ,SAAS,SAAS,KAAK,QAAQ,SAAS,MAAM;AAAA,EACpE;AAAA,EAEA,OAAO,MAAM;AACX,WAAO,KAAK,QAAQ,KAAK,SAAS,OAAO,IAAI;AAAA,EAC/C;AAAA,EAEA,MAAM,MAAM;AACV,WAAO,KAAK,QAAQ,KAAK,SAAS,YAAY,MAAM,IAAI;AAAA,EAC1D;AAAA,EAEA,OAAO,OAAO;AACZ,WAAO,QAAQ,KAAK,OAAO,EAAE,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,aAAa;AACpE,aAAO,OAAO,KAAK,EAAE,KAAK,CAAC,UAAU;AACnC,eAAO,SAAS,KAAK;AACrB,aAAK,OAAO,SAAS,OAAO,SAAS,KAAK,GAAG,QAAQ;AAAA,MACvD,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,iBAAiB,SAAS;AACxB,WAAO,KAAK,QAAQ,SAAS;AAAA,EAC/B;AAAA,EAEA,cAAc,gBAAgB;AAC5B,WAAO,QAAQ,KAAK,OAAO,EAAE,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,aAAa;AACpE,aAAO,SAAS,EAAE,YAAY,kBAAkB,OAAO,UAAU;AACjE,WAAK,OAAO,SAAS,OAAO,SAAS,GAAG,QAAQ;AAAA,IAClD,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,SAAS,OAAO,UAAU;AAC/B,SAAK,eAAe,CAAC,mBAAmB;AACtC,YAAM,eAAe,eAAe,UAAU,CAAC,MAAM;AACnD,eAAO,EAAE,YAAY;AAAA,MACvB,CAAC;AACD,YAAM,QAAQ,iBAAiB,KAAK,WAAW;AAC/C,YAAM,cAAc,iBAAiB,KAAK,IAAI;AAC9C,YAAM,iBAAiB,CAAC,GAAG,cAAc;AACzC,qBAAe,OAAO,OAAO,aAAa,EAAE,SAAS,MAAM,CAAC;AAC5D,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AAEA,eAAe;",
-  "names": []
-}

package/components/Search/engines/Engine.js

@@ -1,19 +0,0 @@
-class Engine {
-  constructor() {
-    this.collapsed = true;
-    this.items = [];
-  }
-  collapse(collapsed) {
-    this.collapsed = collapsed;
-  }
-  getItems() {
-    return this.collapsed ? this.items.slice(0, 2) : this.items;
-  }
-  setApiKey(apiKey) {
-    this.apiKey = apiKey;
-  }
-  setItems(items = []) {
-    this.items = items;
-  }
-}
-export default Engine;

package/components/Search/engines/Engine.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Search/engines/Engine.js"],
-  "sourcesContent": ["class Engine {\n  constructor() {\n    this.collapsed = true;\n    this.items = [];\n  }\n\n  collapse(collapsed) {\n    this.collapsed = collapsed;\n  }\n\n  getItems() {\n    return this.collapsed ? this.items.slice(0, 2) : this.items;\n  }\n\n  setApiKey(apiKey) {\n    this.apiKey = apiKey;\n  }\n\n  setItems(items = []) {\n    this.items = items;\n  }\n}\n\nexport default Engine;\n"],
-  "mappings": "AAAA,MAAM,OAAO;AAAA,EACX,cAAc;AACZ,SAAK,YAAY;AACjB,SAAK,QAAQ,CAAC;AAAA,EAChB;AAAA,EAEA,SAAS,WAAW;AAClB,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,WAAW;AACT,WAAO,KAAK,YAAY,KAAK,MAAM,MAAM,GAAG,CAAC,IAAI,KAAK;AAAA,EACxD;AAAA,EAEA,UAAU,QAAQ;AAChB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,SAAS,QAAQ,CAAC,GAAG;AACnB,SAAK,QAAQ;AAAA,EACf;AACF;AAEA,eAAe;",
-  "names": []
-}

package/components/Search/engines/StopFinder.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { StopsAPI } from "mobility-toolbox-js/api";
-import Engine from "./Engine";
-class StopFinder extends Engine {
-  constructor(endpoint = "https://api.geops.io/stops/v1/", options = {}) {
-    super();
-    this.options = options;
-    delete this.options.apiKey;
-    this.api = new StopsAPI({
-      url: endpoint,
-      apiKey: options.apiKey
-    });
-  }
-  search(value) {
-    return this.api.search({
-      q: encodeURIComponent(value),
-      ...this.options
-    });
-  }
-  setApiKey(apiKey) {
-    this.api.apiKey = apiKey;
-  }
-  render(item) {
-    return /* @__PURE__ */ React.createElement("div", null, item.properties.name);
-  }
-  static value(item) {
-    return item.properties.name;
-  }
-}
-export default StopFinder;

package/components/Search/engines/StopFinder.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Search/engines/StopFinder.js"],
-  "sourcesContent": ["import React from 'react';\n\nimport { StopsAPI } from 'mobility-toolbox-js/api';\nimport Engine from './Engine';\n\nclass StopFinder extends Engine {\n  constructor(endpoint = 'https://api.geops.io/stops/v1/', options = {}) {\n    super();\n    this.options = options;\n    // apiKey is passed as key in StopsAPI, delete to avoid duplicates.\n    delete this.options.apiKey;\n    this.api = new StopsAPI({\n      url: endpoint,\n      apiKey: options.apiKey,\n    });\n  }\n\n  search(value) {\n    return this.api.search({\n      q: encodeURIComponent(value),\n      ...this.options,\n    });\n  }\n\n  setApiKey(apiKey) {\n    this.api.apiKey = apiKey;\n  }\n\n  render(item) {\n    return <div>{item.properties.name}</div>;\n  }\n\n  static value(item) {\n    return item.properties.name;\n  }\n}\n\nexport default StopFinder;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,gBAAgB;AACzB,OAAO,YAAY;AAEnB,MAAM,mBAAmB,OAAO;AAAA,EAC9B,YAAY,WAAW,kCAAkC,UAAU,CAAC,GAAG;AACrE,UAAM;AACN,SAAK,UAAU;AAEf,WAAO,KAAK,QAAQ;AACpB,SAAK,MAAM,IAAI,SAAS;AAAA,MACtB,KAAK;AAAA,MACL,QAAQ,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,OAAO;AACZ,WAAO,KAAK,IAAI,OAAO;AAAA,MACrB,GAAG,mBAAmB,KAAK;AAAA,MAC3B,GAAG,KAAK;AAAA,IACV,CAAC;AAAA,EACH;AAAA,EAEA,UAAU,QAAQ;AAChB,SAAK,IAAI,SAAS;AAAA,EACpB;AAAA,EAEA,OAAO,MAAM;AACX,WAAO,oCAAC,aAAK,KAAK,WAAW,IAAK;AAAA,EACpC;AAAA,EAEA,OAAO,MAAM,MAAM;AACjB,WAAO,KAAK,WAAW;AAAA,EACzB;AACF;AAEA,eAAe;",
-  "names": []
-}

package/components/Search/index.js

@@ -1,3 +0,0 @@
-export { default as Engine } from "./engines/Engine";
-export { default as StopFinder } from "./engines/StopFinder";
-export { default } from "./Search";

package/components/Search/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Search/index.js"],
-  "sourcesContent": ["export { default as Engine } from './engines/Engine';\nexport { default as StopFinder } from './engines/StopFinder';\n\nexport { default } from './Search';\n"],
-  "mappings": "AAAA,kCAAkC;AAClC,sCAAsC;AAEtC,wBAAwB;",
-  "names": []
-}

package/components/TrackerControl/TrackerControl.js

@@ -1,116 +0,0 @@
-import React, { useState, useEffect, useCallback } from "react";
-import PropTypes from "prop-types";
-import { IoIosSpeedometer } from "react-icons/io";
-import { FaPlay, FaForward, FaBackward, FaRegDotCircle } from "react-icons/fa";
-import { RealtimeLayer as TrackerLayer } from "mobility-toolbox-js/ol";
-const increaseSpeed = (speed) => {
-  let delta = 0.1;
-  if (speed >= 1) {
-    delta = 1;
-  }
-  if (speed >= 10) {
-    delta = 5;
-  }
-  const nextSpeed = speed + delta;
-  return nextSpeed > 30 ? speed : nextSpeed;
-};
-const decreaseSpeed = (speed) => {
-  let delta = 0.1;
-  if (speed > 1) {
-    delta = 1;
-  }
-  if (speed > 10) {
-    delta = 5;
-  }
-  const nextSpeed = speed - delta;
-  if (nextSpeed < 0.1) {
-    return speed;
-  }
-  return nextSpeed;
-};
-const defaultRenderButton = (icon, onClick, title) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    "aria-label": title,
-    role: "button",
-    onClick,
-    onKeyPress: onClick,
-    className: "rt-control-button",
-    tabIndex: 0,
-    title
-  }, icon);
-};
-function TrackerControl({
-  className,
-  iconDateReset,
-  iconSpeedDown,
-  iconSpeedReset,
-  iconSpeedUp,
-  iconSpeed,
-  renderButton,
-  trackerLayer
-}) {
-  const [speed, setSpeed] = useState(1);
-  const onSpeedChange = useCallback(
-    (newSpeed) => {
-      if (trackerLayer) {
-        trackerLayer.speed = newSpeed;
-      }
-    },
-    [trackerLayer]
-  );
-  const resetDate = () => {
-    trackerLayer.setCurrTime(new Date());
-  };
-  useEffect(() => {
-    onSpeedChange(speed);
-  }, [speed, onSpeedChange]);
-  return /* @__PURE__ */ React.createElement("div", {
-    className
-  }, renderButton(
-    iconDateReset,
-    () => {
-      return resetDate();
-    },
-    "reset date"
-  ), renderButton(
-    iconSpeedDown,
-    () => {
-      return setSpeed(decreaseSpeed(speed));
-    },
-    "speed down"
-  ), renderButton(
-    iconSpeedReset,
-    () => {
-      return setSpeed(1);
-    },
-    "speed reset"
-  ), renderButton(
-    iconSpeedUp,
-    () => {
-      return setSpeed(increaseSpeed(speed));
-    },
-    "speed up"
-  ), /* @__PURE__ */ React.createElement("div", {
-    className: "rt-tracker-speed"
-  }, iconSpeed, `${speed < 1 ? speed.toFixed(1) : speed}`));
-}
-TrackerControl.propTypes = {
-  className: PropTypes.string,
-  iconDateReset: PropTypes.element,
-  iconSpeedDown: PropTypes.element,
-  iconSpeedUp: PropTypes.element,
-  iconSpeedReset: PropTypes.element,
-  iconSpeed: PropTypes.element,
-  renderButton: PropTypes.func,
-  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired
-};
-TrackerControl.defaultProps = {
-  className: "rt-tracker-control",
-  iconDateReset: /* @__PURE__ */ React.createElement(FaRegDotCircle, null),
-  iconSpeedDown: /* @__PURE__ */ React.createElement(FaBackward, null),
-  iconSpeedReset: /* @__PURE__ */ React.createElement(FaPlay, null),
-  iconSpeedUp: /* @__PURE__ */ React.createElement(FaForward, null),
-  iconSpeed: /* @__PURE__ */ React.createElement(IoIosSpeedometer, null),
-  renderButton: defaultRenderButton
-};
-export default TrackerControl;

package/components/TrackerControl/TrackerControl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TrackerControl/TrackerControl.js"],
-  "sourcesContent": ["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { IoIosSpeedometer } from 'react-icons/io';\nimport { FaPlay, FaForward, FaBackward, FaRegDotCircle } from 'react-icons/fa';\nimport { RealtimeLayer as TrackerLayer } from 'mobility-toolbox-js/ol';\n\nconst increaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed >= 1) {\n    delta = 1;\n  }\n  if (speed >= 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed + delta;\n  return nextSpeed > 30 ? speed : nextSpeed;\n};\n\nconst decreaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed > 1) {\n    delta = 1;\n  }\n  if (speed > 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed - delta;\n  if (nextSpeed < 0.1) {\n    return speed;\n  }\n  return nextSpeed;\n};\n\nconst defaultRenderButton = (icon, onClick, title) => {\n  return (\n    <div\n      aria-label={title}\n      role=\"button\"\n      onClick={onClick}\n      onKeyPress={onClick}\n      className=\"rt-control-button\"\n      tabIndex={0}\n      title={title}\n    >\n      {icon}\n    </div>\n  );\n};\n\n/**\n * TrackerControl allows the user to control the speed of a\n * [mobility-toolbox-js tracker layer](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/layers/RealtimeLayer%20js~RealtimeLayer%20html-offset-anchor).\n */\nfunction TrackerControl({\n  className,\n  iconDateReset,\n  iconSpeedDown,\n  iconSpeedReset,\n  iconSpeedUp,\n  iconSpeed,\n  renderButton,\n  trackerLayer,\n}) {\n  const [speed, setSpeed] = useState(1);\n\n  const onSpeedChange = useCallback(\n    (newSpeed) => {\n      if (trackerLayer) {\n        // eslint-disable-next-line no-param-reassign\n        trackerLayer.speed = newSpeed;\n      }\n    },\n    [trackerLayer],\n  );\n\n  const resetDate = () => {\n    trackerLayer.setCurrTime(new Date());\n  };\n\n  useEffect(() => {\n    onSpeedChange(speed);\n  }, [speed, onSpeedChange]);\n\n  return (\n    <div className={className}>\n      {renderButton(\n        iconDateReset,\n        () => {\n          return resetDate();\n        },\n        'reset date',\n      )}\n      {renderButton(\n        iconSpeedDown,\n        () => {\n          return setSpeed(decreaseSpeed(speed));\n        },\n        'speed down',\n      )}\n      {renderButton(\n        iconSpeedReset,\n        () => {\n          return setSpeed(1);\n        },\n        'speed reset',\n      )}\n      {renderButton(\n        iconSpeedUp,\n        () => {\n          return setSpeed(increaseSpeed(speed));\n        },\n        'speed up',\n      )}\n      <div className=\"rt-tracker-speed\">\n        {iconSpeed}\n        {`${speed < 1 ? speed.toFixed(1) : speed}`}\n      </div>\n    </div>\n  );\n}\n\nTrackerControl.propTypes = {\n  /**\n   * CSS class of the tracker control.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Icon of the date reset button.\n   */\n  iconDateReset: PropTypes.element,\n\n  /**\n   * Icon of the speed down button.\n   */\n  iconSpeedDown: PropTypes.element,\n\n  /**\n   * Icon of the speed up button.\n   */\n  iconSpeedUp: PropTypes.element,\n\n  /**\n   * Icon of the speed reset button.\n   */\n  iconSpeedReset: PropTypes.element,\n\n  /**\n   * Icon speed.\n   */\n  iconSpeed: PropTypes.element,\n\n  /**\n   * Render function for buttons.\n   */\n  renderButton: PropTypes.func,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n};\n\nTrackerControl.defaultProps = {\n  className: 'rt-tracker-control',\n  iconDateReset: <FaRegDotCircle />,\n  iconSpeedDown: <FaBackward />,\n  iconSpeedReset: <FaPlay />,\n  iconSpeedUp: <FaForward />,\n  iconSpeed: <IoIosSpeedometer />,\n  renderButton: defaultRenderButton,\n};\n\nexport default TrackerControl;\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,WAAW,mBAAmB;AACxD,OAAO,eAAe;AACtB,SAAS,wBAAwB;AACjC,SAAS,QAAQ,WAAW,YAAY,sBAAsB;AAC9D,SAAS,iBAAiB,oBAAoB;AAE9C,MAAM,gBAAgB,CAAC,UAAU;AAC/B,MAAI,QAAQ;AACZ,MAAI,SAAS,GAAG;AACd,YAAQ;AAAA,EACV;AACA,MAAI,SAAS,IAAI;AACf,YAAQ;AAAA,EACV;AACA,QAAM,YAAY,QAAQ;AAC1B,SAAO,YAAY,KAAK,QAAQ;AAClC;AAEA,MAAM,gBAAgB,CAAC,UAAU;AAC/B,MAAI,QAAQ;AACZ,MAAI,QAAQ,GAAG;AACb,YAAQ;AAAA,EACV;AACA,MAAI,QAAQ,IAAI;AACd,YAAQ;AAAA,EACV;AACA,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,KAAK;AACnB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,sBAAsB,CAAC,MAAM,SAAS,UAAU;AACpD,SACE,oCAAC;AAAA,IACC,cAAY;AAAA,IACZ,MAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,KAEC,IACH;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,gBAAgB;AAAA,IACpB,CAAC,aAAa;AACZ,UAAI,cAAc;AAEhB,qBAAa,QAAQ;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,YAAY,MAAM;AACtB,iBAAa,YAAY,IAAI,KAAK,CAAC;AAAA,EACrC;AAEA,YAAU,MAAM;AACd,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,SACE,oCAAC;AAAA,IAAI;AAAA,KACF;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,UAAU;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,cAAc,KAAK,CAAC;AAAA,IACtC;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,CAAC;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,cAAc,KAAK,CAAC;AAAA,IACtC;AAAA,IACA;AAAA,EACF,GACA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,WACA,GAAG,QAAQ,IAAI,MAAM,QAAQ,CAAC,IAAI,OACrC,CACF;AAEJ;AAEA,eAAe,YAAY;AAAA,EAIzB,WAAW,UAAU;AAAA,EAKrB,eAAe,UAAU;AAAA,EAKzB,eAAe,UAAU;AAAA,EAKzB,aAAa,UAAU;AAAA,EAKvB,gBAAgB,UAAU;AAAA,EAK1B,WAAW,UAAU;AAAA,EAKrB,cAAc,UAAU;AAAA,EAKxB,cAAc,UAAU,WAAW,YAAY,EAAE;AACnD;AAEA,eAAe,eAAe;AAAA,EAC5B,WAAW;AAAA,EACX,eAAe,oCAAC,oBAAe;AAAA,EAC/B,eAAe,oCAAC,gBAAW;AAAA,EAC3B,gBAAgB,oCAAC,YAAO;AAAA,EACxB,aAAa,oCAAC,eAAU;AAAA,EACxB,WAAW,oCAAC,sBAAiB;AAAA,EAC7B,cAAc;AAChB;AAEA,eAAe;",
-  "names": []
-}

package/components/TrackerControl/TrackerControl.scss

@@ -1,30 +0,0 @@
-.rt-tracker-control {
-  display: flex;
-  align-items: center;
-
-  .rt-control-button {
-    border: 1px solid #ccc;
-    color: #333;
-    background-color: #fff;
-    padding: 8px 12px 4px 12px;
-    margin: 2px;
-    border-radius: 4px;
-
-    &:hover {
-      cursor: pointer;
-      background-color: #f5f5f5;
-    }
-  }
-
-  .rt-tracker-speed {
-    display: flex;
-    align-items: center;
-    padding-left: 15px;
-
-    svg {
-      height: 1.2em;
-      width: 1.2em;
-      padding-right: 5px;
-    }
-  }
-}

package/components/TrackerControl/index.js

@@ -1 +0,0 @@
-export { default } from "./TrackerControl";

package/components/TrackerControl/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TrackerControl/index.js"],
-  "sourcesContent": ["export { default } from './TrackerControl';\n"],
-  "mappings": "AAAA,wBAAwB;",
-  "names": []
-}

package/images/FilterButton/filter.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>deactive Filter</title><g id="Ebene_2" data-name="Ebene 2"><g id="Ebene_1-2" data-name="Ebene 1"><rect width="48" height="48" fill="none" rx="2.8"/><path fill="#fff" d="M9.6,14.7H38.4v2.6l-.2.3-11,9.1a.8.8,0,0,0-.2.5V39.4c0,.2-.1.3-.3.2l-5.7-3c-.1,0-.1-.1-.1-.2V27.2a.8.8,0,0,0-.2-.5L9.8,17.5c-.1,0-.2-.1-.2-.3Z"/><path fill="#fff" d="M38.4,9.7V13H9.6V9.7a.4.4,0,0,1,.4-.4H38A.4.4,0,0,1,38.4,9.7Z"/><path fill="#1d1d1b" d="M9.6,14.7H38.4v2.6l-.2.3-11,9.1a.8.8,0,0,0-.2.5V39.4c0,.2-.1.3-.3.2l-5.7-3c-.1,0-.1-.1-.1-.2V27.2a.8.8,0,0,0-.2-.5L9.8,17.5c-.1,0-.2-.1-.2-.3Z"/><path fill="#1d1d1b" d="M38.4,9.7V13H9.6V9.7a.4.4,0,0,1,.4-.4H38A.4.4,0,0,1,38.4,9.7Z"/></g></g></svg>

package/images/FollowButton/follow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg10" width="72" height="72" version="1.1" viewBox="0 0 108 108"><metadata id="metadata16"/><title id="title2">deactive Folgen</title><g id="Ebene_2" data-name="Ebene 2" transform="matrix(2.25,0,0,2.25,-0.10663006,-0.01748344)"><g id="Ebene_1-2" data-name="Ebene 1"><rect id="rect4" width="48" height="48" x="0" y="0" fill="none" rx="2.8"/><path id="path6" fill="#1d1d1b" d="M 25.7,39.1 23.6,24 8.5,21.9 c -0.1,-0.1 -0.1,-0.2 0,-0.2 l 29.3,-12 c 0.1,-0.1 0.2,0 0.1,0.1 l -12,29.3 c 0,0.1 -0.2,0.1 -0.2,0 z"/></g></g></svg>