react-spatial 1.5.3 → 1.5.5

package/{src/components → components}/LayerTree/LayerTree.js

@@ -1,24 +1,20 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Layer, getLayersAsFlatArray } from 'mobility-toolbox-js/ol';
-import { unByKey } from 'ol/Observable';
-
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Layer, getLayersAsFlatArray } from "mobility-toolbox-js/ol";
+import { unByKey } from "ol/Observable";
 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.
    */
   padding: PropTypes.number,
-
   /**
    * Determine if the item is hidden in the tree or not.
    *
@@ -27,12 +23,10 @@ const propTypes = {
    * @return {bool} true if the item is not displayed in the tree
    */
   isItemHidden: PropTypes.func,
-
   /**
    * Determine the className used by the div containing the parent and its children.
    */
   getParentClassName: PropTypes.func,
-
   /**
    * Custom function to render an item in the tree.
    *
@@ -41,7 +35,6 @@ const propTypes = {
    * @return {node} A jsx node.
    */
   renderItem: 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
@@ -53,7 +46,6 @@ const propTypes = {
    * @return {node} A jsx node.
    */
   renderItemContent: PropTypes.func,
-
   /**
    * Custom function to render custom content before the list of children of an item.
    *
@@ -62,7 +54,6 @@ const propTypes = {
    * @return {node} A jsx node.
    */
   renderBeforeItem: PropTypes.func,
-
   /**
    * Custom function to render custom content after the list of children of an item.
    *
@@ -71,7 +62,6 @@ const propTypes = {
    * @return {node} A jsx node.
    */
   renderAfterItem: PropTypes.func,
-
   /**
    * Custom function to render the label.
    *
@@ -81,7 +71,6 @@ const propTypes = {
    * @return {node} A jsx node.
    */
   renderLabel: PropTypes.func,
-
   /**
    * Object holding title for the layer tree's buttons.
    */
@@ -101,32 +90,29 @@ const propTypes = {
     /**
      * title on button to show sublayers.
      */
-    subLayerHide: PropTypes.string,
+    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,
+  t: PropTypes.func
 };
-
 const defaultProps = {
   layers: [],
-  className: 'rs-layer-tree',
+  className: "rs-layer-tree",
   padding: 30,
   isItemHidden: () => {
     return false;
   },
   getParentClassName: () => {
-    return undefined;
+    return void 0;
   },
   renderItem: null,
   renderItemContent: null,
@@ -137,82 +123,58 @@ const defaultProps = {
     return t(layer.name);
   },
   titles: {
-    layerShow: 'Show layer',
-    layerHide: 'Hide layer',
-    subLayerShow: 'Show sublayer',
-    subLayerHide: 'Hide sublayer',
+    layerShow: "Show layer",
+    layerHide: "Hide layer",
+    subLayerShow: "Show sublayer",
+    subLayerHide: "Hide sublayer"
   },
   t: (s) => {
     return s;
   },
-  expandChildren: false,
+  expandChildren: false
 };
-
-/**
- * The LayerTree component renders an interface for toggling
- * [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)
- * and their corresponding child layers.
- */
-
 class LayerTree extends Component {
   constructor(props) {
     super(props);
-
     const { layers, isItemHidden } = this.props;
-    const initialExpandedLayers = layers
-      ? this.getExpandedLayers(
-          layers.filter((l) => {
-            return (
-              !isItemHidden(l) &&
-              (l.children || [])
-                .filter((child) => {
-                  return child.visible;
-                })
-                .filter((c) => {
-                  return !isItemHidden(c);
-                }).length
-            );
-          }),
-        )
-      : [];
-
+    const initialExpandedLayers = layers ? this.getExpandedLayers(
+      layers.filter((l) => {
+        return !isItemHidden(l) && (l.children || []).filter((child) => {
+          return child.visible;
+        }).filter((c) => {
+          return !isItemHidden(c);
+        }).length;
+      })
+    ) : [];
     this.state = {
       rootLayer: new Layer(),
       expandedLayers: initialExpandedLayers,
-      revision: 0,
+      revision: 0
     };
-    // this.updateLayers = this.updateLayers.bind(this);
     this.olKeys = [];
   }
-
   componentDidMount() {
     this.updateLayers();
   }
-
   componentDidUpdate(prevProps) {
     const { layers } = this.props;
-
     if (layers !== prevProps.layers) {
       this.updateLayers();
     }
   }
-
   componentWillUnmount() {
     unByKey(this.olKeys);
     this.olKeys = [];
   }
-
   onInputClick(layer, toggle = false) {
     if (toggle) {
       this.onToggle(layer);
     } else if (layer.setVisible) {
       layer.setVisible(!layer.visible);
     } else {
-      // eslint-disable-next-line no-param-reassign
       layer.visible = !layer.visible;
     }
   }
-
   onToggle(layer) {
     const { expandedLayers } = this.state;
     const pos = expandedLayers.indexOf(layer);
@@ -223,7 +185,6 @@ class LayerTree extends Component {
     }
     this.setState({ expandedLayers });
   }
-
   /**
    * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers
    * together with the (given) initially expanded layers
@@ -235,20 +196,16 @@ class LayerTree extends Component {
     const { isItemHidden } = this.props;
     const children = layers.flatMap((l) => {
       return l.children.filter((c) => {
-        return !isItemHidden(c) && c.get('isAlwaysExpanded');
+        return !isItemHidden(c) && c.get("isAlwaysExpanded");
       });
     });
-
     if (!children.length) {
       return layers;
     }
     return [...layers, this.getExpandedLayers(children)].flat();
   }
-
   updateLayers() {
     const { layers, expandChildren } = this.props;
-
-    // Update the root layer
     let rootLayer = new Layer();
     if (Array.isArray(layers)) {
       if (layers.length === 1) {
@@ -258,156 +215,124 @@ class LayerTree extends Component {
     } else {
       rootLayer = layers;
     }
-
     getLayersAsFlatArray(rootLayer).forEach((layer) => {
       this.olKeys.push(
-        layer.on('propertychange', () => {
+        layer.on("propertychange", () => {
           const { revision } = this.state;
           this.setState({ revision: revision + 1 });
-        }),
+        })
       );
     });
-
     const state = { rootLayer };
-    if (
-      typeof expandChildren === 'function'
-        ? expandChildren(layers)
-        : expandChildren
-    ) {
+    if (typeof expandChildren === "function" ? expandChildren(layers) : expandChildren) {
       state.expandedLayers = rootLayer.children.flatMap((l) => {
         return this.expandLayer(l);
       });
     }
-
     this.setState(state);
   }
-
   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);
-        });
+      const children = layer.children.filter((c) => {
+        return !isItemHidden(c) && !c.get("isAlwaysExpanded");
+      }).flatMap((c) => {
+        return this.expandLayer(c, expLayers);
+      });
       return [...expLayers, ...children, layer];
     }
     return expLayers;
   }
-
   renderInput(layer, inputProps) {
     const { titles, isItemHidden } = this.props;
     let tabIndex = 0;
-
-    if (
-      !(layer.children || []).filter((c) => {
-        return !isItemHidden(c);
-      }).length
-    ) {
-      // We forbid focus on keypress event for first level layers and layers without children.
+    if (!(layer.children || []).filter((c) => {
+      return !isItemHidden(c);
+    }).length) {
       tabIndex = -1;
     }
-
-    const inputType = layer.get('group') ? 'radio' : 'checkbox';
+    const inputType = layer.get("group") ? "radio" : "checkbox";
     return (
       // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions
-      <label
-        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}
-        tabIndex={tabIndex}
-        title={layer.visible ? titles.layerHide : titles.layerShow}
-        aria-label={layer.visible ? titles.layerHide : titles.layerShow}
-        onKeyPress={(e) => {
-          if (e.which === 13) {
-            this.onInputClick(layer);
+      /* @__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,
+          onKeyPress: (e) => {
+            if (e.which === 13) {
+              this.onInputClick(layer);
+            }
           }
-        }}
-      >
-        <input
-          type={inputType}
-          tabIndex={-1}
-          checked={layer.visible}
-          readOnly
-          onClick={() => {
-            return this.onInputClick(layer);
-          }}
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...inputProps}
-        />
-        <span />
-      </label>
+        },
+        /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            type: inputType,
+            tabIndex: -1,
+            checked: layer.visible,
+            readOnly: true,
+            onClick: () => {
+              return this.onInputClick(layer);
+            },
+            ...inputProps
+          }
+        ),
+        /* @__PURE__ */ React.createElement("span", null)
+      )
     );
   }
