react-spatial 1.12.2-beta.0 → 1.12.3-beta.0

package/components/LayerTree/LayerTree.js

@@ -1,7 +1,9 @@
-import { getLayersAsFlatArray, Layer } from "mobility-toolbox-js/ol";
+import Layer from "ol/layer/Layer";
 import { unByKey } from "ol/Observable";
+import { getUid } from "ol/util";
 import PropTypes from "prop-types";
 import React, { Component } from "react";
+import getLayersAsFlatArray from "../../utils/getLayersAsFlatArray";
 const propTypes = {
   /**
    * CSS class to apply on the container.
@@ -124,9 +126,8 @@ const defaultProps = {
   renderCheckbox: null,
   renderItem: null,
   renderItemContent: null,
-  renderLabel: (layer, layerComp) => {
-    const { t } = layerComp.props;
-    return t(layer.name);
+  renderLabel: (layer) => {
+    return layer?.get("name") || "";
   },
   t: (s) => {
     return s;
@@ -139,13 +140,39 @@ const defaultProps = {
   }
 };
 class LayerTree extends Component {
+  static getChildren = (layer) => layer?.get("children") || layer?.children || // ol.layer.group
+  layer?.getLayers?.().getArray() || [];
+  static getVisible = (layer) => layer.getVisible ? layer.getVisible() : layer.visible;
+  static listenGroups = (layers) => {
+    const flat = getLayersAsFlatArray(layers);
+    const keys = flat.map((layer) => {
+      return layer.on("change:visible", (e) => {
+        const { target } = e;
+        if (target.getVisible() && target.get("group")) {
+          flat.forEach((l) => {
+            if (l.get("group") === target.get("group") && l !== target) {
+              l.setVisible(false);
+            }
+          });
+        }
+      });
+    });
+    return keys;
+  };
+  static setVisible = (layer, visible) => {
+    if (layer.setVisible) {
+      layer.setVisible(visible);
+      return;
+    }
+    layer.visible = visible;
+  };
   constructor(props) {
     super(props);
     const { isItemHidden, layers } = this.props;
     const initialExpandedLayers = layers ? this.getExpandedLayers(
       layers.filter((l) => {
-        return !isItemHidden(l) && (l.children || []).filter((child) => {
-          return child.visible;
+        return !isItemHidden(l) && LayerTree.getChildren(l).filter((child) => {
+          return LayerTree.getVisible(child);
         }).filter((c) => {
           return !isItemHidden(c);
         }).length;
@@ -154,7 +181,7 @@ class LayerTree extends Component {
     this.state = {
       expandedLayers: initialExpandedLayers,
       revision: 0,
-      rootLayer: new Layer()
+      rootLayer: new Layer({})
     };
     this.olKeys = [];
   }
@@ -173,8 +200,8 @@ class LayerTree extends Component {
   }
   expandLayer(layer, expLayers = []) {
     const { isItemHidden } = this.props;
-    if (layer.visible && !isItemHidden(layer)) {
-      const children = layer.children.filter((c) => {
+    if (LayerTree.getVisible(layer) && !isItemHidden(layer)) {
+      const children = LayerTree.getChildren(layer).filter((c) => {
         return !isItemHidden(c) && !c.get("isAlwaysExpanded");
       }).flatMap((c) => {
         return this.expandLayer(c, expLayers);
@@ -193,7 +220,7 @@ class LayerTree extends Component {
   getExpandedLayers(layers) {
     const { isItemHidden } = this.props;
     const children = layers.flatMap((l) => {
-      return l.children.filter((c) => {
+      return LayerTree.getChildren(l).filter((c) => {
         return !isItemHidden(c) && c.get("isAlwaysExpanded");
       });
     });
@@ -205,10 +232,8 @@ class LayerTree extends Component {
   onInputClick(layer, toggle = false) {
     if (toggle) {
       this.onToggle(layer);
-    } else if (layer.setVisible) {
-      layer.setVisible(!layer.visible);
     } else {
-      layer.visible = !layer.visible;
+      LayerTree.setVisible(layer, !LayerTree.getVisible(layer));
     }
   }
   onToggle(layer) {
@@ -228,7 +253,7 @@ class LayerTree extends Component {
   renderArrow(layer) {
     const { isItemHidden } = this.props;
     const { expandedLayers } = this.state;
-    if (!(layer.children || []).filter((c) => {
+    if (!LayerTree.getChildren(layer).filter((c) => {
       return !isItemHidden(c);
     }).length || layer.get("isAlwaysExpanded")) {
       return null;
@@ -243,7 +268,7 @@ class LayerTree extends Component {
   renderInput(layer, inputProps) {
     const { isItemHidden, renderCheckbox, titles } = this.props;
     let tabIndex = 0;
-    if (!(layer.children || []).filter((c) => {
+    if (!LayerTree.getChildren(layer).filter((c) => {
       return !isItemHidden(c);
     }).length) {
       tabIndex = -1;
@@ -254,7 +279,6 @@ class LayerTree extends Component {
       /* @__PURE__ */ React.createElement(
         "label",
         {
-          "aria-label": layer.visible ? titles.layerHide : titles.layerShow,
           className: `rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`,
           onKeyPress: (e) => {
             if (e.which === 13) {
@@ -262,12 +286,12 @@ class LayerTree extends Component {
             }
           },
           tabIndex,
-          title: layer.visible ? titles.layerHide : titles.layerShow
+          title: LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow
         },
         /* @__PURE__ */ React.createElement(
           "input",
           {
-            checked: layer.visible,
+            checked: LayerTree.getVisible(layer),
             onClick: () => {
               return this.onInputClick(layer);
             },
@@ -281,7 +305,6 @@ class LayerTree extends Component {
       )
     );
   }
-  // Render a button which expands/collapse the layer if there is children
   renderItem(layer, level) {
     const { isItemHidden } = this.props;
     const { expandedLayers } = this.state;
@@ -294,42 +317,53 @@ class LayerTree extends Component {
       renderItemContent
     } = this.props;
     const children = expandedLayers.includes(layer) ? [
-      ...(layer.children || []).filter((c) => {
+      ...LayerTree.getChildren(layer).filter((c) => {
         return !isItemHidden(c);
       })
     ] : [];
     if (renderItem) {
       return renderItem(layer, this.onInputClick, this.onToggle);
     }
-    return /* @__PURE__ */ React.createElement("div", { className: getParentClassName(), key: layer.key }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `rs-layer-tree-item ${layer.visible ? "rs-visible" : ""}`,
-        style: {
-          paddingLeft: `${padding * level}px`
-        }
+        className: getParentClassName(),
+        key: layer.key || layer.get("key") || layer.get("name") || getUid(layer)
       },
-      renderItemContent ? renderItemContent(layer, this) : this.renderItemContent(layer)
-    ), renderBeforeItem && renderBeforeItem(layer, level, this), [...children].reverse().map((child) => {
-      return this.renderItem(child, level + 1);
-    }), renderAfterItem && renderAfterItem(layer, level, this));
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `rs-layer-tree-item ${LayerTree.getVisible(layer) ? "rs-visible" : ""}`,
+          style: {
+            paddingLeft: `${padding * level}px`
+          }
+        },
+        renderItemContent ? renderItemContent(layer, this) : this.renderItemContent(layer)
+      ),
+      renderBeforeItem && renderBeforeItem(layer, level, this),
+      [...children].reverse().map((child) => {
+        return this.renderItem(child, level + 1);
+      }),
+      renderAfterItem && renderAfterItem(layer, level, this)
+    );
   }
   renderItemContent(layer, inputProps = {}, toggleProps = {}) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, this.renderInput(layer, inputProps), this.renderToggleButton(layer, toggleProps));
   }
