react-spatial 1.12.0 → 1.12.1

package/components/LayerTree/LayerTree.js

@@ -1,20 +1,22 @@
-import React, { Component } from "react";
-import PropTypes from "prop-types";
-import { Layer, getLayersAsFlatArray } from "mobility-toolbox-js/ol";
+import { getLayersAsFlatArray, Layer } from "mobility-toolbox-js/ol";
 import { unByKey } from "ol/Observable";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 const propTypes = {
-  /**
-   * Layers provider.
-   */
-  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),
   /**
    * CSS class to apply on the container.
    */
   className: PropTypes.string,
   /**
-   * Padding left to apply on each level.
+   * Boolean determining whether children collapse/expand when their parent is toggled
+   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.
+   * @return {boolean} True or false
    */
-  padding: PropTypes.number,
+  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  /**
+   * Determine the className used by the div containing the parent and its children.
+   */
+  getParentClassName: PropTypes.func,
   /**
    * Determine if the item is hidden in the tree or not.
    *
@@ -24,44 +26,52 @@ const propTypes = {
    */
   isItemHidden: PropTypes.func,
   /**
-   * Determine the className used by the div containing the parent and its children.
+   * Layers provider.
    */
-  getParentClassName: PropTypes.func,
+  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),
   /**
-   * Custom function to render an item in the tree.
+   * Padding left to apply on each level.
+   */
+  padding: PropTypes.number,
+  /**
+   * Custom function to render custom content after the list of children of an item.
    *
    * @param {object} item The item to render.
    *
    * @return {node} A jsx node.
    */
-  renderItem: PropTypes.func,
+  renderAfterItem: PropTypes.func,
   /**
-   * Custom function to render only the content of an item in the tree.
-   * inputProps und toggleProps can be used when calling the default renderItemContent function
-   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props
+   * Custom function to render custom content before the list of children of an item.
    *
-   * @param {Layer} layer The layer the item content is created for
-   * @param {LayerTree} comp The LayerTree component.
+   * @param {object} item The item to render.
    *
    * @return {node} A jsx node.
    */
-  renderItemContent: PropTypes.func,
+  renderBeforeItem: PropTypes.func,
   /**
-   * Custom function to render custom content before the list of children of an item.
+   * Custom function to render the checkbox.
+   */
+  renderCheckbox: PropTypes.func,
+  /**
+   * Custom function to render an item in the tree.
    *
    * @param {object} item The item to render.
    *
    * @return {node} A jsx node.
    */
-  renderBeforeItem: PropTypes.func,
+  renderItem: PropTypes.func,
   /**
-   * Custom function to render custom content after the list of children of an item.
+   * Custom function to render only the content of an item in the tree.
+   * inputProps und toggleProps can be used when calling the default renderItemContent function
+   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props
    *
-   * @param {object} item The item to render.
+   * @param {Layer} layer The layer the item content is created for
+   * @param {LayerTree} comp The LayerTree component.
    *
    * @return {node} A jsx node.
    */
-  renderAfterItem: PropTypes.func,
+  renderItemContent: PropTypes.func,
   /**
    * Custom function to render the label.
    *
@@ -72,76 +82,66 @@ const propTypes = {
    */
   renderLabel: PropTypes.func,
   /**
-   * Custom function to render the checkbox.
+   * Translation function.
+   * @param {function} Translation function returning the translated string.
    */