-
   renderArrow(layer) {
     const { isItemHidden } = this.props;
     const { expandedLayers } = this.state;
-
-    if (
-      !(layer.children || []).filter((c) => {
-        return !isItemHidden(c);
-      }).length ||
-      layer.get('isAlwaysExpanded')
-    ) {
+    if (!(layer.children || []).filter((c) => {
+      return !isItemHidden(c);
+    }).length || layer.get("isAlwaysExpanded")) {
       return null;
     }
-
-    return (
-      <div
-        className={`rs-layer-tree-arrow rs-layer-tree-arrow-${
-          !expandedLayers.includes(layer) ? 'collapsed' : 'expanded'
-        }`}
-      />
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `rs-layer-tree-arrow rs-layer-tree-arrow-${!expandedLayers.includes(layer) ? "collapsed" : "expanded"}`
+      }
     );
   }
-
   // 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 { expandedLayers } = this.state;
-
     const onInputClick = () => {
       this.onInputClick(
         layer,
         (layer.children || []).filter((c) => {
           return !isItemHidden(c);
-        }).length && !layer.get('isAlwaysExpanded'),
+        }).length && !layer.get("isAlwaysExpanded")
       );
     };
-    const title = `${t(layer.name)} ${
-      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow
-    }`;
-
-    return (
-      <div
-        role="button"
-        tabIndex={0}
-        className="rs-layer-tree-toggle"
-        title={title}
-        aria-expanded={expandedLayers.includes(layer)}
-        aria-label={title}
-        onClick={onInputClick}
-        onKeyPress={onInputClick}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...toggleProps}
-      >
-        <div>{renderLabel(layer, this)}</div>
-        {this.renderArrow(layer)}
-      </div>
+    const title = `${t(layer.name)} ${expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow}`;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "rs-layer-tree-toggle",
+        title,
+        "aria-expanded": expandedLayers.includes(layer),
+        "aria-label": title,
+        onClick: onInputClick,
+        onKeyPress: onInputClick,
+        ...toggleProps
+      },
+      /* @__PURE__ */ React.createElement("div", null, renderLabel(layer, this)),
+      this.renderArrow(layer)
     );
   }
