@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/lib/es/components/map/components/features/basics/marker/Marker2.js

@@ -0,0 +1,222 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOrCreateIcon = exports.isDomMakerNeeded = exports.isHMapIcon = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable no-undef */
+const react_1 = tslib_1.__importStar(require("react"));
+const server_1 = tslib_1.__importDefault(require("react-dom/server"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const proptypes_1 = tslib_1.__importDefault(require("../../../../utils/proptypes"));
+const eventHandling_1 = require("../../../../utils/eventHandling");
+const MapException_1 = tslib_1.__importDefault(require("../../../../exceptions/MapException"));
+const context_1 = require("../../../context");
+const isHMapIcon = icon => icon instanceof H.map.Icon;
+exports.isHMapIcon = isHMapIcon;
+const isDomMakerNeeded = icon => (!icon ? false : !(0, exports.isHMapIcon)(icon));
+exports.isDomMakerNeeded = isDomMakerNeeded;
+function getOrCreateIcon(icon, mapType) {
+    if (!icon || (0, exports.isHMapIcon)(icon) || icon instanceof H.map.DomIcon) {
+        return;
+    }
+    const renderedIcon = react_1.default.isValidElement(icon)
+        ? server_1.default.renderToStaticMarkup(react_1.default.cloneElement(icon, { mapType }))
+        : icon;
+    return new H.map.DomIcon(renderedIcon);
+}
+exports.getOrCreateIcon = getOrCreateIcon;
+// class Marker extends React.Component {
+//     constructor(props, context) {
+//         super(props, context);
+//         //console.log(context);
+//         this.setupMarker(props);
+//         console.log(this.context.mapRef);
+//     }
+//     // eslint-disable-next-line camelcase
+//     UNSAFE_componentWillReceiveProps(nextProps) {
+//         const { position, customData, icon } = this.props;
+//         checkAndUpdateEventListenerMap(this.marker, this.props, nextProps);
+//         if (position !== nextProps.position) {
+//             this.marker.setGeometry(this.getConvertedPosition(nextProps));
+//         }
+//         this.marker.draggable = !!nextProps.draggable;
+//         if (customData !== nextProps.customData) {
+//             this.marker.setData(nextProps.customData);
+//         }
+//         console.log(this.context.settings);
+//         if (icon !== nextProps.icon) {
+//             if (isDomMakerNeeded(icon) !== isDomMakerNeeded(nextProps.icon)) {
+//                 // icon type changed so we need to change the marker type
+//                 this.destroyMarker();
+//                 this.setupMarker(nextProps);
+//             } else {
+//                 this.marker.setIcon(getOrCreateIcon(nextProps.icon, this.context.settings));
+//             }
+//         }
+//     }
+//     shouldComponentUpdate() {
+//         return false;
+//     }
+//     componentWillUnmount() {
+//         this.destroyMarker();
+//     }
+//     render() {
+//         return null;
+//     }
+//     setupMarker(nextProps) {
+//         const { customData, draggable } = this.props;
+//         const MarkerConstructor = isDomMakerNeeded(nextProps.icon) ? H.map.DomMarker : H.map.Marker;
+//         this.marker = new MarkerConstructor(this.getConvertedPosition(nextProps), {
+//             icon: getOrCreateIcon(nextProps.icon, this.context.settings),
+//         });
+//         this.marker.setData(customData);
+//         this.marker.draggable = !!draggable;
+//         this.context.api.group.addObject(this.marker);
+//         addEventListenerMap(this.marker, nextProps.eventListenerMap, this.context.api.map);
+//     }
+//     destroyMarker() {
+//         removeEventListenerMap(this.marker);
+//         if (this.context.api.group.getObjects().includes(this.marker)) {
+//             this.context.api.group.removeObject(this.marker);
+//         }
+//         this.marker.dispose();
+//     }
+//     getConvertedPosition(props) {
+//         return this.convertPosition(this.getPosition(props));
+//     }
+//     getPosition(props) {
+//         const { position } = props;
+//         if (!position) {
+//             throw new MapException('Error in Marker: invalid position property');
+//         }
+//         if (Array.isArray(position)) {
+//             position.forEach(pos => this.checkPositionProperties(pos));
+//         } else {
+//             this.checkPositionProperties(position);
+//         }
+//         return position;
+//     }
+//     checkPositionProperties(position) {
+//         ['lat', 'lng'].forEach(propertyName => {
+//             // eslint-disable-next-line no-prototype-builtins
+//             if (!position.hasOwnProperty(propertyName)) {
+//                 throw new MapException(`Error in Marker: position object requires property "${propertyName}"`);
+//             }
+//         });
+//     }
+//     convertPosition(pos) {
+//         return Array.isArray(pos) ? new H.geo.MultiPoint(pos) : pos;
+//     }
+// }
+// Marker.contextType = MapContext;
+// ---------------------
+const convertPosition = pos => (Array.isArray(pos) ? new H.geo.MultiPoint(pos) : pos);
+const checkPositionProperties = position => {
+    ['lat', 'lng'].forEach(propertyName => {
+        // eslint-disable-next-line no-prototype-builtins
+        if (!position.hasOwnProperty(propertyName)) {
+            throw new MapException_1.default(`Error in Marker: position object requires property "${propertyName}"`);
+        }
+    });
+};
+const getPosition = position => {
+    if (!position) {
+        throw new MapException_1.default('Error in Marker: invalid position property');
+    }
+    if (Array.isArray(position)) {
+        position.forEach(pos => checkPositionProperties(pos));
+    }
+    else {
+        checkPositionProperties(position);
+    }
+    return position;
+};
+const getConvertedPosition = position => convertPosition(getPosition(position));
+const setupMarker = (props, api) => {
+    const { position, customData, icon, draggable, eventListenerMap } = props;
+    const MarkerConstructor = (0, exports.isDomMakerNeeded)(icon) ? H.map.DomMarker : H.map.Marker;
+    const marker = new MarkerConstructor(getConvertedPosition(position), {
+        icon: getOrCreateIcon(icon, api.settings.baseLayer),
+    });
+    marker.setData(customData);
+    marker.draggable = !!draggable;
+    api.group.addObject(marker);
+    (0, eventHandling_1.addEventListenerMap)(marker, eventListenerMap, api.map);
+    return marker;
+};
+const destroyMarker = (marker, api) => {
+    (0, eventHandling_1.removeEventListenerMap)(marker);
+    if (api.group.getObjects().includes(marker)) {
+        api.group.removeObject(marker);
+    }
+    marker.dispose();
+};
+const Marker2 = props => {
+    const { position, customData, icon, eventListenerMap } = props;
+    const { api } = (0, react_1.useContext)(context_1.MapContext);
+    const markerRef = (0, react_1.useRef)();
+    const [currentBaseLayer, setCurrentBaseLayer] = (0, react_1.useState)(api === null || api === void 0 ? void 0 : api.settings.baseLayer);
+    (0, react_1.useEffect)(() => {
+        markerRef.current = setupMarker(props, api);
+        return () => {
+            if (markerRef.current) {
+                destroyMarker(markerRef.current, api);
+                markerRef.current = undefined;
+            }
+        };
+    }, []);
+    // Update marker position
+    (0, react_1.useEffect)(() => {
+        if (markerRef.current) {
+            markerRef.current.setGeometry(getConvertedPosition(position));
+        }
+    }, [position, markerRef.current]);
+    // Update marker custom data
+    (0, react_1.useEffect)(() => {
+        if (markerRef.current) {
+            markerRef.current.setData(customData);
+        }
+    }, [customData, markerRef.current]);
+    // Update EventListenerMap
+    (0, react_1.useEffect)(() => {
+        if (markerRef.current) {
+            // use exports to make methods accessible for stubbing
+            const mapApi = (0, eventHandling_1.removeEventListenerMap)(markerRef.current);
+            (0, eventHandling_1.addEventListenerMap)(markerRef.current, eventListenerMap, mapApi);
+        }
+    }, [eventListenerMap, markerRef.current]);
+    // In case the map base layer has changed between day and night, update the marker
+    (0, react_1.useEffect)(() => {
+        if (!markerRef.current) {
+            return;
+        }
+        const newBaseLayer = api.settings.baseLayer;
+        if (newBaseLayer !== currentBaseLayer) {
+            console.log(newBaseLayer);
+            // Update marker icons
+            markerRef.current.setIcon(getOrCreateIcon(icon, newBaseLayer));
+            setCurrentBaseLayer(newBaseLayer);
+        }
+    }, [api.settings.baseLayer, markerRef.current]);
+    // If icon type changed, we need to change the marker type
+    (0, react_1.useEffect)(() => {
+        if (!(markerRef.current && icon)) {
+            return;
+        }
+        if ((0, exports.isDomMakerNeeded)(icon)) {
+            destroyMarker(markerRef.current, api);
+            markerRef.current = setupMarker(props, api);
+        }
+        else {
+            markerRef.current.setIcon(getOrCreateIcon(icon, api.settings.baseLayer));
+        }
+    }, [icon, markerRef.current]);
+    return null;
+};
+Marker2.propTypes = {
+    position: prop_types_1.default.oneOfType([proptypes_1.default.position, proptypes_1.default.positions]).isRequired,
+    icon: proptypes_1.default.icon,
+    eventListenerMap: prop_types_1.default.object,
+    customData: prop_types_1.default.object,
+    draggable: prop_types_1.default.bool,
+};
+exports.default = Marker2;

package/lib/es/components/map/components/features/basics/marker/TextMarker.d.ts

@@ -0,0 +1,17 @@
+export const emptyTextException: "Error in TextMarker: TextMarker without text makes no sense";
+export const wrongTypeException: "Error in TextMarker: property text must be string type";
+export default TextMarker;
+declare function TextMarker(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace TextMarker {
+    namespace propTypes {
+        const position: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
+            lat: PropTypes.Validator<number>;
+            lng: PropTypes.Validator<number>;
+        }> | (PropTypes.InferProps<{
+            lat: PropTypes.Validator<number>;
+            lng: PropTypes.Validator<number>;
+        }> | null | undefined)[] | null | undefined>>>;
+        const text: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/map/components/features/basics/marker/TextMarker.js

@@ -1,40 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrongTypeException = exports.emptyTextException = exports["default"] = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _MapException = _interopRequireDefault(require("../../../../exceptions/MapException"));
-var _proptypes = _interopRequireDefault(require("../../../../utils/proptypes"));
-var _Marker = _interopRequireDefault(require("./Marker"));
-var emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';
-exports.emptyTextException = emptyTextException;
-var wrongTypeException = 'Error in TextMarker: property text must be string type';
-exports.wrongTypeException = wrongTypeException;
-var TextMarker = function TextMarker(props) {
-  var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
-  var textDiv = "<div class=\"bg-white padding-x-5 padding-y-3 border border-color-darker shadow-accent\">".concat(getText(props.text), "</div>");
-  return /*#__PURE__*/_react["default"].createElement(_Marker["default"], (0, _extends2["default"])({}, other, {
-    icon: textDiv
-  }));
-};
-var getText = function getText(text) {
-  if (!text) {
-    throw new _MapException["default"](emptyTextException);
-  }
-  if (typeof text !== 'string') {
-    throw new _MapException["default"](wrongTypeException);
-  }
-  return text;
-};
-TextMarker.propTypes = {
-  position: _propTypes["default"].oneOfType([_proptypes["default"].position, _proptypes["default"].positions]).isRequired,
-  text: _propTypes["default"].string.isRequired
-};
-var _default = TextMarker;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrongTypeException = exports.emptyTextException = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const MapException_1 = tslib_1.__importDefault(require("../../../../exceptions/MapException"));
+const proptypes_1 = tslib_1.__importDefault(require("../../../../utils/proptypes"));
+const Marker_1 = tslib_1.__importDefault(require("./Marker"));
+exports.emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';
+exports.wrongTypeException = 'Error in TextMarker: property text must be string type';
+const TextMarker = props => {
+    const other = tslib_1.__rest(props, []);
+    const textDiv = `<div class="bg-white padding-x-5 padding-y-3 border border-color-darker shadow-accent">${getText(props.text)}</div>`;
+    return (0, jsx_runtime_1.jsx)(Marker_1.default, Object.assign({}, other, { icon: textDiv }));
+};
+const getText = text => {
+    if (!text) {
+        throw new MapException_1.default(exports.emptyTextException);
+    }
+    if (typeof text !== 'string') {
+        throw new MapException_1.default(exports.wrongTypeException);
+    }
+    return text;
+};
+TextMarker.propTypes = {
+    position: prop_types_1.default.oneOfType([proptypes_1.default.position, proptypes_1.default.positions]).isRequired,
+    text: prop_types_1.default.string.isRequired,
+};
+exports.default = TextMarker;

package/lib/es/components/map/components/features/layers/IncidentsLayer.d.ts

@@ -0,0 +1,2 @@
+export default IncidentsLayer;
+declare function IncidentsLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/map/components/features/layers/IncidentsLayer.js

@@ -1,22 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Layer = _interopRequireDefault(require("./Layer"));
-/* eslint-disable no-undef */
-
-function getIncidentsLayer(api) {
-  return api.defaultLayers.vector.normal.trafficincidents;
-}
-var IncidentsLayer = function IncidentsLayer(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Layer["default"], (0, _extends2["default"])({}, props, {
-    createLayer: getIncidentsLayer
-  }));
-};
-var _default = IncidentsLayer;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable no-undef */
+const react_1 = tslib_1.__importDefault(require("react"));
+const Layer_1 = tslib_1.__importDefault(require("./Layer"));
+function getIncidentsLayer(api) {
+    return api.defaultLayers.vector.normal.trafficincidents;
+}
+const IncidentsLayer = props => (0, jsx_runtime_1.jsx)(Layer_1.default, Object.assign({}, props, { createLayer: getIncidentsLayer }));
+exports.default = IncidentsLayer;

package/lib/es/components/map/components/features/layers/Layer.d.ts

@@ -0,0 +1,16 @@
+export default Layer;
+declare function Layer(props: any): null;
+declare namespace Layer {
+    namespace propTypes {
+        const api: PropTypes.Requireable<PropTypes.InferProps<{
+            map: PropTypes.Requireable<any>;
+            platform: PropTypes.Requireable<any>;
+            defaultLayers: PropTypes.Requireable<object>;
+            group: PropTypes.Requireable<any>;
+        }>>;
+        const createLayer: PropTypes.Validator<(...args: any[]) => any>;
+        const language: PropTypes.Requireable<string>;
+        const layerIndex: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/map/components/features/layers/Layer.js

@@ -1,37 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _proptypes = _interopRequireDefault(require("../../../utils/proptypes"));
-var _localization = require("../../../utils/localization");
-var Layer = function Layer(props) {
-  var api = props.api,
-    createLayer = props.createLayer,
-    layerIndex = props.layerIndex,
-    language = props.language;
-  (0, _react.useEffect)(function () {
-    var lang = (0, _localization.mapToLongLocale)(language);
-    var newLayer = createLayer(api, lang);
-    api.map.addLayer(newLayer, layerIndex);
-    return function () {
-      if (newLayer) {
-        api.map.removeLayer(newLayer);
-        newLayer.dispose();
-      }
-    };
-  }, [api.map]);
-  return null;
-};
-Layer.propTypes = {
-  api: _proptypes["default"].api,
-  createLayer: _propTypes["default"].func.isRequired,
-  language: _propTypes["default"].string,
-  layerIndex: _propTypes["default"].number
-};
-var _default = Layer;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const proptypes_1 = tslib_1.__importDefault(require("../../../utils/proptypes"));
+const localization_1 = require("../../../utils/localization");
+const Layer = props => {
+    const { api, createLayer, layerIndex, language } = props;
+    (0, react_1.useEffect)(() => {
+        const lang = (0, localization_1.mapToLongLocale)(language);
+        const newLayer = createLayer(api, lang);
+        api.map.addLayer(newLayer, layerIndex);
+        return () => {
+            if (newLayer) {
+                api.map.removeLayer(newLayer);
+                newLayer.dispose();
+            }
+        };
+    }, [api.map]);
+    return null;
+};
+Layer.propTypes = {
+    api: proptypes_1.default.api,
+    createLayer: prop_types_1.default.func.isRequired,
+    language: prop_types_1.default.string,
+    layerIndex: prop_types_1.default.number,
+};
+exports.default = Layer;

package/lib/es/components/map/components/features/layers/MarkerLayer.d.ts

@@ -0,0 +1,14 @@
+export default MarkerLayer;
+declare function MarkerLayer(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace MarkerLayer {
+    namespace propTypes {
+        const simpleTheme: PropTypes.Requireable<PropTypes.InferProps<{
+            getNoisePresentation: PropTypes.Validator<(...args: any[]) => any>;
+            getClusterPresentation: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        const clusterDissolvable: PropTypes.Requireable<boolean>;
+        const clusterStrategy: PropTypes.Requireable<string>;
+        const eps: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/map/components/features/layers/MarkerLayer.js

@@ -1,51 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-var _proptypes = _interopRequireDefault(require("../../../utils/proptypes"));
-var _ClusterLayer = _interopRequireDefault(require("./clustering/ClusterLayer"));
-var _clustering = require("../../../utils/clustering");
-var _context = require("../../context");
-var _excluded = ["simpleTheme", "clusterDissolvable"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/*
- * Not very different to the SimpleClusterLayer, but with a different intention.
- */
-var MarkerLayer = function MarkerLayer(props) {
-  var _useContext = (0, _react.useContext)(_context.MapContext),
-    api = _useContext.api;
-  var simpleTheme = props.simpleTheme,
-    _props$clusterDissolv = props.clusterDissolvable,
-    clusterDissolvable = _props$clusterDissolv === void 0 ? true : _props$clusterDissolv,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-  // Norbert: Not an ideal solution
-  var showCluster = !clusterDissolvable || (0, _getOr["default"])(true, 'settings.showCluster', api);
-  var newProps = _objectSpread({
-    clusterTheme: simpleTheme && (0, _clustering.wrapSimpleTheme)(simpleTheme)
-  }, rest);
-  return /*#__PURE__*/_react["default"].createElement(_ClusterLayer["default"], (0, _extends2["default"])({}, newProps, {
-    minWeight: showCluster ? undefined : 1000000000
-  }));
-};
-MarkerLayer.propTypes = {
-  simpleTheme: _proptypes["default"].clusterTheme,
-  clusterDissolvable: _propTypes["default"].bool,
-  clusterStrategy: _propTypes["default"].oneOf(['FASTGRID', 'GRID', 'DYNAMICGRID']),
-  eps: _propTypes["default"].number
-};
-var _default = MarkerLayer;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const getOr_1 = tslib_1.__importDefault(require("lodash/fp/getOr"));
+const proptypes_1 = tslib_1.__importDefault(require("../../../utils/proptypes"));
+const ClusterLayer_1 = tslib_1.__importDefault(require("./clustering/ClusterLayer"));
+const clustering_1 = require("../../../utils/clustering");
+const context_1 = require("../../context");
+/*
+ * Not very different to the SimpleClusterLayer, but with a different intention.
+ */
+const MarkerLayer = props => {
+    const { api } = (0, react_1.useContext)(context_1.MapContext);
+    const { simpleTheme, clusterDissolvable = true } = props, rest = tslib_1.__rest(props, ["simpleTheme", "clusterDissolvable"]);
+    // Norbert: Not an ideal solution
+    const showCluster = !clusterDissolvable || (0, getOr_1.default)(true, 'settings.showCluster', api);
+    const newProps = Object.assign({ clusterTheme: simpleTheme && (0, clustering_1.wrapSimpleTheme)(simpleTheme) }, rest);
+    return (0, jsx_runtime_1.jsx)(ClusterLayer_1.default, Object.assign({}, newProps, { minWeight: showCluster ? undefined : 1000000000 }));
+};
+MarkerLayer.propTypes = {
+    simpleTheme: proptypes_1.default.clusterTheme,
+    clusterDissolvable: prop_types_1.default.bool,
+    clusterStrategy: prop_types_1.default.oneOf(['FASTGRID', 'GRID', 'DYNAMICGRID']),
+    eps: prop_types_1.default.number,
+};
+exports.default = MarkerLayer;

package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.d.ts

@@ -0,0 +1,2 @@
+export default RoadRestrictionLayer;
+declare function RoadRestrictionLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.js

@@ -1,34 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../../constants");
-var _Layer = _interopRequireDefault(require("./Layer"));
-var _excluded = ["useWebGL"];
-var createRoadRestrictionLayer = function createRoadRestrictionLayer(useWebGL) {
-  return function (api, language) {
-    return api.platform.getMapTileService({
-      type: 'base'
-    }).createTileLayer('truckonlytile', 'normal.day', _constants.TILE_SIZE, _constants.FORMAT, {
-      style: 'default',
-      lg: language,
-      ppi: undefined
-    });
-  };
-};
-var RoadRestrictionLayer = function RoadRestrictionLayer(props) {
-  var useWebGL = props.useWebGL,
-    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var createLayer = createRoadRestrictionLayer(useWebGL);
-  return /*#__PURE__*/_react["default"].createElement(_Layer["default"], (0, _extends2["default"])({}, remainingProps, {
-    createLayer: createLayer
-  }));
-};
-var _default = RoadRestrictionLayer;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
+const Layer_1 = tslib_1.__importDefault(require("./Layer"));
+const createRoadRestrictionLayer = useWebGL => (api, language) => {
+    return api.platform
+        .getMapTileService({ type: 'base' })
+        .createTileLayer('truckonlytile', 'normal.day', constants_1.TILE_SIZE, constants_1.FORMAT, {
+        style: 'default',
+        lg: language,
+        ppi: undefined,
+    });
+};
+const RoadRestrictionLayer = props => {
+    const { useWebGL } = props, remainingProps = tslib_1.__rest(props, ["useWebGL"]);
+    const createLayer = createRoadRestrictionLayer(useWebGL);
+    return (0, jsx_runtime_1.jsx)(Layer_1.default, Object.assign({}, remainingProps, { createLayer: createLayer }));
+};
+exports.default = RoadRestrictionLayer;

package/lib/es/components/map/components/features/layers/TrafficLayer.d.ts

@@ -0,0 +1,2 @@
+export default TrafficLayer;
+declare function TrafficLayer(props: any): import("react/jsx-runtime").JSX.Element;