-  renderCheckbox: PropTypes.func,
+  t: PropTypes.func,
   /**
    * Object holding title for the layer tree's buttons.
    */
   titles: PropTypes.shape({
-    /**
-     * aria-label on checkbox to show layer.
-     */
-    layerShow: PropTypes.string,
     /**
      * aria-label on checkbox to hide layer.
      */
     layerHide: PropTypes.string,
+    /**
+     * aria-label on checkbox to show layer.
+     */
+    layerShow: PropTypes.string,
     /**
      * title on button to show sublayers.
      */
-    subLayerShow: PropTypes.string,
+    subLayerHide: PropTypes.string,
     /**
      * title on button to show sublayers.
      */
-    subLayerHide: PropTypes.string
-  }),
-  /**
-   * Boolean determining whether children collapse/expand when their parent is toggled
-   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.
-   * @return {boolean} True or false
-   */
-  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
-  /**
-   * Translation function.
-   * @param {function} Translation function returning the translated string.
-   */
-  t: PropTypes.func
+    subLayerShow: PropTypes.string
+  })
 };
 const defaultProps = {
-  layers: [],
   className: "rs-layer-tree",
-  padding: 30,
-  isItemHidden: () => {
-    return false;
-  },
+  expandChildren: false,
   getParentClassName: () => {
     return void 0;
   },
-  renderItem: null,
-  renderItemContent: null,
-  renderBeforeItem: null,
+  isItemHidden: () => {
+    return false;
+  },
+  layers: [],
+  padding: 30,
   renderAfterItem: null,
+  renderBeforeItem: null,
   renderCheckbox: null,
+  renderItem: null,
+  renderItemContent: null,
   renderLabel: (layer, layerComp) => {
     const { t } = layerComp.props;
     return t(layer.name);
   },
-  titles: {
-    layerShow: "Show layer",
-    layerHide: "Hide layer",
-    subLayerShow: "Show sublayer",
-    subLayerHide: "Hide sublayer"
-  },
   t: (s) => {
     return s;
   },
-  expandChildren: false
+  titles: {
+    layerHide: "Hide layer",
+    layerShow: "Show layer",
+    subLayerHide: "Hide sublayer",
+    subLayerShow: "Show sublayer"
+  }
 };
 class LayerTree extends Component {
   constructor(props) {
     super(props);
-    const { layers, isItemHidden } = this.props;
+    const { isItemHidden, layers } = this.props;
     const initialExpandedLayers = layers ? this.getExpandedLayers(
       layers.filter((l) => {
         return !isItemHidden(l) && (l.children || []).filter((child) => {
@@ -152,9 +152,9 @@ class LayerTree extends Component {
       })
     ) : [];
     this.state = {
-      rootLayer: new Layer(),
       expandedLayers: initialExpandedLayers,
-      revision: 0
+      revision: 0,
+      rootLayer: new Layer()
     };
     this.olKeys = [];
   }
@@ -171,24 +171,17 @@ class LayerTree extends Component {
     unByKey(this.olKeys);
     this.olKeys = [];
   }
-  onInputClick(layer, toggle = false) {
-    if (toggle) {
-      this.onToggle(layer);
-    } else if (layer.setVisible) {
-      layer.setVisible(!layer.visible);
-    } else {
-      layer.visible = !layer.visible;
-    }
-  }
-  onToggle(layer) {
-    const { expandedLayers } = this.state;
-    const pos = expandedLayers.indexOf(layer);
-    if (pos > -1) {
-      expandedLayers.splice(pos, 1);
-    } else {
-      expandedLayers.push(...this.getExpandedLayers([layer]));
+  expandLayer(layer, expLayers = []) {
+    const { isItemHidden } = this.props;
+    if (layer.visible && !isItemHidden(layer)) {
+      const children = layer.children.filter((c) => {
+        return !isItemHidden(c) && !c.get("isAlwaysExpanded");
+      }).flatMap((c) => {
+        return this.expandLayer(c, expLayers);
+      });
+      return [...expLayers, ...children, layer];
     }
-    this.setState({ expandedLayers });
+    return expLayers;
   }
   /**
    * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers
@@ -209,47 +202,46 @@ class LayerTree extends Component {
     }
     return [...layers, this.getExpandedLayers(children)].flat();
   }
-  updateLayers() {
-    const { layers, expandChildren } = this.props;
-    let rootLayer = new Layer();
-    if (Array.isArray(layers)) {
-      if (layers.length === 1) {
-        [rootLayer] = layers;
-      }
-      rootLayer = new Layer({ children: layers });
+  onInputClick(layer, toggle = false) {
+    if (toggle) {
+      this.onToggle(layer);
+    } else if (layer.setVisible) {
+      layer.setVisible(!layer.visible);
     } else {
-      rootLayer = layers;
+      layer.visible = !layer.visible;
     }
-    getLayersAsFlatArray(rootLayer).forEach((layer) => {
-      this.olKeys.push(
-        layer.on("propertychange", () => {
-          const { revision } = this.state;
-          this.setState({ revision: revision + 1 });
-        })
-      );
-    });
-    const state = { rootLayer };
-    if (typeof expandChildren === "function" ? expandChildren(layers) : expandChildren) {
-      state.expandedLayers = rootLayer.children.flatMap((l) => {
-        return this.expandLayer(l);
-      });
+  }
+  onToggle(layer) {
+    const { expandedLayers } = this.state;
+    const pos = expandedLayers.indexOf(layer);
+    if (pos > -1) {
+      expandedLayers.splice(pos, 1);
+    } else {
+      expandedLayers.push(...this.getExpandedLayers([layer]));
     }
-    this.setState(state);
+    this.setState({ expandedLayers });
   }
-  expandLayer(layer, expLayers = []) {
+  render() {
+    const { className } = this.props;
+    return /* @__PURE__ */ React.createElement("div", { className }, this.renderTree());
+  }
+  renderArrow(layer) {
     const { isItemHidden } = this.props;
-    if (layer.visible && !isItemHidden(layer)) {
-      const children = layer.children.filter((c) => {
-        return !isItemHidden(c) && !c.get("isAlwaysExpanded");
-      }).flatMap((c) => {
-        return this.expandLayer(c, expLayers);
-      });
-      return [...expLayers, ...children, layer];
+    const { expandedLayers } = this.state;
+    if (!(layer.children || []).filter((c) => {
+      return !isItemHidden(c);
+    }).length || layer.get("isAlwaysExpanded")) {
+      return null;
     }
-    return expLayers;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `rs-layer-tree-arrow rs-layer-tree-arrow-${!expandedLayers.includes(layer) ? "collapsed" : "expanded"}`
+      }
+    );
   }
   renderInput(layer, inputProps) {
-    const { titles, isItemHidden, renderCheckbox } = this.props;
+    const { isItemHidden, renderCheckbox, titles } = this.props;
     let tabIndex = 0;
     if (!(layer.children || []).filter((c) => {
       return !isItemHidden(c);
@@ -262,26 +254,26 @@ class LayerTree extends Component {
       /* @__PURE__ */ React.createElement(
         "label",
         {
-          className: `rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`,
-          tabIndex,
-          title: layer.visible ? titles.layerHide : titles.layerShow,
           "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) {
               this.onInputClick(layer);
             }
-          }
+          },
+          tabIndex,
+          title: layer.visible ? titles.layerHide : titles.layerShow
         },
         /* @__PURE__ */ React.createElement(
           "input",
           {
-            type: inputType,
-            tabIndex: -1,
             checked: layer.visible,
-            readOnly: true,
             onClick: () => {
               return this.onInputClick(layer);
             },
+            readOnly: true,
+            tabIndex: -1,
+            type: inputType,
             ...inputProps
           }
         ),
@@ -289,25 +281,45 @@ class LayerTree extends Component {
       )
     );
   }
-  renderArrow(layer) {
+  // Render a button which expands/collapse the layer if there is children
+  renderItem(layer, level) {
     const { isItemHidden } = this.props;
     const { expandedLayers } = this.state;
-    if (!(layer.children || []).filter((c) => {
-      return !isItemHidden(c);
-    }).length || layer.get("isAlwaysExpanded")) {
-      return null;
+    const {
+      getParentClassName,
+      padding,
+      renderAfterItem,
+      renderBeforeItem,
+      renderItem,
+      renderItemContent
+    } = this.props;
+    const children = expandedLayers.includes(layer) ? [
+      ...(layer.children || []).filter((c) => {
+        return !isItemHidden(c);
+      })
+    ] : [];
+    if (renderItem) {
+      return renderItem(layer, this.onInputClick, this.onToggle);
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: getParentClassName(), key: layer.key }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `rs-layer-tree-arrow rs-layer-tree-arrow-${!expandedLayers.includes(layer) ? "collapsed" : "expanded"}`
-      }
-    );
+        className: `rs-layer-tree-item ${layer.visible ? "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 { t, titles, isItemHidden, renderLabel } = this.props;
+    const { isItemHidden, renderLabel, t, titles } = this.props;
     const { expandedLayers } = this.state;
     const onInputClick = () => {
       this.onInputClick(
@@ -321,55 +333,20 @@ class LayerTree extends Component {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        role: "button",
-        tabIndex: 0,
-        className: "rs-layer-tree-toggle",
-        title,
         "aria-expanded": expandedLayers.includes(layer),
         "aria-label": title,
+        className: "rs-layer-tree-toggle",
         onClick: onInputClick,
         onKeyPress: onInputClick,
+        role: "button",
+        tabIndex: 0,
+        title,
         ...toggleProps
       },
       /* @__PURE__ */ React.createElement("div", null, renderLabel(layer, this)),
       this.renderArrow(layer)
     );
   }
-  renderItemContent(layer, inputProps = {}, toggleProps = {}) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, this.renderInput(layer, inputProps), this.renderToggleButton(layer, toggleProps));
-  }
-  renderItem(layer, level) {
-    const { isItemHidden } = this.props;
-    const { expandedLayers } = this.state;
-    const {
-      renderItem,
-      renderItemContent,
-      renderBeforeItem,
-      renderAfterItem,
-      padding,
-      getParentClassName
-    } = this.props;
-    const children = expandedLayers.includes(layer) ? [
-      ...(layer.children || []).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(
-      "div",
-      {
-        className: `rs-layer-tree-item ${layer.visible ? "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));
-  }
   renderTree() {
     const { isItemHidden } = this.props;
     const { rootLayer } = this.state;
@@ -382,9 +359,32 @@ class LayerTree extends Component {
       return this.renderItem(l, 0);
     }));
   }
-  render() {
-    const { className } = this.props;
-    return /* @__PURE__ */ React.createElement("div", { className }, this.renderTree());
+  updateLayers() {
+    const { expandChildren, layers } = this.props;
+    let rootLayer = new Layer();
+    if (Array.isArray(layers)) {
+      if (layers.length === 1) {
+        [rootLayer] = layers;
+      }
+      rootLayer = new Layer({ children: layers });
+    } else {
+      rootLayer = layers;
+    }
+    getLayersAsFlatArray(rootLayer).forEach((layer) => {
+      this.olKeys.push(
+        layer.on("propertychange", () => {
+          const { revision } = this.state;
+          this.setState({ revision: revision + 1 });
+        })
+      );
+    });
+    const state = { rootLayer };
+    if (typeof expandChildren === "function" ? expandChildren(layers) : expandChildren) {
+      state.expandedLayers = rootLayer.children.flatMap((l) => {
+        return this.expandLayer(l);
+      });
+    }
+    this.setState(state);
   }
 }
 LayerTree.propTypes = propTypes;

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(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   * 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 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   * Custom function to render the checkbox.\n   */\n  renderCheckbox: 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  renderCheckbox: 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, inputProps) {\n    const { titles, isItemHidden, renderCheckbox } = 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        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          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...inputProps}\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, toggleProps) {\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        // 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  renderItemContent(layer, inputProps = {}, toggleProps = {}) {\n    return (\n      <>\n        {this.renderInput(layer, inputProps)}\n        {this.renderToggleButton(layer, toggleProps)}\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": "AAAA,OAAO,SAAS,iBAAiB;AACjC,OAAO,eAAe;AACtB,SAAS,OAAO,4BAA4B;AAC5C,SAAS,eAAe;AAExB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,QAAQ,UAAU,QAAQ,UAAU,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAKrD,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,EAKxB,oBAAoB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9B,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYtB,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS7B,kBAAkB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5B,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3B,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAKvB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK1B,QAAQ,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,IAItB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,IAIrB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,IAIrB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,IAIxB,cAAc,UAAU;AAAA,EAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpE,GAAG,UAAU;AACf;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc,MAAM;AAClB,WAAO;AAAA,EACT;AAAA,EACA,oBAAoB,MAAM;AACxB,WAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa,CAAC,OAAO,cAAc;AACjC,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,WAAO,EAAE,MAAM,IAAI;AAAA,EACrB;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,GAAG,CAAC,MAAM;AACR,WAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAClB;AAQA,MAAM,kBAAkB,UAAU;AAAA,EAChC,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,UAAM,EAAE,QAAQ,aAAa,IAAI,KAAK;AACtC,UAAM,wBAAwB,SAC1B,KAAK;AAAA,MACH,OAAO,OAAO,CAAC,MAAM;AACnB,eACE,CAAC,aAAa,CAAC,MACd,EAAE,YAAY,CAAC,GACb,OAAO,CAAC,UAAU;AACjB,iBAAO,MAAM;AAAA,QACf,CAAC,EACA,OAAO,CAAC,MAAM;AACb,iBAAO,CAAC,aAAa,CAAC;AAAA,QACxB,CAAC,EAAE;AAAA,MAET,CAAC;AAAA,IACH,IACA,CAAC;AAEL,SAAK,QAAQ;AAAA,MACX,WAAW,IAAI,MAAM;AAAA,MACrB,gBAAgB;AAAA,MAChB,UAAU;AAAA,IACZ;AAEA,SAAK,SAAS,CAAC;AAAA,EACjB;AAAA,EAEA,oBAAoB;AAClB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,mBAAmB,WAAW;AAC5B,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,QAAI,WAAW,UAAU,QAAQ;AAC/B,WAAK,aAAa;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,YAAQ,KAAK,MAAM;AACnB,SAAK,SAAS,CAAC;AAAA,EACjB;AAAA,EAEA,aAAa,OAAO,SAAS,OAAO;AAClC,QAAI,QAAQ;AACV,WAAK,SAAS,KAAK;AAAA,IACrB,WAAW,MAAM,YAAY;AAC3B,YAAM,WAAW,CAAC,MAAM,OAAO;AAAA,IACjC,OAAO;AAEL,YAAM,UAAU,CAAC,MAAM;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,SAAS,OAAO;AACd,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM,MAAM,eAAe,QAAQ,KAAK;AACxC,QAAI,MAAM,IAAI;AACZ,qBAAe,OAAO,KAAK,CAAC;AAAA,IAC9B,OAAO;AACL,qBAAe,KAAK,GAAG,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAAA,IACxD;AACA,SAAK,SAAS,EAAE,eAAe,CAAC;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,kBAAkB,QAAQ;AACxB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,WAAW,OAAO,QAAQ,CAAC,MAAM;AACrC,aAAO,EAAE,SAAS,OAAO,CAAC,MAAM;AAC9B,eAAO,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,kBAAkB;AAAA,MACrD,CAAC;AAAA,IACH,CAAC;AAED,QAAI,CAAC,SAAS,QAAQ;AACpB,aAAO;AAAA,IACT;AACA,WAAO,CAAC,GAAG,QAAQ,KAAK,kBAAkB,QAAQ,CAAC,EAAE,KAAK;AAAA,EAC5D;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,QAAQ,eAAe,IAAI,KAAK;AAGxC,QAAI,YAAY,IAAI,MAAM;AAC1B,QAAI,MAAM,QAAQ,MAAM,GAAG;AACzB,UAAI,OAAO,WAAW,GAAG;AACvB,SAAC,SAAS,IAAI;AAAA,MAChB;AACA,kBAAY,IAAI,MAAM,EAAE,UAAU,OAAO,CAAC;AAAA,IAC5C,OAAO;AACL,kBAAY;AAAA,IACd;AAEA,yBAAqB,SAAS,EAAE,QAAQ,CAAC,UAAU;AACjD,WAAK,OAAO;AAAA,QACV,MAAM,GAAG,kBAAkB,MAAM;AAC/B,gBAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,eAAK,SAAS,EAAE,UAAU,WAAW,EAAE,CAAC;AAAA,QAC1C,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,UAAM,QAAQ,EAAE,UAAU;AAC1B,QACE,OAAO,mBAAmB,aACtB,eAAe,MAAM,IACrB,gBACJ;AACA,YAAM,iBAAiB,UAAU,SAAS,QAAQ,CAAC,MAAM;AACvD,eAAO,KAAK,YAAY,CAAC;AAAA,MAC3B,CAAC;AAAA,IACH;AAEA,SAAK,SAAS,KAAK;AAAA,EACrB;AAAA,EAEA,YAAY,OAAO,YAAY,CAAC,GAAG;AACjC,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAI,MAAM,WAAW,CAAC,aAAa,KAAK,GAAG;AACzC,YAAM,WAAW,MAAM,SACpB,OAAO,CAAC,MAAM;AACb,eAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,kBAAkB;AAAA,MACtD,CAAC,EACA,QAAQ,CAAC,MAAM;AACd,eAAO,KAAK,YAAY,GAAG,SAAS;AAAA,MACtC,CAAC;AACH,aAAO,CAAC,GAAG,WAAW,GAAG,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT;AAAA,EAEA,YAAY,OAAO,YAAY;AAC7B,UAAM,EAAE,QAAQ,cAAc,eAAe,IAAI,KAAK;AACtD,QAAI,WAAW;AAEf,QACE,EAAE,MAAM,YAAY,CAAC,GAAG,OAAO,CAAC,MAAM;AACpC,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EAAE,QACH;AAEA,iBAAW;AAAA,IACb;AAEA,UAAM,YAAY,MAAM,IAAI,OAAO,IAAI,UAAU;AACjD,WAAO,iBACL,eAAe,OAAO,MAAM,UAAU;AAAA;AAAA,MAGtC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,2CAA2C,SAAS,OAAO,SAAS;AAAA,UAC/E;AAAA,UACA,OAAO,MAAM,UAAU,OAAO,YAAY,OAAO;AAAA,UACjD,cAAY,MAAM,UAAU,OAAO,YAAY,OAAO;AAAA,UACtD,YAAY,CAAC,MAAM;AACjB,gBAAI,EAAE,UAAU,IAAI;AAClB,mBAAK,aAAa,KAAK;AAAA,YACzB;AAAA,UACF;AAAA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,MAAM;AAAA,YACf,UAAQ;AAAA,YACR,SAAS,MAAM;AACb,qBAAO,KAAK,aAAa,KAAK;AAAA,YAChC;AAAA,YAEC,GAAG;AAAA;AAAA,QACN;AAAA,QACA,oCAAC,YAAK;AAAA,MACR;AAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,OAAO;AACjB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,eAAe,IAAI,KAAK;AAEhC,QACE,EAAE,MAAM,YAAY,CAAC,GAAG,OAAO,CAAC,MAAM;AACpC,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EAAE,UACH,MAAM,IAAI,kBAAkB,GAC5B;AACA,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,2CACT,CAAC,eAAe,SAAS,KAAK,IAAI,cAAc,UAClD;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA;AAAA;AAAA,EAIA,mBAAmB,OAAO,aAAa;AACrC,UAAM,EAAE,GAAG,QAAQ,cAAc,YAAY,IAAI,KAAK;AACtD,UAAM,EAAE,eAAe,IAAI,KAAK;AAEhC,UAAM,eAAe,MAAM;AACzB,WAAK;AAAA,QACH;AAAA,SACC,MAAM,YAAY,CAAC,GAAG,OAAO,CAAC,MAAM;AACnC,iBAAO,CAAC,aAAa,CAAC;AAAA,QACxB,CAAC,EAAE,UAAU,CAAC,MAAM,IAAI,kBAAkB;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,QAAQ,GAAG,EAAE,MAAM,IAAI,CAAC,IAC5B,eAAe,SAAS,KAAK,IAAI,OAAO,eAAe,OAAO,YAChE;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,QACV;AAAA,QACA,iBAAe,eAAe,SAAS,KAAK;AAAA,QAC5C,cAAY;AAAA,QACZ,SAAS;AAAA,QACT,YAAY;AAAA,QAEX,GAAG;AAAA;AAAA,MAEJ,oCAAC,aAAK,YAAY,OAAO,IAAI,CAAE;AAAA,MAC9B,KAAK,YAAY,KAAK;AAAA,IACzB;AAAA,EAEJ;AAAA,EAEA,kBAAkB,OAAO,aAAa,CAAC,GAAG,cAAc,CAAC,GAAG;AAC1D,WACE,0DACG,KAAK,YAAY,OAAO,UAAU,GAClC,KAAK,mBAAmB,OAAO,WAAW,CAC7C;AAAA,EAEJ;AAAA,EAEA,WAAW,OAAO,OAAO;AACvB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,WAAW,eAAe,SAAS,KAAK,IAC1C;AAAA,MACE,IAAI,MAAM,YAAY,CAAC,GAAG,OAAO,CAAC,MAAM;AACtC,eAAO,CAAC,aAAa,CAAC;AAAA,MACxB,CAAC;AAAA,IACH,IACA,CAAC;AAEL,QAAI,YAAY;AACd,aAAO,WAAW,OAAO,KAAK,cAAc,KAAK,QAAQ;AAAA,IAC3D;AAEA,WACE,oCAAC,SAAI,WAAW,mBAAmB,GAAG,KAAK,MAAM,OAC/C;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,sBAAsB,MAAM,UAAU,eAAe,EAAE;AAAA,QAClE,OAAO;AAAA,UACL,aAAa,GAAG,UAAU,KAAK;AAAA,QACjC;AAAA;AAAA,MAEC,oBACG,kBAAkB,OAAO,IAAI,IAC7B,KAAK,kBAAkB,KAAK;AAAA,IAClC,GACC,oBAAoB,iBAAiB,OAAO,OAAO,IAAI,GACvD,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU;AACtC,aAAO,KAAK,WAAW,OAAO,QAAQ,CAAC;AAAA,IACzC,CAAC,GACA,mBAAmB,gBAAgB,OAAO,OAAO,IAAI,CACxD;AAAA,EAEJ;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,UAAU,IAAI,KAAK;AAE3B,QAAI,CAAC,WAAW,UAAU,QAAQ;AAChC,aAAO;AAAA,IACT;AAEA,WACE,0DACG,UAAU,SACR,OAAO,CAAC,MAAM;AACb,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EACA,QAAQ,EACR,IAAI,CAAC,MAAM;AACV,aAAO,KAAK,WAAW,GAAG,CAAC;AAAA,IAC7B,CAAC,CACL;AAAA,EAEJ;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,WAAO,oCAAC,SAAI,aAAuB,KAAK,WAAW,CAAE;AAAA,EACvD;AACF;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe;",
+  "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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",
   "names": []
 }