-
   renderItemContent(layer, inputProps = {}, toggleProps = {}) {
-    return (
-      <>
-        {this.renderInput(layer, inputProps)}
-        {this.renderToggleButton(layer, 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;
@@ -417,71 +342,46 @@ class LayerTree extends Component {
       renderBeforeItem,
       renderAfterItem,
       padding,
-      getParentClassName,
+      getParentClassName
     } = this.props;
-
-    const children = expandedLayers.includes(layer)
-      ? [
-          ...(layer.children || []).filter((c) => {
-            return !isItemHidden(c);
-          }),
-        ]
-      : [];
-
+    const children = expandedLayers.includes(layer) ? [
+      ...(layer.children || []).filter((c) => {
+        return !isItemHidden(c);
+      })
+    ] : [];
     if (renderItem) {
       return renderItem(layer, this.onInputClick, this.onToggle);
     }
-
-    return (
-      <div className={getParentClassName()} key={layer.key}>
-        <div
-          className={`rs-layer-tree-item ${layer.visible ? 'rs-visible' : ''}`}
-          style={{
-            paddingLeft: `${padding * level}px`,
-          }}
-        >
-          {renderItemContent
-            ? renderItemContent(layer, this)
-            : this.renderItemContent(layer)}
-        </div>
-        {renderBeforeItem && renderBeforeItem(layer, level, this)}
-        {[...children].reverse().map((child) => {
-          return this.renderItem(child, level + 1);
-        })}
-        {renderAfterItem && renderAfterItem(layer, level, this)}
-      </div>
-    );
+    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;
-
     if (!rootLayer?.children?.length) {
       return null;
     }
-
-    return (
-      <>
-        {rootLayer.children
-          .filter((l) => {
-            return !isItemHidden(l);
-          })
-          .reverse()
-          .map((l) => {
-            return this.renderItem(l, 0);
-          })}
-      </>
-    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, rootLayer.children.filter((l) => {
+      return !isItemHidden(l);
+    }).reverse().map((l) => {
+      return this.renderItem(l, 0);
+    }));
   }
-
   render() {
     const { className } = this.props;
-    return <div className={className}>{this.renderTree()}</div>;
+    return /* @__PURE__ */ React.createElement("div", { className }, this.renderTree());
   }
 }
-
 LayerTree.propTypes = propTypes;
 LayerTree.defaultProps = defaultProps;
-
 export default LayerTree;

package/components/LayerTree/LayerTree.js.map

@@ -0,0 +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   * Object holding title for the layer tree's buttons.\n   */\n  titles: PropTypes.shape({\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * aria-label on checkbox to hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n  }),\n\n  /**\n   * Boolean determining whether children collapse/expand when their parent is toggled\n   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.\n   * @return {boolean} True or false\n   */\n  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  layers: [],\n  className: 'rs-layer-tree',\n  padding: 30,\n  isItemHidden: () => {\n    return false;\n  },\n  getParentClassName: () => {\n    return undefined;\n  },\n  renderItem: null,\n  renderItemContent: null,\n  renderBeforeItem: null,\n  renderAfterItem: null,\n  renderLabel: (layer, layerComp) => {\n    const { t } = layerComp.props;\n    return t(layer.name);\n  },\n  titles: {\n    layerShow: 'Show layer',\n    layerHide: 'Hide layer',\n    subLayerShow: 'Show sublayer',\n    subLayerHide: 'Hide sublayer',\n  },\n  t: (s) => {\n    return s;\n  },\n  expandChildren: false,\n};\n\n/**\n * The LayerTree component renders an interface for toggling\n * [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  constructor(props) {\n    super(props);\n\n    const { layers, isItemHidden } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              (l.children || [])\n                .filter((child) => {\n                  return child.visible;\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      rootLayer: new Layer(),\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n    };\n    // this.updateLayers = this.updateLayers.bind(this);\n    this.olKeys = [];\n  }\n\n  componentDidMount() {\n    this.updateLayers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { layers } = this.props;\n\n    if (layers !== prevProps.layers) {\n      this.updateLayers();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.olKeys);\n    this.olKeys = [];\n  }\n\n  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else if (layer.setVisible) {\n      layer.setVisible(!layer.visible);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = !layer.visible;\n    }\n  }\n\n  onToggle(layer) {\n    const { expandedLayers } = this.state;\n    const pos = expandedLayers.indexOf(layer);\n    if (pos > -1) {\n      expandedLayers.splice(pos, 1);\n    } else {\n      expandedLayers.push(...this.getExpandedLayers([layer]));\n    }\n    this.setState({ expandedLayers });\n  }\n\n  /**\n   * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers\n   * together with the (given) initially expanded layers\n   *\n   * @param  {Layer} layers Initially expanded layers\n   * @return {Array.<Layer>} Initially expanded layers and all its always expanded ancestors\n   */\n  getExpandedLayers(layers) {\n    const { isItemHidden } = this.props;\n    const children = layers.flatMap((l) => {\n      return l.children.filter((c) => {\n        return !isItemHidden(c) && c.get('isAlwaysExpanded');\n      });\n    });\n\n    if (!children.length) {\n      return layers;\n    }\n    return [...layers, this.getExpandedLayers(children)].flat();\n  }\n\n  updateLayers() {\n    const { layers, expandChildren } = this.props;\n\n    // Update the root layer\n    let rootLayer = new Layer();\n    if (Array.isArray(layers)) {\n      if (layers.length === 1) {\n        [rootLayer] = layers;\n      }\n      rootLayer = new Layer({ children: layers });\n    } else {\n      rootLayer = layers;\n    }\n\n    getLayersAsFlatArray(rootLayer).forEach((layer) => {\n      this.olKeys.push(\n        layer.on('propertychange', () => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n      );\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === 'function'\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      state.expandedLayers = rootLayer.children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n\n  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (layer.visible && !isItemHidden(layer)) {\n      const children = layer.children\n        .filter((c) => {\n          return !isItemHidden(c) && !c.get('isAlwaysExpanded');\n        })\n        .flatMap((c) => {\n          return this.expandLayer(c, expLayers);\n        });\n      return [...expLayers, ...children, layer];\n    }\n    return expLayers;\n  }\n\n  renderInput(layer, inputProps) {\n    const { titles, isItemHidden } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !(layer.children || []).filter((c) => {\n        return !isItemHidden(c);\n      }).length\n    ) {\n      // We forbid focus on keypress event for first level layers and layers without children.\n      tabIndex = -1;\n    }\n\n    const inputType = layer.get('group') ? 'radio' : 'checkbox';\n    return (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        tabIndex={tabIndex}\n        title={layer.visible ? titles.layerHide : titles.layerShow}\n        aria-label={layer.visible ? titles.layerHide : titles.layerShow}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n      >\n        <input\n          type={inputType}\n          tabIndex={-1}\n          checked={layer.visible}\n          readOnly\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n          // 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": "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",
+  "names": []
+}

package/components/LayerTree/index.js

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

package/components/LayerTree/index.js.map

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