react-spatial 1.5.3 → 1.5.5

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

@@ -1,22 +1,20 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Autocomplete } from '@material-ui/lab';
-import { FaSearch } from 'react-icons/fa';
-import TextField from '@material-ui/core/TextField';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import { StopFinderControl } from 'mobility-toolbox-js/ol';
-import { Map } from 'ol';
-import { makeStyles } from '@material-ui/core';
-import StopsFinderOptions from './StopsFinderOption';
-
+import React, { useMemo, useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { Autocomplete } from "@material-ui/lab";
+import { FaSearch } from "react-icons/fa";
+import TextField from "@material-ui/core/TextField";
+import CircularProgress from "@material-ui/core/CircularProgress";
+import { StopFinderControl } from "mobility-toolbox-js/ol";
+import { Map } from "ol";
+import { makeStyles } from "@material-ui/core";
+import StopsFinderOptions from "./StopsFinderOption";
 const useStyles = makeStyles(() => {
   return {
     popupIndicatorOpen: {
-      transform: 'rotate(0)',
-    },
+      transform: "rotate(0)"
+    }
   };
 });
-
 function StopsFinder({
   agencies,
   apiKey,
@@ -30,32 +28,31 @@ function StopsFinder({
   radius,
   refLocation,
   renderAutocomplete,
-  url,
+  url
 }) {
   const classes = useStyles();
-  const [inputValue, setInputValue] = useState('');
+  const [inputValue, setInputValue] = useState("");
   const [suggestions, setSuggestions] = useState([]);
   const [isLoading, setLoading] = useState(false);
   const [isOpen, setOpen] = useState(false);
-
   const control = useMemo(() => {
     return new StopFinderControl({
       url,
       apiKey,
-      target: document.createElement('div'),
-      element: document.createElement('div'),
+      target: document.createElement("div"),
+      element: document.createElement("div"),
       render(newSuggestions = { features: [] }) {
         setSuggestions(newSuggestions.features);
         setLoading(false);
-      },
+      }
     });
   }, [apiKey, url]);
-
   useEffect(() => {
     if (!inputValue) {
       setSuggestions([]);
       setLoading(false);
-      return () => {};
+      return () => {
+      };
     }
     const abortController = new AbortController();
     setLoading(true);
@@ -66,7 +63,7 @@ function StopsFinder({
       limit,
       mots: mots && mots.toString(),
       radius,
-      ref_location: refLocation && refLocation.toString(),
+      ref_location: refLocation && refLocation.toString()
     };
     control.search(inputValue, abortController);
     return () => {
@@ -81,26 +78,21 @@ function StopsFinder({
     limit,
     mots,
     radius,
-    refLocation,
+    refLocation
   ]);
-
-  // Ensure the control is not associated to the wrong map
   useEffect(() => {
     if (!control) {
-      return () => {};
+      return () => {
+      };
     }
-
     control.map = map;
-
     return () => {
       control.map = null;
     };
   }, [map, control]);
-
   if (!control) {
     return null;
   }
-
   if (renderAutocomplete) {
     return renderAutocomplete(
       suggestions,
@@ -109,74 +101,67 @@ function StopsFinder({
       isOpen,
       setOpen,
       isLoading,
-      setLoading,
+      setLoading
     );
   }
   const textFieldProps = {
-    ...((autocompleteProps || {}).textFieldProps || {}),
+    ...(autocompleteProps || {}).textFieldProps || {}
   };
   const autocProps = { ...autocompleteProps };
   delete autocProps.textFieldProps;
-
-  return (
-    <Autocomplete
-      fullWidth
-      autoComplete
-      autoHighlight
-      selectOnFocus
-      getOptionLabel={(option) => {
+  return /* @__PURE__ */ React.createElement(
+    Autocomplete,
+    {
+      fullWidth: true,
+      autoComplete: true,
+      autoHighlight: true,
+      selectOnFocus: true,
+      getOptionLabel: (option) => {
         return option.properties.name;
-      }}
-      onChange={(evt, value, reason) => {
-        if (onSelect && reason === 'select-option') {
+      },
+      onChange: (evt, value, reason) => {
+        if (onSelect && reason === "select-option") {
           onSelect(value, evt);
         }
-      }}
-      popupIcon={<FaSearch focusable={false} size={15} />}
-      renderInput={(params) => {
-        return (
-          <TextField
-            label="Search stops"
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...{
+      },
+      popupIcon: /* @__PURE__ */ React.createElement(FaSearch, { focusable: false, size: 15 }),
+      renderInput: (params) => {
+        return /* @__PURE__ */ React.createElement(
+          TextField,
+          {
+            label: "Search stops",
+            ...{
               ...params,
-              ...textFieldProps,
-            }}
-            InputProps={{
+              ...textFieldProps
+            },
+            InputProps: {
               ...params.InputProps,
-              endAdornment: (
-                <>
-                  {isLoading && <CircularProgress size={20} />}
-                  {params.InputProps.endAdornment}
-                </>
-              ),
-            }}
-          />
+              endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading && /* @__PURE__ */ React.createElement(CircularProgress, { size: 20 }), params.InputProps.endAdornment)
+            }
+          }
         );
-      }}
-      renderOption={(option) => {
-        return <StopsFinderOptions option={option} />;
-      }}
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...autocProps}
-      classes={{ ...classes, ...autocompleteProps.classes }}
-      inputValue={inputValue}
-      open={isOpen}
-      options={suggestions}
-      loading={isLoading}
-      onOpen={() => {
+      },
+      renderOption: (option) => {
+        return /* @__PURE__ */ React.createElement(StopsFinderOptions, { option });
+      },
+      ...autocProps,
+      classes: { ...classes, ...autocompleteProps.classes },
+      inputValue,
+      open: isOpen,
+      options: suggestions,
+      loading: isLoading,
+      onOpen: () => {
         setOpen(true);
-      }}
-      onClose={() => {
+      },
+      onClose: () => {
         setOpen(false);
-      }}
-      onInputChange={(evt, val) => {
+      },
+      onInputChange: (evt, val) => {
         setInputValue(val);
-      }}
-    />
+      }
+    }
   );
 }
-
 StopsFinder.propTypes = {
   /**
    * Array or a comma separated list of agencies which should be available.
@@ -185,87 +170,74 @@ StopsFinder.propTypes = {
    */
   agencies: PropTypes.oneOfType([
     PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.arrayOf(PropTypes.string)
   ]),
-
   /**
    * geOps api key to access the StopsFinder service.
    */
   apiKey: PropTypes.string,
-
   /**
    * Properties apply to the default [MUI Autocomplete component](https://material-ui.com/api/autocomplete/).
    * We add a custom properties textFieldProps for the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.
    */
   autocompleteProps: PropTypes.object,
-
   /**
    * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.
    */
   bbox: PropTypes.oneOfType([
     PropTypes.string,
-    PropTypes.arrayOf(PropTypes.number),
+    PropTypes.arrayOf(PropTypes.number)
   ]),
-
   /**
    * Array or a comma separated list of fields which should be used for look up.
    * Available values : id, name, coords
    */
   field: PropTypes.oneOfType([
     PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.arrayOf(PropTypes.string)
   ]),
-
   /**
    * Control how many matches will be returned.
    */
   limit: PropTypes.number,
-
   /**
    * A map.
    */
   map: PropTypes.instanceOf(Map).isRequired,
-
   /**
    * Array or a comma separated list of mode of transpaorts which should be available.
    * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway
    */
   mots: PropTypes.oneOfType([
     PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.arrayOf(PropTypes.string)
   ]),
-
   /**
    * Function called when a suggestion is selected.
    */
   onSelect: PropTypes.func,
-
   /**
    * Radius around refLocation in meters that is most relevant.
    * Used as granularity for location rank.
    */
   radius: PropTypes.number,
-
   /**
    * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.
    * Available values : id, name, coords
    */
   refLocation: PropTypes.oneOfType([
     PropTypes.string,
-    PropTypes.arrayOf(PropTypes.number),
+    PropTypes.arrayOf(PropTypes.number)
   ]),
-
   /**
    * Function to render a different autocomplete input than the default one.
    */
   renderAutocomplete: PropTypes.func,
-
   /**
    * Url of the geOps StopsFinder service.
    */
-  url: PropTypes.string,
+  url: PropTypes.string
 };
-
 StopsFinder.defaultProps = {
   agencies: null,
   apiKey: null,
@@ -278,7 +250,6 @@ StopsFinder.defaultProps = {
   radius: null,
   refLocation: null,
   url: null,
-  renderAutocomplete: null,
+  renderAutocomplete: null
 };
-
 export default StopsFinder;

package/components/StopsFinder/StopsFinder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/StopsFinder/StopsFinder.js"],
+  "sourcesContent": ["import React, { useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@material-ui/lab';\nimport { FaSearch } from 'react-icons/fa';\nimport TextField from '@material-ui/core/TextField';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { StopFinderControl } from 'mobility-toolbox-js/ol';\nimport { Map } from 'ol';\nimport { makeStyles } from '@material-ui/core';\nimport StopsFinderOptions from './StopsFinderOption';\n\nconst useStyles = makeStyles(() => {\n  return {\n    popupIndicatorOpen: {\n      transform: 'rotate(0)',\n    },\n  };\n});\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  autocompleteProps,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  url,\n}) {\n  const classes = useStyles();\n  const [inputValue, setInputValue] = useState('');\n  const [suggestions, setSuggestions] = useState([]);\n  const [isLoading, setLoading] = useState(false);\n  const [isOpen, setOpen] = useState(false);\n\n  const control = useMemo(() => {\n    return new StopFinderControl({\n      url,\n      apiKey,\n      target: document.createElement('div'),\n      element: document.createElement('div'),\n      render(newSuggestions = { features: [] }) {\n        setSuggestions(newSuggestions.features);\n        setLoading(false);\n      },\n    });\n  }, [apiKey, url]);\n\n  useEffect(() => {\n    if (!inputValue) {\n      setSuggestions([]);\n      setLoading(false);\n      return () => {};\n    }\n    const abortController = new AbortController();\n    setLoading(true);\n    control.apiParams = {\n      prefAgencies: agencies && agencies.toString(),\n      bbox: bbox && bbox.toString(),\n      field: field && field.toString(),\n      limit,\n      mots: mots && mots.toString(),\n      radius,\n      ref_location: refLocation && refLocation.toString(),\n    };\n    control.search(inputValue, abortController);\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    control,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\n  ]);\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control) {\n    return null;\n  }\n\n  if (renderAutocomplete) {\n    return renderAutocomplete(\n      suggestions,\n      inputValue,\n      setInputValue,\n      isOpen,\n      setOpen,\n      isLoading,\n      setLoading,\n    );\n  }\n  const textFieldProps = {\n    ...((autocompleteProps || {}).textFieldProps || {}),\n  };\n  const autocProps = { ...autocompleteProps };\n  delete autocProps.textFieldProps;\n\n  return (\n    <Autocomplete\n      fullWidth\n      autoComplete\n      autoHighlight\n      selectOnFocus\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === 'select-option') {\n          onSelect(value, evt);\n        }\n      }}\n      popupIcon={<FaSearch focusable={false} size={15} />}\n      renderInput={(params) => {\n        return (\n          <TextField\n            label=\"Search stops\"\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...{\n              ...params,\n              ...textFieldProps,\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {isLoading && <CircularProgress size={20} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        );\n      }}\n      renderOption={(option) => {\n        return <StopsFinderOptions option={option} />;\n      }}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...autocProps}\n      classes={{ ...classes, ...autocompleteProps.classes }}\n      inputValue={inputValue}\n      open={isOpen}\n      options={suggestions}\n      loading={isLoading}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n    />\n  );\n}\n\nStopsFinder.propTypes = {\n  /**\n   * Array or a comma separated list of agencies which should be available.\n   * Order of these agencies chooses which agency will be preferred.\n   * Available values : sbb, db\n   */\n  agencies: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * geOps api key to access the StopsFinder service.\n   */\n  apiKey: PropTypes.string,\n\n  /**\n   * Properties apply to the default [MUI Autocomplete component](https://material-ui.com/api/autocomplete/).\n   * We add a custom properties textFieldProps for the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  autocompleteProps: PropTypes.object,\n\n  /**\n   * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.\n   */\n  bbox: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Array or a comma separated list of fields which should be used for look up.\n   * Available values : id, name, coords\n   */\n  field: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Control how many matches will be returned.\n   */\n  limit: PropTypes.number,\n\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Array or a comma separated list of mode of transpaorts which should be available.\n   * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway\n   */\n  mots: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Function called when a suggestion is selected.\n   */\n  onSelect: PropTypes.func,\n\n  /**\n   * Radius around refLocation in meters that is most relevant.\n   * Used as granularity for location rank.\n   */\n  radius: PropTypes.number,\n\n  /**\n   * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.\n   * Available values : id, name, coords\n   */\n  refLocation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Function to render a different autocomplete input than the default one.\n   */\n  renderAutocomplete: PropTypes.func,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nStopsFinder.defaultProps = {\n  agencies: null,\n  apiKey: null,\n  autocompleteProps: {},\n  bbox: null,\n  field: null,\n  limit: null,\n  mots: null,\n  onSelect: null,\n  radius: null,\n  refLocation: null,\n  url: null,\n  renderAutocomplete: null,\n};\n\nexport default StopsFinder;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/StopsFinder/StopsFinderOption.js

@@ -0,0 +1,44 @@
+import React, { lazy, Suspense } from "react";
+import PropTypes from "prop-types";
+import { makeStyles } from "@material-ui/core";
+const ext = "_round-blue-01.svg";
+const iconForMot = {};
+[
+  "bus",
+  "ferry",
+  "gondola",
+  "tram",
+  "rail",
+  "funicular",
+  "cable_car",
+  "subway"
+].forEach((mot) => {
+  iconForMot[mot] = lazy(() => {
+    return import(`../../images/mots/${mot}${ext}`);
+  });
+});
+const useStyles = makeStyles((theme) => {
+  return {
+    flex: {
+      display: "flex",
+      alignItems: "center"
+    },
+    icon: {
+      marginRight: theme.spacing(2)
+    }
+  };
+});
+function StopsFinderOption({ option }) {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement("div", null) }, /* @__PURE__ */ React.createElement("div", { className: classes.flex }, Object.entries(option.properties.mot).map(([key, value]) => {
+    if (value) {
+      const MotIcon = iconForMot[key];
+      return /* @__PURE__ */ React.createElement("span", { className: classes.icon, key }, /* @__PURE__ */ React.createElement(MotIcon, null));
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  }), /* @__PURE__ */ React.createElement("span", null, option.properties.name)));
+}
+StopsFinderOption.propTypes = {
+  option: PropTypes.object.isRequired
+};
+export default React.memo(StopsFinderOption);

package/components/StopsFinder/StopsFinderOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/StopsFinder/StopsFinderOption.js"],
+  "sourcesContent": ["import React, { lazy, Suspense } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst ext = '_round-blue-01.svg';\nconst iconForMot = {};\n[\n  'bus',\n  'ferry',\n  'gondola',\n  'tram',\n  'rail',\n  'funicular',\n  'cable_car',\n  'subway',\n].forEach((mot) => {\n  iconForMot[mot] = lazy(() => {\n    return import(`../../images/mots/${mot}${ext}`);\n  });\n});\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    flex: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    icon: {\n      marginRight: theme.spacing(2),\n    },\n  };\n});\n\nfunction StopsFinderOption({ option }) {\n  const classes = useStyles();\n\n  return (\n    <Suspense fallback={<div />}>\n      <div className={classes.flex}>\n        {Object.entries(option.properties.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <span className={classes.icon} key={key}>\n                <MotIcon />\n              </span>\n            );\n          }\n          return <></>;\n        })}\n        <span>{option.properties.name}</span>\n      </div>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],
+  "mappings": "AAAA,OAAO,SAAS,MAAM,gBAAgB;AACtC,OAAO,eAAe;AACtB,SAAS,kBAAkB;AAE3B,MAAM,MAAM;AACZ,MAAM,aAAa,CAAC;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,QAAQ,CAAC,QAAQ;AACjB,aAAW,GAAG,IAAI,KAAK,MAAM;AAC3B,WAAO,OAAO,qBAAqB,GAAG,GAAG,GAAG;AAAA,EAC9C,CAAC;AACH,CAAC;AAED,MAAM,YAAY,WAAW,CAAC,UAAU;AACtC,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC9B;AAAA,EACF;AACF,CAAC;AAED,SAAS,kBAAkB,EAAE,OAAO,GAAG;AACrC,QAAM,UAAU,UAAU;AAE1B,SACE,oCAAC,YAAS,UAAU,oCAAC,WAAI,KACvB,oCAAC,SAAI,WAAW,QAAQ,QACrB,OAAO,QAAQ,OAAO,WAAW,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC3D,QAAI,OAAO;AACT,YAAM,UAAU,WAAW,GAAG;AAC9B,aACE,oCAAC,UAAK,WAAW,QAAQ,MAAM,OAC7B,oCAAC,aAAQ,CACX;AAAA,IAEJ;AACA,WAAO,wDAAE;AAAA,EACX,CAAC,GACD,oCAAC,cAAM,OAAO,WAAW,IAAK,CAChC,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,QAAQ,UAAU,OAAO;AAC3B;AAEA,eAAe,MAAM,KAAK,iBAAiB;",
+  "names": []
+}

package/components/StopsFinder/index.js

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

package/components/StopsFinder/index.js.map

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

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

@@ -3,61 +3,53 @@ import React, {
   useRef,
   useCallback,
   useState,
-  useMemo,
-} from 'react';
-import PropTypes from 'prop-types';
-import { FaPlus, FaMinus } from 'react-icons/fa';
-import { ZoomSlider } from 'ol/control';
-import OLMap from 'ol/Map';
-import { easeOut } from 'ol/easing';
-import { unByKey } from 'ol/Observable';
-
+  useMemo
+} from "react";
+import PropTypes from "prop-types";
+import { FaPlus, FaMinus } from "react-icons/fa";
+import { ZoomSlider } from "ol/control";
+import OLMap from "ol/Map";
+import { easeOut } from "ol/easing";
+import { unByKey } from "ol/Observable";
 const propTypes = {
   /**
    * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
   map: PropTypes.instanceOf(OLMap).isRequired,
-
   /**
    * The zoom delta applied on each click.
    */
   delta: PropTypes.number,
-
   /**
    * Titles HTML attribtues for button.
    */
   titles: PropTypes.shape({
     zoomIn: PropTypes.string,
-    zoomOut: PropTypes.string,
+    zoomOut: PropTypes.string
   }),
-
   /**
    * Children content of the zoom in button.
    */
   zoomInChildren: PropTypes.node,
-
   /**
    * Children content of the zoom out button.
    */
   zoomOutChildren: PropTypes.node,
-
   /**
    * Display a slider to zoom.
    */
-  zoomSlider: PropTypes.bool,
+  zoomSlider: PropTypes.bool
 };
-
 const defaultProps = {
   titles: {
-    zoomIn: 'Zoom in',
-    zoomOut: 'Zoom out',
+    zoomIn: "Zoom in",
+    zoomOut: "Zoom out"
   },
-  zoomInChildren: <FaPlus focusable={false} />,
-  zoomOutChildren: <FaMinus focusable={false} />,
+  zoomInChildren: /* @__PURE__ */ React.createElement(FaPlus, { focusable: false }),
+  zoomOutChildren: /* @__PURE__ */ React.createElement(FaMinus, { focusable: false }),
   zoomSlider: false,
-  delta: 1,
+  delta: 1
 };
-
 const updateZoom = (map, delta) => {
   const view = map.getView();
   const currentZoom = view.getZoom();
@@ -69,14 +61,9 @@ const updateZoom = (map, delta) => {
   view.animate({
     zoom: constrainedZoom,
     duration: 250,
-    easing: easeOut,
+    easing: easeOut
   });
 };
-
-/**
- * The Zoom component creates a zoom wrapper containing zoom-in and zoom-out buttons
- * and an optional [ol/ZoomSlider](https://openlayers.org/en/latest/apidoc/module-ol_control_ZoomSlider-ZoomSlider.html).
- */
 function Zoom({
   map,
   titles,
@@ -88,51 +75,36 @@ function Zoom({
 }) {
   const ref = useRef();
   const [currentZoom, setZoom] = useState();
-
   const zoomIn = useCallback(
     (evt) => {
       if (!evt.which || evt.which === 13) {
         updateZoom(map, delta);
       }
     },
-    [delta, map],
+    [delta, map]
   );
-
   const zoomOut = useCallback(
     (evt) => {
       if (!evt.which || evt.which === 13) {
         updateZoom(map, -delta);
       }
     },
-    [delta, map],
+    [delta, map]
   );
-
   const zoomInDisabled = useMemo(() => {
-    return (
-      currentZoom >=
-      map.getView().getConstrainedZoom(map.getView().getMaxZoom())
-    );
+    return currentZoom >= map.getView().getConstrainedZoom(map.getView().getMaxZoom());
   }, [currentZoom, map]);
-
   const zoomOutDisabled = useMemo(() => {
-    return (
-      currentZoom <=
-      map.getView().getConstrainedZoom(map.getView().getMinZoom())
-    );
+    return currentZoom <= map.getView().getConstrainedZoom(map.getView().getMinZoom());
   }, [currentZoom, map]);
-
   useEffect(() => {
-    // Trigger zoom update to disable zooms on max and min
-    const listenerKey = map.on('moveend', () => {
+    const listenerKey = map.on("moveend", () => {
       setZoom(map.getView().getZoom());
     });
-
     let control;
     if (zoomSlider && ref.current) {
       control = new ZoomSlider();
-      // We don't want to navigate to the zoom slider using TAB navigation.
       control.element.firstElementChild.tabIndex = -1;
-      // Set the zoom slider in the custom control wrapper.
       control.setTarget(ref.current);
       map.addControl(control);
     }
@@ -143,38 +115,35 @@ function Zoom({
       }
     };
   }, [map, zoomSlider]);
-
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    <div className="rs-zooms-bar" {...other}>
-      <button
-        type="button"
-        tabIndex={0}
-        className="rs-zoom-in"
-        title={titles.zoomIn}
-        onClick={zoomIn}
-        onKeyPress={zoomIn}
-        disabled={zoomInDisabled}
-      >
-        {zoomInChildren}
-      </button>
-      {zoomSlider ? <div className="rs-zoomslider-wrapper" ref={ref} /> : null}
-      <button
-        type="button"
-        tabIndex={0}
-        className="rs-zoom-out"
-        title={titles.zoomOut}
-        onClick={zoomOut}
-        onKeyPress={zoomOut}
-        disabled={zoomOutDisabled}
-      >
-        {zoomOutChildren}
-      </button>
-    </div>
+    /* @__PURE__ */ React.createElement("div", { className: "rs-zooms-bar", ...other }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        tabIndex: 0,
+        className: "rs-zoom-in",
+        title: titles.zoomIn,
+        onClick: zoomIn,
+        onKeyPress: zoomIn,
+        disabled: zoomInDisabled
+      },
+      zoomInChildren
+    ), zoomSlider ? /* @__PURE__ */ React.createElement("div", { className: "rs-zoomslider-wrapper", ref }) : null, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        tabIndex: 0,
+        className: "rs-zoom-out",
+        title: titles.zoomOut,
+        onClick: zoomOut,
+        onKeyPress: zoomOut,
+        disabled: zoomOutDisabled
+      },
+      zoomOutChildren
+    ))
   );
 }
-
 Zoom.propTypes = propTypes;
 Zoom.defaultProps = defaultProps;
-
 export default React.memo(Zoom);