+  // Render a button which expands/collapse the layer if there is children
   // or simulate a click on the input otherwise.
   renderToggleButton(layer, toggleProps) {
-    const { isItemHidden, renderLabel, t, titles } = this.props;
+    const { isItemHidden, renderLabel, titles } = this.props;
     const { expandedLayers } = this.state;
     const onInputClick = () => {
       this.onInputClick(
         layer,
-        (layer.children || []).filter((c) => {
+        LayerTree.getChildren(layer).filter((c) => {
           return !isItemHidden(c);
         }).length && !layer.get("isAlwaysExpanded")
       );
     };
-    const title = `${t(layer.name)} ${expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow}`;
+    const title = `${renderLabel(layer, this)} ${expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow}`;
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -350,10 +384,10 @@ class LayerTree extends Component {
   renderTree() {
     const { isItemHidden } = this.props;
     const { rootLayer } = this.state;
-    if (!rootLayer?.children?.length) {
+    if (!LayerTree.getChildren(rootLayer).length) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, rootLayer.children.filter((l) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, LayerTree.getChildren(rootLayer).filter((l) => {
       return !isItemHidden(l);
     }).reverse().map((l) => {
       return this.renderItem(l, 0);
@@ -361,7 +395,7 @@ class LayerTree extends Component {
   }
   updateLayers() {
     const { expandChildren, layers } = this.props;
-    let rootLayer = new Layer();
+    let rootLayer = new Layer({});
     if (Array.isArray(layers)) {
       if (layers.length === 1) {
         [rootLayer] = layers;
@@ -370,17 +404,59 @@ class LayerTree extends Component {
     } else {
       rootLayer = layers;
     }
-    getLayersAsFlatArray(rootLayer).forEach((layer) => {
+    const flat = getLayersAsFlatArray(rootLayer);
+    flat.forEach((layer) => {
       this.olKeys.push(
         layer.on("propertychange", () => {
           const { revision } = this.state;
           this.setState({ revision: revision + 1 });
+        }),
+        // Manage group visibility
+        layer.on("change:visible", (evt) => {
+          const { target } = evt;
+          if (target.getVisible() && target.get("group")) {
+            flat.forEach((l) => {
+              if (l.get("group") === target.get("group") && l !== target) {
+                l.setVisible(false);
+              }
+            });
+          }
+        }),
+        // Manage parent/children visibility
+        layer.on("change:visible", (evt) => {
+          const { target } = evt;
+          const parent = target.get("parent");
+          const children = LayerTree.getChildren(target);
+          if (target.getVisible()) {
+            if (parent) {
+              parent.setVisible(true);
+            }
+            if (children && !children.some((child) => child.getVisible())) {
+              children.forEach((child) => {
+                child.setVisible(true);
+              });
+            }
+          } else {
+            children.forEach((child) => {
+              child.setVisible(false);
+            });
+            if (parent?.getVisible() && !parent?.get("children").find((child) => child.getVisible())) {
+              parent.setVisible(false);
+            }
+          }
         })
       );
     });
+    flat.forEach((layer) => {
+      const children = LayerTree.getChildren(layer);
+      children.forEach((child) => {
+        child.set("parent", layer);
+      });
+    });
     const state = { rootLayer };
     if (typeof expandChildren === "function" ? expandChildren(layers) : expandChildren) {
-      state.expandedLayers = rootLayer.children.flatMap((l) => {
+      const children = LayerTree.getChildren(rootLayer);
+      state.expandedLayers = children.flatMap((l) => {
         return this.expandLayer(l);
       });
     }

package/components/LayerTree/LayerTree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/LayerTree/LayerTree.js"],
-  "sourcesContent": ["import { getLayersAsFlatArray, Layer } from \"mobility-toolbox-js/ol\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\n\nconst propTypes = {\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\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   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\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   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\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 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 the checkbox.\n   */\n  renderCheckbox: 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   * inputProps und toggleProps can be used when calling the default renderItemContent function\n   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props\n   *\n   * @param {Layer} layer The layer the item content is created for\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: 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   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: 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 hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-layer-tree\",\n  expandChildren: false,\n  getParentClassName: () => {\n    return undefined;\n  },\n  isItemHidden: () => {\n    return false;\n  },\n  layers: [],\n  padding: 30,\n  renderAfterItem: null,\n  renderBeforeItem: null,\n  renderCheckbox: null,\n  renderItem: null,\n  renderItemContent: null,\n  renderLabel: (layer, layerComp) => {\n    const { t } = layerComp.props;\n    return t(layer.name);\n  },\n  t: (s) => {\n    return s;\n  },\n  titles: {\n    layerHide: \"Hide layer\",\n    layerShow: \"Show layer\",\n    subLayerHide: \"Hide sublayer\",\n    subLayerShow: \"Show sublayer\",\n  },\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 { isItemHidden, layers } = 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      expandedLayers: initialExpandedLayers,\n      revision: 0,\n      rootLayer: new Layer(),\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  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  /**\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  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  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\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  renderInput(layer, inputProps) {\n    const { isItemHidden, renderCheckbox, titles } = 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 renderCheckbox ? (\n      renderCheckbox(layer, this, inputProps)\n    ) : (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions\n      <label\n        aria-label={layer.visible ? titles.layerHide : titles.layerShow}\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n        tabIndex={tabIndex}\n        title={layer.visible ? titles.layerHide : titles.layerShow}\n      >\n        <input\n          checked={layer.visible}\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n          readOnly\n          tabIndex={-1}\n          type={inputType}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...inputProps}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  // Render a button which expands/collapse the layer if there is children\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      getParentClassName,\n      padding,\n      renderAfterItem,\n      renderBeforeItem,\n      renderItem,\n      renderItemContent,\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  renderItemContent(layer, inputProps = {}, toggleProps = {}) {\n    return (\n      <>\n        {this.renderInput(layer, inputProps)}\n        {this.renderToggleButton(layer, toggleProps)}\n      </>\n    );\n  }\n\n  // or simulate a click on the input otherwise.\n  renderToggleButton(layer, toggleProps) {\n    const { isItemHidden, renderLabel, t, titles } = 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        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        className=\"rs-layer-tree-toggle\"\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n        role=\"button\"\n        tabIndex={0}\n        title={title}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...toggleProps}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\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  updateLayers() {\n    const { expandChildren, layers } = 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\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport { unByKey } from \"ol/Observable\";\nimport { getUid } from \"ol/util\";\nimport PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\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   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\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   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\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 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 the checkbox.\n   */\n  renderCheckbox: 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   * inputProps und toggleProps can be used when calling the default renderItemContent function\n   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props\n   *\n   * @param {Layer} layer The layer the item content is created for\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: 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   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: 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 hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-layer-tree\",\n  expandChildren: false,\n  getParentClassName: () => {\n    return undefined;\n  },\n  isItemHidden: () => {\n    return false;\n  },\n  layers: [],\n  padding: 30,\n  renderAfterItem: null,\n  renderBeforeItem: null,\n  renderCheckbox: null,\n  renderItem: null,\n  renderItemContent: null,\n  renderLabel: (layer) => {\n    return layer?.get(\"name\") || \"\";\n  },\n  t: (s) => {\n    return s;\n  },\n  titles: {\n    layerHide: \"Hide layer\",\n    layerShow: \"Show layer\",\n    subLayerHide: \"Hide sublayer\",\n    subLayerShow: \"Show sublayer\",\n  },\n};\n\n/**\n * The LayerTree component renders an interface for toggling layers visibility.\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  static getChildren = (layer) =>\n    layer?.get(\"children\") ||\n    layer?.children ||\n    // ol.layer.group\n    layer?.getLayers?.().getArray() ||\n    [];\n\n  static getVisible = (layer) =>\n    layer.getVisible ? layer.getVisible() : layer.visible;\n\n  static listenGroups = (layers) => {\n    const flat = getLayersAsFlatArray(layers);\n    const keys = flat.map((layer) => {\n      return layer.on(\"change:visible\", (e) => {\n        const { target } = e;\n        if (target.getVisible() && target.get(\"group\")) {\n          flat.forEach((l) => {\n            if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n              l.setVisible(false);\n            }\n          });\n        }\n      });\n    });\n    return keys;\n  };\n\n  static setVisible = (layer, visible) => {\n    if (layer.setVisible) {\n      layer.setVisible(visible);\n      return;\n    }\n    // eslint-disable-next-line no-param-reassign\n    layer.visible = visible;\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { isItemHidden, layers } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              LayerTree.getChildren(l)\n                .filter((child) => {\n                  return LayerTree.getVisible(child);\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n      rootLayer: new Layer({}),\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  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (LayerTree.getVisible(layer) && !isItemHidden(layer)) {\n      const children = LayerTree.getChildren(layer)\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  /**\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 LayerTree.getChildren(l).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  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else {\n      LayerTree.setVisible(layer, !LayerTree.getVisible(layer));\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  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\n  }\n\n  renderArrow(layer) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n\n    if (\n      !LayerTree.getChildren(layer).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  renderInput(layer, inputProps) {\n    const { isItemHidden, renderCheckbox, titles } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !LayerTree.getChildren(layer).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 renderCheckbox ? (\n      renderCheckbox(layer, this, inputProps)\n    ) : (\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        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n        tabIndex={tabIndex}\n        title={\n          LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow\n        }\n      >\n        <input\n          checked={LayerTree.getVisible(layer)}\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n          readOnly\n          tabIndex={-1}\n          type={inputType}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...inputProps}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      getParentClassName,\n      padding,\n      renderAfterItem,\n      renderBeforeItem,\n      renderItem,\n      renderItemContent,\n    } = this.props;\n\n    const children = expandedLayers.includes(layer)\n      ? [\n          ...LayerTree.getChildren(layer).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\n        className={getParentClassName()}\n        key={\n          layer.key || layer.get(\"key\") || layer.get(\"name\") || getUid(layer)\n        }\n      >\n        <div\n          className={`rs-layer-tree-item ${LayerTree.getVisible(layer) ? \"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  renderItemContent(layer, inputProps = {}, toggleProps = {}) {\n    return (\n      <>\n        {this.renderInput(layer, inputProps)}\n        {this.renderToggleButton(layer, toggleProps)}\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, toggleProps) {\n    const { isItemHidden, renderLabel, titles } = this.props;\n    const { expandedLayers } = this.state;\n\n    const onInputClick = () => {\n      this.onInputClick(\n        layer,\n        LayerTree.getChildren(layer).filter((c) => {\n          return !isItemHidden(c);\n        }).length && !layer.get(\"isAlwaysExpanded\"),\n      );\n    };\n    const title = `${renderLabel(layer, this)} ${\n      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow\n    }`;\n\n    return (\n      <div\n        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        className=\"rs-layer-tree-toggle\"\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n        role=\"button\"\n        tabIndex={0}\n        title={title}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...toggleProps}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\n      </div>\n    );\n  }\n\n  renderTree() {\n    const { isItemHidden } = this.props;\n    const { rootLayer } = this.state;\n\n    if (!LayerTree.getChildren(rootLayer).length) {\n      return null;\n    }\n\n    return (\n      <>\n        {LayerTree.getChildren(rootLayer)\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  updateLayers() {\n    const { expandChildren, layers } = 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    const flat = getLayersAsFlatArray(rootLayer);\n    flat.forEach((layer) => {\n      this.olKeys.push(\n        layer.on(\"propertychange\", () => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n\n        // Manage group visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          if (target.getVisible() && target.get(\"group\")) {\n            flat.forEach((l) => {\n              if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n                l.setVisible(false);\n              }\n            });\n          }\n        }),\n\n        // Manage parent/children visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          const parent = target.get(\"parent\");\n          const children = LayerTree.getChildren(target);\n\n          if (target.getVisible()) {\n            // We make the parent visible\n            if (parent) {\n              parent.setVisible(true);\n            }\n\n            // If children doesn't contain any visible layers, we display all children.\n            if (children && !children.some((child) => child.getVisible())) {\n              children.forEach((child) => {\n                child.setVisible(true);\n              });\n            }\n          } else {\n            // We hide all the children\n            children.forEach((child) => {\n              child.setVisible(false);\n            });\n\n            // If the parent has no more visible child we also hide it.\n            if (\n              parent?.getVisible() &&\n              !parent?.get(\"children\").find((child) => child.getVisible())\n            ) {\n              parent.setVisible(false);\n            }\n          }\n        }),\n      );\n    });\n\n    // Set parent property.\n    flat.forEach((layer) => {\n      const children = LayerTree.getChildren(layer);\n      children.forEach((child) => {\n        child.set(\"parent\", layer);\n      });\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === \"function\"\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      const children = LayerTree.getChildren(rootLayer);\n      state.expandedLayers = children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n}\n\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/LayerTree/LayerTree.scss

@@ -1,3 +1,5 @@
+@use "../../themes/default/variables";
+
 .rs-layer-tree {
   width: 100%;
   overflow-y: auto;
@@ -111,7 +113,7 @@
       top: 1px;
       width: 5px;
       height: 10px;
-      border: solid $brand-primary;
+      border: solid variables.$brand-primary;
       border-width: 0 1px 1px 0;
       transform: rotate(45deg);
     }
@@ -123,7 +125,7 @@
       width: 12px;
       height: 12px;
       border-radius: 50%;
-      background: $brand-primary;
+      background: variables.$brand-primary;
     }
 
     label input:checked ~ span::after {

package/components/Permalink/Permalink.js

@@ -1,8 +1,9 @@
-import { getLayersAsFlatArray, Layer } from "mobility-toolbox-js/ol";
+import Layer from "ol/layer/Layer";
 import OLMap from "ol/Map";
 import { unByKey } from "ol/Observable";
 import PropTypes from "prop-types";
 import { PureComponent } from "react";
+import getLayersAsFlatArray from "../../utils/getLayersAsFlatArray";
 const propTypes = {
   /**
    * Maximum number of decimals allowed for coordinates.
@@ -83,14 +84,14 @@ class Permalink extends PureComponent {
       if (urlParams.get("layers")) {
         const visibleLayers = urlParams.get("layers").split(",");
         getLayersAsFlatArray(layers).forEach((l) => {
-          if (visibleLayers.includes(l.key)) {
+          if (visibleLayers.includes(l.key || l.get("key"))) {
             if (l.setVisible) {
               l.setVisible(true);
             } else {
               l.visible = true;
             }
-          } else if (!isBaseLayer(l) && !isLayerHidden(l) && !l.children.some((ll) => {
-            return ll.visible;
+          } else if (!isBaseLayer(l) && !isLayerHidden(l) && !(l.children || l.get("children")).some((ll) => {
+            return ll.getVisible ? ll.getVisible() : ll.visible;
           })) {
             if (l.setVisible) {
               l.setVisible(false);
@@ -105,7 +106,8 @@ class Permalink extends PureComponent {
       )[0];
       if (visibleBaseLayer) {
         getLayersAsFlatArray(layers).filter(isBaseLayer).forEach((baseLayer) => {
-          const visible = baseLayer.key === visibleBaseLayer;
+          const key = baseLayer.key || baseLayer.get("key");
+          const visible = key === visibleBaseLayer;
           if (baseLayer.setVisible) {
             baseLayer.setVisible(visible);
           } else {
@@ -203,37 +205,40 @@ class Permalink extends PureComponent {
     let layersParam;
     if (layers.length) {
       layersParam = getLayersAsFlatArray(layers).filter((l) => {
-        const children = l.children || [];
+        const children = l.get("children") || l.children || [];
         const allChildrenHidden = children.every((child) => {
           return isLayerHidden(child);
         });
         const hasVisibleChildren = children.some((child) => {
-          return child.visible;
+          return child.getVisible ? child.getVisible() : child.visible;
         });
-        return !isBaseLayer(l) && !isLayerHidden(l) && l.visible && (!hasVisibleChildren || allChildrenHidden);
+        const isVisible = l.getVisible ? l.getVisible() : l.visible;
+        return !isBaseLayer(l) && !isLayerHidden(l) && isVisible && (!hasVisibleChildren || allChildrenHidden);
       }).map((l) => {
-        return l.key;
+        return l.key || l.get("key");
       }).join();
     }
     let baseLayersParam;
     const baseLayers = getLayersAsFlatArray(layers).filter(isBaseLayer);
     if (baseLayers.length) {
       const visibleBaseLayers = (baseLayers.filter((l) => {
-        return l.visible;
+        return l.getVisible ? l.getVisible() : l.visible;
       }) || []).reverse();
       const nonVisibleBaseLayers = baseLayers.filter((l) => {
-        return !l.visible;
+        return !(l.getVisible ? l.getVisible() : l.visible);
       }) || [];
       baseLayersParam = [...visibleBaseLayers, ...nonVisibleBaseLayers].sort((a, b) => {
-        if (a.visible === b.visible) {
+        const aVisible = a.getVisible ? a.getVisible() : a.visible;
+        const bVisible = b.getVisible ? b.getVisible() : b.visible;
+        if (aVisible === bVisible) {
           return 0;
         }
-        if (a.visible && !b.visible) {
+        if (aVisible && !bVisible) {
           return -1;
         }
         return 1;
       }).map((l) => {
-        return l.key;
+        return l.key || l.get("key");
       }).join();
     }
     this.setState({

package/components/Permalink/Permalink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Permalink/Permalink.js"],
-  "sourcesContent": ["import { getLayersAsFlatArray, Layer } from \"mobility-toolbox-js/ol\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport { PureComponent } from \"react\";\n\nconst propTypes = {\n  /**\n   * Maximum number of decimals allowed for coordinates.\n   */\n  coordinateDecimals: PropTypes.number,\n\n  /**\n   * Either 'react-router' history object:\n   * https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md<br>\n   * or default fallback as HTML5 History:\n   * https://developer.mozilla.org/en-US/docs/Web/API/History\n   */\n  history: PropTypes.shape({\n    replace: PropTypes.func,\n  }),\n\n  /**\n   * Determine if the layer appears in the baselayers permalink parameter 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 baselayers permalink parameter\n   */\n  isBaseLayer: PropTypes.func,\n\n  /**\n   * Determine if the layer is hidden in the permalink 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 permalink\n   */\n  isLayerHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Params to be written in url.\n   */\n  params: PropTypes.object,\n\n  /**\n   * Custom function to be called when the permalink is updated.\n   * This property has priority over the history parameter and window.history.replaceState calls.\n   */\n  replace: PropTypes.func,\n};\n\nconst defaultProps = {\n  coordinateDecimals: 2,\n  history: null,\n  isBaseLayer: (layer) => {\n    return layer.get(\"isBaseLayer\");\n  },\n  isLayerHidden: () => {\n    return false;\n  },\n  layers: [],\n  map: null,\n  params: {},\n  replace: null,\n};\n\n/**\n * This component handles permalink logic. Injecting an\n * __[ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)__\n * will add the *map center* (x, y) and the *zoom* (z) parameters to the permalink.\n * Injecting layers will add the *baselayers* and/or *layers* parameters. Further parameters can\n * be added using __params__.\n */\nclass Permalink extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = { revision: 0 };\n    this.onPropertyChangeKeys = [];\n  }\n\n  componentDidMount() {\n    const { isBaseLayer, isLayerHidden, layers, map } = this.props;\n    if (map) {\n      this.moveEndRef = map.on(\"moveend\", () => {\n        this.onMapMoved();\n      });\n    }\n\n    if (layers) {\n      // set layer visibility based on 'layers' parameter.\n      const urlParams = new URLSearchParams(window.location.search);\n\n      if (urlParams.get(\"layers\")) {\n        const visibleLayers = urlParams.get(\"layers\").split(\",\");\n        getLayersAsFlatArray(layers).forEach((l) => {\n          if (visibleLayers.includes(l.key)) {\n            if (l.setVisible) {\n              l.setVisible(true);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = true;\n            }\n          } else if (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            !l.children.some((ll) => {\n              return ll.visible;\n            })\n          ) {\n            if (l.setVisible) {\n              l.setVisible(false);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = false;\n            }\n          }\n        });\n      }\n\n      // Set baser layer visibility based on 'baseLayers' parameter.\n      // Show the first of the list then hide the others\n      const visibleBaseLayer = (urlParams.get(\"baselayers\") || \"\").split(\n        \",\",\n      )[0];\n      if (visibleBaseLayer) {\n        getLayersAsFlatArray(layers)\n          .filter(isBaseLayer)\n          .forEach((baseLayer) => {\n            const visible = baseLayer.key === visibleBaseLayer;\n            if (baseLayer.setVisible) {\n              baseLayer.setVisible(visible);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              baseLayer.visible = visible;\n            }\n          });\n      }\n      this.updateLayers();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { layers, map } = this.props;\n    const { revision } = this.state;\n\n    if (layers !== prevProps.layers || revision !== prevState.revision) {\n      this.updateLayers();\n    }\n\n    if (map !== prevProps.map) {\n      unByKey(this.moveEndRef);\n      this.moveEndRef = map.on(\"moveend\", () => {\n        return this.onMapMoved();\n      });\n    }\n\n    this.updateHistory();\n  }\n\n  componentWillUnmount() {\n    const { map } = this.props;\n\n    if (map) {\n      unByKey(this.moveEndRef);\n    }\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = [];\n  }\n\n  onMapMoved() {\n    const { map } = this.props;\n    const mapView = map.getView();\n    const center = mapView.getCenter();\n    const params = {};\n\n    if (\n      center !== undefined &&\n      center[0] !== undefined &&\n      center[1] !== undefined\n    ) {\n      params.x = this.roundCoord(center[0]);\n      params.y = this.roundCoord(center[1]);\n    }\n\n    this.setState({\n      ...params,\n      // rounds zoom to two digits max.\n      z: +`${Math.round(`${parseFloat(mapView.getZoom())}e+2`)}e-2`,\n    });\n  }\n\n  render() {\n    return null;\n  }\n\n  roundCoord(val) {\n    const { coordinateDecimals } = this.props;\n    return parseFloat(val.toFixed(coordinateDecimals));\n  }\n\n  updateHistory() {\n    const { history, params, replace } = this.props;\n    const oldParams = new URLSearchParams(window.location.search);\n    const parameters = {\n      ...Object.fromEntries(oldParams.entries()),\n      ...this.state,\n      ...params,\n    };\n\n    delete parameters.revision;\n\n    // Remove parameters that are undefined or null\n    Object.entries(parameters).forEach(([key, value]) => {\n      if (value === undefined || value === null) {\n        delete parameters[key];\n      }\n    });\n\n    // We don't encode the , to leave the permalink lisible\n    const qStr = new URLSearchParams(parameters)\n      .toString()\n      .replace(/%2C/g, \",\");\n    const search = qStr ? `?${qStr}` : \"\";\n\n    if (\n      (!qStr && window.location.search) ||\n      (qStr && search !== window.location.search)\n    ) {\n      if (replace) {\n        replace({ parameters, search });\n      } else if (history) {\n        history.replace({ search });\n      } else {\n        const { hash } = window.location;\n        window.history.replaceState(\n          undefined,\n          undefined,\n          `${search}${hash || \"\"}`,\n        );\n      }\n    }\n  }\n\n  updateLayers() {\n    const { isBaseLayer, isLayerHidden, layers } = this.props;\n    const { revision } = this.state;\n\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = getLayersAsFlatArray(layers).map((layer) => {\n      return layer.on(\"change:visible\", () => {\n        this.setState({ revision: revision + 1 });\n      });\n    });\n\n    // layers param\n    let layersParam;\n    if (layers.length) {\n      layersParam = getLayersAsFlatArray(layers)\n        .filter((l) => {\n          const children = l.children || [];\n          const allChildrenHidden = children.every((child) => {\n            return isLayerHidden(child);\n          });\n          const hasVisibleChildren = children.some((child) => {\n            return child.visible;\n          });\n          return (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            l.visible &&\n            (!hasVisibleChildren || allChildrenHidden)\n          );\n        })\n        .map((l) => {\n          return l.key;\n        })\n        .join();\n    }\n\n    // baselayers param\n    let baseLayersParam;\n    const baseLayers = getLayersAsFlatArray(layers).filter(isBaseLayer);\n    if (baseLayers.length) {\n      // First baselayers in order of visibility, top layer is first\n      const visibleBaseLayers = (\n        baseLayers.filter((l) => {\n          return l.visible;\n        }) || []\n      ).reverse();\n      const nonVisibleBaseLayers =\n        baseLayers.filter((l) => {\n          return !l.visible;\n        }) || [];\n      baseLayersParam = [...visibleBaseLayers, ...nonVisibleBaseLayers]\n        .sort((a, b) => {\n          if (a.visible === b.visible) {\n            return 0;\n          }\n          if (a.visible && !b.visible) {\n            return -1;\n          }\n          return 1;\n        })\n        .map((l) => {\n          return l.key;\n        })\n        .join();\n    }\n\n    // Only add parameters if there is actually some layers added.\n    this.setState({\n      baselayers: baseLayersParam,\n      layers: layersParam,\n    });\n  }\n}\n\nPermalink.propTypes = propTypes;\nPermalink.defaultProps = defaultProps;\n\nexport default Permalink;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport { PureComponent } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * Maximum number of decimals allowed for coordinates.\n   */\n  coordinateDecimals: PropTypes.number,\n\n  /**\n   * Either 'react-router' history object:\n   * https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md<br>\n   * or default fallback as HTML5 History:\n   * https://developer.mozilla.org/en-US/docs/Web/API/History\n   */\n  history: PropTypes.shape({\n    replace: PropTypes.func,\n  }),\n\n  /**\n   * Determine if the layer appears in the baselayers permalink parameter 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 baselayers permalink parameter\n   */\n  isBaseLayer: PropTypes.func,\n\n  /**\n   * Determine if the layer is hidden in the permalink 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 permalink\n   */\n  isLayerHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Params to be written in url.\n   */\n  params: PropTypes.object,\n\n  /**\n   * Custom function to be called when the permalink is updated.\n   * This property has priority over the history parameter and window.history.replaceState calls.\n   */\n  replace: PropTypes.func,\n};\n\nconst defaultProps = {\n  coordinateDecimals: 2,\n  history: null,\n  isBaseLayer: (layer) => {\n    return layer.get(\"isBaseLayer\");\n  },\n  isLayerHidden: () => {\n    return false;\n  },\n  layers: [],\n  map: null,\n  params: {},\n  replace: null,\n};\n\n/**\n * This component handles permalink logic. Injecting an\n * __[ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)__\n * will add the *map center* (x, y) and the *zoom* (z) parameters to the permalink.\n * Injecting layers will add the *baselayers* and/or *layers* parameters. Further parameters can\n * be added using __params__.\n */\nclass Permalink extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = { revision: 0 };\n    this.onPropertyChangeKeys = [];\n  }\n\n  componentDidMount() {\n    const { isBaseLayer, isLayerHidden, layers, map } = this.props;\n    if (map) {\n      this.moveEndRef = map.on(\"moveend\", () => {\n        this.onMapMoved();\n      });\n    }\n\n    if (layers) {\n      // set layer visibility based on 'layers' parameter.\n      const urlParams = new URLSearchParams(window.location.search);\n\n      if (urlParams.get(\"layers\")) {\n        const visibleLayers = urlParams.get(\"layers\").split(\",\");\n        getLayersAsFlatArray(layers).forEach((l) => {\n          if (visibleLayers.includes(l.key || l.get(\"key\"))) {\n            if (l.setVisible) {\n              l.setVisible(true);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = true;\n            }\n          } else if (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            !(l.children || l.get(\"children\")).some((ll) => {\n              return ll.getVisible ? ll.getVisible() : ll.visible;\n            })\n          ) {\n            if (l.setVisible) {\n              l.setVisible(false);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = false;\n            }\n          }\n        });\n      }\n\n      // Set baser layer visibility based on 'baseLayers' parameter.\n      // Show the first of the list then hide the others\n      const visibleBaseLayer = (urlParams.get(\"baselayers\") || \"\").split(\n        \",\",\n      )[0];\n      if (visibleBaseLayer) {\n        getLayersAsFlatArray(layers)\n          .filter(isBaseLayer)\n          .forEach((baseLayer) => {\n            const key = baseLayer.key || baseLayer.get(\"key\");\n            const visible = key === visibleBaseLayer;\n            if (baseLayer.setVisible) {\n              baseLayer.setVisible(visible);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              baseLayer.visible = visible;\n            }\n          });\n      }\n      this.updateLayers();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { layers, map } = this.props;\n    const { revision } = this.state;\n\n    if (layers !== prevProps.layers || revision !== prevState.revision) {\n      this.updateLayers();\n    }\n\n    if (map !== prevProps.map) {\n      unByKey(this.moveEndRef);\n      this.moveEndRef = map.on(\"moveend\", () => {\n        return this.onMapMoved();\n      });\n    }\n\n    this.updateHistory();\n  }\n\n  componentWillUnmount() {\n    const { map } = this.props;\n\n    if (map) {\n      unByKey(this.moveEndRef);\n    }\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = [];\n  }\n\n  onMapMoved() {\n    const { map } = this.props;\n    const mapView = map.getView();\n    const center = mapView.getCenter();\n    const params = {};\n\n    if (\n      center !== undefined &&\n      center[0] !== undefined &&\n      center[1] !== undefined\n    ) {\n      params.x = this.roundCoord(center[0]);\n      params.y = this.roundCoord(center[1]);\n    }\n\n    this.setState({\n      ...params,\n      // rounds zoom to two digits max.\n      z: +`${Math.round(`${parseFloat(mapView.getZoom())}e+2`)}e-2`,\n    });\n  }\n\n  render() {\n    return null;\n  }\n\n  roundCoord(val) {\n    const { coordinateDecimals } = this.props;\n    return parseFloat(val.toFixed(coordinateDecimals));\n  }\n\n  updateHistory() {\n    const { history, params, replace } = this.props;\n    const oldParams = new URLSearchParams(window.location.search);\n    const parameters = {\n      ...Object.fromEntries(oldParams.entries()),\n      ...this.state,\n      ...params,\n    };\n\n    delete parameters.revision;\n\n    // Remove parameters that are undefined or null\n    Object.entries(parameters).forEach(([key, value]) => {\n      if (value === undefined || value === null) {\n        delete parameters[key];\n      }\n    });\n\n    // We don't encode the , to leave the permalink lisible\n    const qStr = new URLSearchParams(parameters)\n      .toString()\n      .replace(/%2C/g, \",\");\n    const search = qStr ? `?${qStr}` : \"\";\n\n    if (\n      (!qStr && window.location.search) ||\n      (qStr && search !== window.location.search)\n    ) {\n      if (replace) {\n        replace({ parameters, search });\n      } else if (history) {\n        history.replace({ search });\n      } else {\n        const { hash } = window.location;\n        window.history.replaceState(\n          undefined,\n          undefined,\n          `${search}${hash || \"\"}`,\n        );\n      }\n    }\n  }\n\n  updateLayers() {\n    const { isBaseLayer, isLayerHidden, layers } = this.props;\n    const { revision } = this.state;\n\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = getLayersAsFlatArray(layers).map((layer) => {\n      return layer.on(\"change:visible\", () => {\n        this.setState({ revision: revision + 1 });\n      });\n    });\n\n    // layers param\n    let layersParam;\n    if (layers.length) {\n      layersParam = getLayersAsFlatArray(layers)\n        .filter((l) => {\n          const children = l.get(\"children\") || l.children || [];\n          const allChildrenHidden = children.every((child) => {\n            return isLayerHidden(child);\n          });\n          const hasVisibleChildren = children.some((child) => {\n            return child.getVisible ? child.getVisible() : child.visible;\n          });\n          const isVisible = l.getVisible ? l.getVisible() : l.visible;\n          return (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            isVisible &&\n            (!hasVisibleChildren || allChildrenHidden)\n          );\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // baselayers param\n    let baseLayersParam;\n    const baseLayers = getLayersAsFlatArray(layers).filter(isBaseLayer);\n    if (baseLayers.length) {\n      // First baselayers in order of visibility, top layer is first\n      const visibleBaseLayers = (\n        baseLayers.filter((l) => {\n          return l.getVisible ? l.getVisible() : l.visible;\n        }) || []\n      ).reverse();\n      const nonVisibleBaseLayers =\n        baseLayers.filter((l) => {\n          return !(l.getVisible ? l.getVisible() : l.visible);\n        }) || [];\n      baseLayersParam = [...visibleBaseLayers, ...nonVisibleBaseLayers]\n        .sort((a, b) => {\n          const aVisible = a.getVisible ? a.getVisible() : a.visible;\n          const bVisible = b.getVisible ? b.getVisible() : b.visible;\n          if (aVisible === bVisible) {\n            return 0;\n          }\n          if (aVisible && !bVisible) {\n            return -1;\n          }\n          return 1;\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // Only add parameters if there is actually some layers added.\n    this.setState({\n      baselayers: baseLayersParam,\n      layers: layersParam,\n    });\n  }\n}\n\nPermalink.propTypes = propTypes;\nPermalink.defaultProps = defaultProps;\n\nexport default Permalink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,OAAO,eAAe;AACtB,SAAS,qBAAqB;AAE9B,OAAO,0BAA0B;AAEjC,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,oBAAoB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ9B,SAAS,UAAU,MAAM;AAAA,IACvB,SAAS,UAAU;AAAA,EACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASvB,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA,EAKzB,QAAQ,UAAU,QAAQ,UAAU,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAKrD,KAAK,UAAU,WAAW,KAAK;AAAA;AAAA;AAAA;AAAA,EAK/B,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,aAAa,CAAC,UAAU;AACtB,WAAO,MAAM,IAAI,aAAa;AAAA,EAChC;AAAA,EACA,eAAe,MAAM;AACnB,WAAO;AAAA,EACT;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,KAAK;AAAA,EACL,QAAQ,CAAC;AAAA,EACT,SAAS;AACX;AASA,MAAM,kBAAkB,cAAc;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,UAAU,EAAE;AAC3B,SAAK,uBAAuB,CAAC;AAAA,EAC/B;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,aAAa,eAAe,QAAQ,IAAI,IAAI,KAAK;AACzD,QAAI,KAAK;AACP,WAAK,aAAa,IAAI,GAAG,WAAW,MAAM;AACxC,aAAK,WAAW;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ;AAEV,YAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAE5D,UAAI,UAAU,IAAI,QAAQ,GAAG;AAC3B,cAAM,gBAAgB,UAAU,IAAI,QAAQ,EAAE,MAAM,GAAG;AACvD,6BAAqB,MAAM,EAAE,QAAQ,CAAC,MAAM;AAC1C,cAAI,cAAc,SAAS,EAAE,OAAO,EAAE,IAAI,KAAK,CAAC,GAAG;AACjD,gBAAI,EAAE,YAAY;AAChB,gBAAE,WAAW,IAAI;AAAA,YACnB,OAAO;AAEL,gBAAE,UAAU;AAAA,YACd;AAAA,UACF,WACE,CAAC,YAAY,CAAC,KACd,CAAC,cAAc,CAAC,KAChB,EAAE,EAAE,YAAY,EAAE,IAAI,UAAU,GAAG,KAAK,CAAC,OAAO;AAC9C,mBAAO,GAAG,aAAa,GAAG,WAAW,IAAI,GAAG;AAAA,UAC9C,CAAC,GACD;AACA,gBAAI,EAAE,YAAY;AAChB,gBAAE,WAAW,KAAK;AAAA,YACpB,OAAO;AAEL,gBAAE,UAAU;AAAA,YACd;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAIA,YAAM,oBAAoB,UAAU,IAAI,YAAY,KAAK,IAAI;AAAA,QAC3D;AAAA,MACF,EAAE,CAAC;AACH,UAAI,kBAAkB;AACpB,6BAAqB,MAAM,EACxB,OAAO,WAAW,EAClB,QAAQ,CAAC,cAAc;AACtB,gBAAM,MAAM,UAAU,OAAO,UAAU,IAAI,KAAK;AAChD,gBAAM,UAAU,QAAQ;AACxB,cAAI,UAAU,YAAY;AACxB,sBAAU,WAAW,OAAO;AAAA,UAC9B,OAAO;AAEL,sBAAU,UAAU;AAAA,UACtB;AAAA,QACF,CAAC;AAAA,MACL;AACA,WAAK,aAAa;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,mBAAmB,WAAW,WAAW;AACvC,UAAM,EAAE,QAAQ,IAAI,IAAI,KAAK;AAC7B,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,QAAI,WAAW,UAAU,UAAU,aAAa,UAAU,UAAU;AAClE,WAAK,aAAa;AAAA,IACpB;AAEA,QAAI,QAAQ,UAAU,KAAK;AACzB,cAAQ,KAAK,UAAU;AACvB,WAAK,aAAa,IAAI,GAAG,WAAW,MAAM;AACxC,eAAO,KAAK,WAAW;AAAA,MACzB,CAAC;AAAA,IACH;AAEA,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,uBAAuB;AACrB,UAAM,EAAE,IAAI,IAAI,KAAK;AAErB,QAAI,KAAK;AACP,cAAQ,KAAK,UAAU;AAAA,IACzB;AACA,YAAQ,KAAK,oBAAoB;AACjC,SAAK,uBAAuB,CAAC;AAAA,EAC/B;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,IAAI,IAAI,KAAK;AACrB,UAAM,UAAU,IAAI,QAAQ;AAC5B,UAAM,SAAS,QAAQ,UAAU;AACjC,UAAM,SAAS,CAAC;AAEhB,QACE,WAAW,UACX,OAAO,CAAC,MAAM,UACd,OAAO,CAAC,MAAM,QACd;AACA,aAAO,IAAI,KAAK,WAAW,OAAO,CAAC,CAAC;AACpC,aAAO,IAAI,KAAK,WAAW,OAAO,CAAC,CAAC;AAAA,IACtC;AAEA,SAAK,SAAS;AAAA,MACZ,GAAG;AAAA;AAAA,MAEH,GAAG,CAAC,GAAG,KAAK,MAAM,GAAG,WAAW,QAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC;AAAA,IAC1D,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AAAA,EAEA,WAAW,KAAK;AACd,UAAM,EAAE,mBAAmB,IAAI,KAAK;AACpC,WAAO,WAAW,IAAI,QAAQ,kBAAkB,CAAC;AAAA,EACnD;AAAA,EAEA,gBAAgB;AACd,UAAM,EAAE,SAAS,QAAQ,QAAQ,IAAI,KAAK;AAC1C,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,aAAa;AAAA,MACjB,GAAG,OAAO,YAAY,UAAU,QAAQ,CAAC;AAAA,MACzC,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL;AAEA,WAAO,WAAW;AAGlB,WAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACnD,UAAI,UAAU,UAAa,UAAU,MAAM;AACzC,eAAO,WAAW,GAAG;AAAA,MACvB;AAAA,IACF,CAAC;AAGD,UAAM,OAAO,IAAI,gBAAgB,UAAU,EACxC,SAAS,EACT,QAAQ,QAAQ,GAAG;AACtB,UAAM,SAAS,OAAO,IAAI,IAAI,KAAK;AAEnC,QACG,CAAC,QAAQ,OAAO,SAAS,UACzB,QAAQ,WAAW,OAAO,SAAS,QACpC;AACA,UAAI,SAAS;AACX,gBAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MAChC,WAAW,SAAS;AAClB,gBAAQ,QAAQ,EAAE,OAAO,CAAC;AAAA,MAC5B,OAAO;AACL,cAAM,EAAE,KAAK,IAAI,OAAO;AACxB,eAAO,QAAQ;AAAA,UACb;AAAA,UACA;AAAA,UACA,GAAG,MAAM,GAAG,QAAQ,EAAE;AAAA,QACxB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,aAAa,eAAe,OAAO,IAAI,KAAK;AACpD,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,YAAQ,KAAK,oBAAoB;AACjC,SAAK,uBAAuB,qBAAqB,MAAM,EAAE,IAAI,CAAC,UAAU;AACtE,aAAO,MAAM,GAAG,kBAAkB,MAAM;AACtC,aAAK,SAAS,EAAE,UAAU,WAAW,EAAE,CAAC;AAAA,MAC1C,CAAC;AAAA,IACH,CAAC;AAGD,QAAI;AACJ,QAAI,OAAO,QAAQ;AACjB,oBAAc,qBAAqB,MAAM,EACtC,OAAO,CAAC,MAAM;AACb,cAAM,WAAW,EAAE,IAAI,UAAU,KAAK,EAAE,YAAY,CAAC;AACrD,cAAM,oBAAoB,SAAS,MAAM,CAAC,UAAU;AAClD,iBAAO,cAAc,KAAK;AAAA,QAC5B,CAAC;AACD,cAAM,qBAAqB,SAAS,KAAK,CAAC,UAAU;AAClD,iBAAO,MAAM,aAAa,MAAM,WAAW,IAAI,MAAM;AAAA,QACvD,CAAC;AACD,cAAM,YAAY,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;AACpD,eACE,CAAC,YAAY,CAAC,KACd,CAAC,cAAc,CAAC,KAChB,cACC,CAAC,sBAAsB;AAAA,MAE5B,CAAC,EACA,IAAI,CAAC,MAAM;AACV,eAAO,EAAE,OAAO,EAAE,IAAI,KAAK;AAAA,MAC7B,CAAC,EACA,KAAK;AAAA,IACV;AAGA,QAAI;AACJ,UAAM,aAAa,qBAAqB,MAAM,EAAE,OAAO,WAAW;AAClE,QAAI,WAAW,QAAQ;AAErB,YAAM,qBACJ,WAAW,OAAO,CAAC,MAAM;AACvB,eAAO,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;AAAA,MAC3C,CAAC,KAAK,CAAC,GACP,QAAQ;AACV,YAAM,uBACJ,WAAW,OAAO,CAAC,MAAM;AACvB,eAAO,EAAE,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;AAAA,MAC7C,CAAC,KAAK,CAAC;AACT,wBAAkB,CAAC,GAAG,mBAAmB,GAAG,oBAAoB,EAC7D,KAAK,CAAC,GAAG,MAAM;AACd,cAAM,WAAW,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;AACnD,cAAM,WAAW,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE;AACnD,YAAI,aAAa,UAAU;AACzB,iBAAO;AAAA,QACT;AACA,YAAI,YAAY,CAAC,UAAU;AACzB,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC,EACA,IAAI,CAAC,MAAM;AACV,eAAO,EAAE,OAAO,EAAE,IAAI,KAAK;AAAA,MAC7B,CAAC,EACA,KAAK;AAAA,IACV;AAGA,SAAK,SAAS;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AACF;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe;",
   "names": []
 }

package/components/Popup/Popup.scss

@@ -1,10 +1,12 @@
+@use "../../themes/default/variables";
+
 .rs-popup {
   position: absolute;
 
   .rs-popup-container {
     position: absolute;
     background-color: white;
-    filter: drop-shadow($box-shadow);
+    filter: drop-shadow(variables.$box-shadow);
     bottom: 12px;
     left: -50px;
     min-width: 220px;

package/components/RouteSchedule/RouteSchedule.md.scss

@@ -1,5 +1,7 @@
+@use "../../themes/default/variables";
+
 .rt-route-schedule-example {
-  font-family: $font-family;
+  font-family: variables.$font-family;
   position: relative;
   display: flex;