@chayns-components/maps 5.0.0-beta.577 → 5.0.0-beta.578

package/lib/cjs/components/position-input/PositionInput.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireDefault(require("react"));
+var _positionInput = require("../../constants/positionInput");
+var _MapWrapper = _interopRequireDefault(require("./map-wrapper/MapWrapper"));
+var _PositionInput = require("./PositionInput.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PositionInput = ({
+  searchPlaceholder,
+  apiToken,
+  polygonOptions = _positionInput.DEFAULT_POLYGON_OPTIONS,
+  initialPosition = _positionInput.DEFAULT_POSITION,
+  zoom = 13,
+  markers,
+  onMarkerRemove,
+  onMarkerChange,
+  onMarkerAdd
+}) => /*#__PURE__*/_react.default.createElement(_PositionInput.StyledPositionInput, null, /*#__PURE__*/_react.default.createElement(_PositionInput.StyledPositionInputSearch, null, /*#__PURE__*/_react.default.createElement(_core.Input, {
+  id: "auto-complete-input",
+  placeholder: searchPlaceholder
+})), /*#__PURE__*/_react.default.createElement(_MapWrapper.default, {
+  apiToken: apiToken,
+  polygonOptions: polygonOptions,
+  initialPosition: initialPosition,
+  initialZoom: zoom,
+  markers: markers,
+  onMarkerAdd: onMarkerAdd,
+  onMarkerChange: onMarkerChange,
+  onMarkerRemove: onMarkerRemove
+}));
+PositionInput.displayName = 'PositionInput';
+var _default = exports.default = PositionInput;
+//# sourceMappingURL=PositionInput.js.map

package/lib/cjs/components/position-input/PositionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionInput.js","names":["_core","require","_react","_interopRequireDefault","_positionInput","_MapWrapper","_PositionInput","obj","__esModule","default","PositionInput","searchPlaceholder","apiToken","polygonOptions","DEFAULT_POLYGON_OPTIONS","initialPosition","DEFAULT_POSITION","zoom","markers","onMarkerRemove","onMarkerChange","onMarkerAdd","createElement","StyledPositionInput","StyledPositionInputSearch","Input","id","placeholder","initialZoom","displayName","_default","exports"],"sources":["../../../../src/components/position-input/PositionInput.tsx"],"sourcesContent":["import { Input } from '@chayns-components/core';\nimport React, { FC } from 'react';\nimport { DEFAULT_POLYGON_OPTIONS, DEFAULT_POSITION } from '../../constants/positionInput';\nimport type { IMarker, PolygonOptions, Position } from '../../types/positionInput';\nimport MapWrapper from './map-wrapper/MapWrapper';\nimport { StyledPositionInput, StyledPositionInputSearch } from './PositionInput.styles';\n\nexport type PositionInputProps = {\n    /**\n     * The api token for google maps.\n     */\n    apiToken: string;\n    /**\n     * The position of the center of the map on the initial render.\n     */\n    initialPosition?: Position;\n    /**\n     * Markers that should be displayed.\n     */\n    markers?: IMarker[];\n    /**\n     * Function to be executed when a marker is added.\n     */\n    onMarkerAdd?: (marker: IMarker) => void;\n    /**\n     * Function to be executed when a marker position is changed.\n     */\n    onMarkerChange?: (markers: IMarker[]) => void;\n    /**\n     * Function to be executed when a marker is removed.\n     */\n    onMarkerRemove?: (id: number) => void;\n    /**\n     * Options to style the polygon.\n     */\n    polygonOptions?: PolygonOptions;\n    /**\n     * The placeholder of the search input.\n     */\n    searchPlaceholder?: string;\n    /**\n     * The zoom of the map.\n     */\n    zoom?: number;\n};\n\nconst PositionInput: FC<PositionInputProps> = ({\n    searchPlaceholder,\n    apiToken,\n    polygonOptions = DEFAULT_POLYGON_OPTIONS,\n    initialPosition = DEFAULT_POSITION,\n    zoom = 13,\n    markers,\n    onMarkerRemove,\n    onMarkerChange,\n    onMarkerAdd,\n}) => (\n    <StyledPositionInput>\n        <StyledPositionInputSearch>\n            <Input id=\"auto-complete-input\" placeholder={searchPlaceholder} />\n        </StyledPositionInputSearch>\n        <MapWrapper\n            apiToken={apiToken}\n            polygonOptions={polygonOptions}\n            initialPosition={initialPosition}\n            initialZoom={zoom}\n            markers={markers}\n            onMarkerAdd={onMarkerAdd}\n            onMarkerChange={onMarkerChange}\n            onMarkerRemove={onMarkerRemove}\n        />\n    </StyledPositionInput>\n);\n\nPositionInput.displayName = 'PositionInput';\n\nexport default PositionInput;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAwF,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAyCxF,MAAMG,aAAqC,GAAGA,CAAC;EAC3CC,iBAAiB;EACjBC,QAAQ;EACRC,cAAc,GAAGC,sCAAuB;EACxCC,eAAe,GAAGC,+BAAgB;EAClCC,IAAI,GAAG,EAAE;EACTC,OAAO;EACPC,cAAc;EACdC,cAAc;EACdC;AACJ,CAAC,kBACGnB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAAChB,cAAA,CAAAiB,mBAAmB,qBAChBrB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAAChB,cAAA,CAAAkB,yBAAyB,qBACtBtB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACtB,KAAA,CAAAyB,KAAK;EAACC,EAAE,EAAC,qBAAqB;EAACC,WAAW,EAAEhB;AAAkB,CAAE,CAC1C,CAAC,eAC5BT,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,WAAA,CAAAI,OAAU;EACPG,QAAQ,EAAEA,QAAS;EACnBC,cAAc,EAAEA,cAAe;EAC/BE,eAAe,EAAEA,eAAgB;EACjCa,WAAW,EAAEX,IAAK;EAClBC,OAAO,EAAEA,OAAQ;EACjBG,WAAW,EAAEA,WAAY;EACzBD,cAAc,EAAEA,cAAe;EAC/BD,cAAc,EAAEA;AAAe,CAClC,CACgB,CACxB;AAEDT,aAAa,CAACmB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAE7BC,aAAa","ignoreList":[]}

package/lib/cjs/components/position-input/PositionInput.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPositionInputSearch = exports.StyledPositionInput = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledPositionInput = exports.StyledPositionInput = _styledComponents.default.div`
+    position: relative;
+`;
+const StyledPositionInputSearch = exports.StyledPositionInputSearch = _styledComponents.default.div`
+    position: absolute;
+    width: 300px;
+    left: 8px;
+    top: 8px;
+    z-index: 3;
+`;
+//# sourceMappingURL=PositionInput.styles.js.map

package/lib/cjs/components/position-input/PositionInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionInput.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledPositionInput","exports","styled","div","StyledPositionInputSearch"],"sources":["../../../../src/components/position-input/PositionInput.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledPositionInput = styled.div`\n    position: relative;\n`;\n\nexport const StyledPositionInputSearch = styled.div`\n    position: absolute;\n    width: 300px;\n    left: 8px;\n    top: 8px;\n    z-index: 3;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC9C;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/position-input/map-wrapper/MapWrapper.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactWrapper = require("@googlemaps/react-wrapper");
+var _MapWrapper = require("./MapWrapper.styles");
+var _api = require("@react-google-maps/api");
+var _Marker = _interopRequireDefault(require("./map/marker/Marker"));
+var _Map = _interopRequireDefault(require("./map/Map"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const MapWrapper = ({
+  apiToken,
+  polygonOptions,
+  initialZoom,
+  initialPosition,
+  markers,
+  onMarkerAdd,
+  onMarkerRemove,
+  onMarkerChange
+}) => {
+  const [polygonPath, setPolygonPath] = (0, _react.useState)();
+  const [canPolyDraw, setCanPolyDraw] = (0, _react.useState)(false);
+  const [zoom, setZoom] = (0, _react.useState)(initialZoom);
+  const [center, setCenter] = (0, _react.useState)(initialPosition);
+  const [internalMarkers, setInternalMarkers] = (0, _react.useState)();
+  const [map, setMap] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    if (markers) {
+      setInternalMarkers(markers);
+    }
+  }, [markers]);
+  const handleClick = (0, _react.useCallback)(e => {
+    var _e$latLng;
+    const latLng = (_e$latLng = e.latLng) === null || _e$latLng === void 0 ? void 0 : _e$latLng.toJSON();
+    if (!latLng) {
+      return;
+    }
+    setInternalMarkers(prevState => {
+      if (prevState && prevState.length >= 2) {
+        return prevState;
+      }
+      const newMarker = {
+        position: {
+          lat: latLng.lat,
+          lng: latLng.lng
+        },
+        id: prevState ? prevState.length : 0
+      };
+      if (typeof onMarkerAdd === 'function') {
+        onMarkerAdd(newMarker);
+      }
+      return prevState ? [...prevState, newMarker] : [newMarker];
+    });
+  }, [onMarkerAdd]);
+  (0, _react.useEffect)(() => {
+    var _internalMarkers$, _internalMarkers$2, _internalMarkers$3, _internalMarkers$4, _internalMarkers$5, _internalMarkers$6, _internalMarkers$7, _internalMarkers$8;
+    if (!internalMarkers) {
+      return;
+    }
+    if (internalMarkers.length !== 2) {
+      setCanPolyDraw(false);
+      return;
+    }
+    const path = [{
+      lat: ((_internalMarkers$ = internalMarkers[0]) === null || _internalMarkers$ === void 0 ? void 0 : _internalMarkers$.position.lat) ?? 0,
+      lng: ((_internalMarkers$2 = internalMarkers[0]) === null || _internalMarkers$2 === void 0 ? void 0 : _internalMarkers$2.position.lng) ?? 0
+    }, {
+      lat: ((_internalMarkers$3 = internalMarkers[0]) === null || _internalMarkers$3 === void 0 ? void 0 : _internalMarkers$3.position.lat) ?? 0,
+      lng: ((_internalMarkers$4 = internalMarkers[1]) === null || _internalMarkers$4 === void 0 ? void 0 : _internalMarkers$4.position.lng) ?? 0
+    }, {
+      lat: ((_internalMarkers$5 = internalMarkers[1]) === null || _internalMarkers$5 === void 0 ? void 0 : _internalMarkers$5.position.lat) ?? 0,
+      lng: ((_internalMarkers$6 = internalMarkers[1]) === null || _internalMarkers$6 === void 0 ? void 0 : _internalMarkers$6.position.lng) ?? 0
+    }, {
+      lat: ((_internalMarkers$7 = internalMarkers[1]) === null || _internalMarkers$7 === void 0 ? void 0 : _internalMarkers$7.position.lat) ?? 0,
+      lng: ((_internalMarkers$8 = internalMarkers[0]) === null || _internalMarkers$8 === void 0 ? void 0 : _internalMarkers$8.position.lng) ?? 0
+    }];
+    const maxLat = path.reduce((prev, current) => prev.lat > current.lat ? prev : current);
+    const minLat = path.reduce((prev, current) => prev.lat < current.lat ? prev : current);
+    const maxLng = path.reduce((prev, current) => prev.lng > current.lng ? prev : current);
+    const minLng = path.reduce((prev, current) => prev.lng < current.lng ? prev : current);
+    const topLeft = path.find(item => item.lat === maxLat.lat && item.lng === minLng.lng);
+    const bottomRight = path.find(item => item.lat === minLat.lat && item.lng === maxLng.lng);
+    if (!topLeft || !bottomRight) {
+      return;
+    }
+    const centerLat = (topLeft.lat + bottomRight.lat) / 2;
+    const centerLng = (topLeft.lng + bottomRight.lng) / 2;
+    const polygonCenter = {
+      lat: centerLat,
+      lng: centerLng
+    };
+    if (!polygonCenter) {
+      return;
+    }
+    setCanPolyDraw(true);
+    setPolygonPath(path);
+  }, [internalMarkers]);
+  const handleIdle = m => {
+    var _m$getCenter;
+    setMap(m);
+    setZoom(m.getZoom() ?? 0);
+    setCenter(((_m$getCenter = m.getCenter()) === null || _m$getCenter === void 0 ? void 0 : _m$getCenter.toJSON()) ?? {
+      lat: 0,
+      lng: 0
+    });
+  };
+  const handlePositionChange = position => {
+    setCenter(position);
+  };
+  const handleMarkerChange = (0, _react.useCallback)(marker => {
+    setInternalMarkers(prevState => {
+      const updatedMarkers = (prevState ?? []).map(prevMarker => {
+        if (prevMarker.id === marker.id) {
+          return {
+            ...prevMarker,
+            position: marker.position
+          };
+        }
+        return prevMarker;
+      });
+      if (typeof onMarkerChange === 'function') {
+        onMarkerChange(updatedMarkers);
+      }
+      return updatedMarkers;
+    });
+  }, [onMarkerChange]);
+  const handleMarkerRemove = (0, _react.useCallback)(id => {
+    setInternalMarkers(prevState => {
+      if (typeof onMarkerRemove === 'function') {
+        onMarkerRemove(id);
+      }
+      return prevState ? prevState.filter(marker => marker.id !== id) : [];
+    });
+  }, [onMarkerRemove]);
+  const markerList = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!internalMarkers) {
+      return items;
+    }
+    internalMarkers.forEach(({
+      id,
+      position
+    }) => {
+      items.push( /*#__PURE__*/_react.default.createElement(_Marker.default, {
+        key: `marker_${id}`,
+        id: id,
+        position: position,
+        isDraggable: true,
+        map: map,
+        onChange: handleMarkerChange,
+        onRemove: handleMarkerRemove
+      }));
+    });
+    return items;
+  }, [handleMarkerChange, handleMarkerRemove, internalMarkers, map]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_MapWrapper.StyledMapWrapper, null, /*#__PURE__*/_react.default.createElement(_reactWrapper.Wrapper, {
+    apiKey: apiToken,
+    libraries: ['places']
+  }, /*#__PURE__*/_react.default.createElement(_Map.default, {
+    onClick: handleClick,
+    onIdle: handleIdle,
+    onPositionChange: handlePositionChange,
+    center: center,
+    zoom: zoom,
+    fullscreenControl: false,
+    mapTypeControl: false,
+    streetViewControl: false
+  }, markerList, canPolyDraw && /*#__PURE__*/_react.default.createElement(_api.Polygon, {
+    path: polygonPath,
+    options: polygonOptions
+  })))), [apiToken, handleClick, center, zoom, markerList, canPolyDraw, polygonPath, polygonOptions]);
+};
+MapWrapper.displayName = 'MapWrapper';
+var _default = exports.default = MapWrapper;
+//# sourceMappingURL=MapWrapper.js.map

package/lib/cjs/components/position-input/map-wrapper/MapWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.js","names":["_react","_interopRequireWildcard","require","_reactWrapper","_MapWrapper","_api","_Marker","_interopRequireDefault","_Map","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MapWrapper","apiToken","polygonOptions","initialZoom","initialPosition","markers","onMarkerAdd","onMarkerRemove","onMarkerChange","polygonPath","setPolygonPath","useState","canPolyDraw","setCanPolyDraw","zoom","setZoom","center","setCenter","internalMarkers","setInternalMarkers","map","setMap","useEffect","handleClick","useCallback","_e$latLng","latLng","toJSON","prevState","length","newMarker","position","lat","lng","id","_internalMarkers$","_internalMarkers$2","_internalMarkers$3","_internalMarkers$4","_internalMarkers$5","_internalMarkers$6","_internalMarkers$7","_internalMarkers$8","path","maxLat","reduce","prev","current","minLat","maxLng","minLng","topLeft","find","item","bottomRight","centerLat","centerLng","polygonCenter","handleIdle","m","_m$getCenter","getZoom","getCenter","handlePositionChange","handleMarkerChange","marker","updatedMarkers","prevMarker","handleMarkerRemove","filter","markerList","useMemo","items","forEach","push","createElement","key","isDraggable","onChange","onRemove","StyledMapWrapper","Wrapper","apiKey","libraries","onClick","onIdle","onPositionChange","fullscreenControl","mapTypeControl","streetViewControl","Polygon","options","displayName","_default","exports"],"sources":["../../../../../src/components/position-input/map-wrapper/MapWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport { StyledMapWrapper } from './MapWrapper.styles';\nimport type { IMarker, PolygonOptions, Position } from '../../../types/positionInput';\nimport { Polygon } from '@react-google-maps/api';\nimport Marker from './map/marker/Marker';\nimport Map from './map/Map';\n\nexport type MapWrapperProps = {\n    apiToken: string;\n    polygonOptions: PolygonOptions;\n    initialZoom: number;\n    initialPosition: Position;\n    markers?: IMarker[];\n    onMarkerAdd?: (marker: IMarker) => void;\n    onMarkerRemove?: (id: number) => void;\n    onMarkerChange?: (markers: IMarker[]) => void;\n};\n\nconst MapWrapper: FC<MapWrapperProps> = ({\n    apiToken,\n    polygonOptions,\n    initialZoom,\n    initialPosition,\n    markers,\n    onMarkerAdd,\n    onMarkerRemove,\n    onMarkerChange,\n}) => {\n    const [polygonPath, setPolygonPath] = useState<Position[]>();\n    const [canPolyDraw, setCanPolyDraw] = useState(false);\n    const [zoom, setZoom] = useState(initialZoom);\n    const [center, setCenter] = useState<Position>(initialPosition);\n    const [internalMarkers, setInternalMarkers] = useState<IMarker[]>();\n    const [map, setMap] = useState<google.maps.Map>();\n\n    useEffect(() => {\n        if (markers) {\n            setInternalMarkers(markers);\n        }\n    }, [markers]);\n\n    const handleClick = useCallback(\n        (e: google.maps.MapMouseEvent) => {\n            const latLng = e.latLng?.toJSON();\n\n            if (!latLng) {\n                return;\n            }\n\n            setInternalMarkers((prevState) => {\n                if (prevState && prevState.length >= 2) {\n                    return prevState;\n                }\n\n                const newMarker: IMarker = {\n                    position: { lat: latLng.lat, lng: latLng.lng },\n                    id: prevState ? prevState.length : 0,\n                };\n\n                if (typeof onMarkerAdd === 'function') {\n                    onMarkerAdd(newMarker);\n                }\n\n                return prevState ? [...prevState, newMarker] : [newMarker];\n            });\n        },\n        [onMarkerAdd],\n    );\n\n    useEffect(() => {\n        if (!internalMarkers) {\n            return;\n        }\n\n        if (internalMarkers.length !== 2) {\n            setCanPolyDraw(false);\n\n            return;\n        }\n\n        const path: Position[] = [\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n        ];\n\n        const maxLat = path.reduce((prev, current) => (prev.lat > current.lat ? prev : current));\n        const minLat = path.reduce((prev, current) => (prev.lat < current.lat ? prev : current));\n        const maxLng = path.reduce((prev, current) => (prev.lng > current.lng ? prev : current));\n        const minLng = path.reduce((prev, current) => (prev.lng < current.lng ? prev : current));\n\n        const topLeft = path.find((item) => item.lat === maxLat.lat && item.lng === minLng.lng);\n        const bottomRight = path.find((item) => item.lat === minLat.lat && item.lng === maxLng.lng);\n\n        if (!topLeft || !bottomRight) {\n            return;\n        }\n\n        const centerLat = (topLeft.lat + bottomRight.lat) / 2;\n        const centerLng = (topLeft.lng + bottomRight.lng) / 2;\n\n        const polygonCenter = {\n            lat: centerLat,\n            lng: centerLng,\n        };\n\n        if (!polygonCenter) {\n            return;\n        }\n\n        setCanPolyDraw(true);\n        setPolygonPath(path);\n    }, [internalMarkers]);\n\n    const handleIdle = (m: google.maps.Map) => {\n        setMap(m);\n        setZoom(m.getZoom() ?? 0);\n        setCenter(m.getCenter()?.toJSON() ?? { lat: 0, lng: 0 });\n    };\n\n    const handlePositionChange = (position: Position) => {\n        setCenter(position);\n    };\n\n    const handleMarkerChange = useCallback(\n        (marker: IMarker) => {\n            setInternalMarkers((prevState) => {\n                const updatedMarkers = (prevState ?? []).map((prevMarker) => {\n                    if (prevMarker.id === marker.id) {\n                        return { ...prevMarker, position: marker.position };\n                    }\n                    return prevMarker;\n                });\n\n                if (typeof onMarkerChange === 'function') {\n                    onMarkerChange(updatedMarkers);\n                }\n\n                return updatedMarkers;\n            });\n        },\n        [onMarkerChange],\n    );\n\n    const handleMarkerRemove = useCallback(\n        (id: number) => {\n            setInternalMarkers((prevState) => {\n                if (typeof onMarkerRemove === 'function') {\n                    onMarkerRemove(id);\n                }\n\n                return prevState ? prevState.filter((marker) => marker.id !== id) : [];\n            });\n        },\n        [onMarkerRemove],\n    );\n\n    const markerList = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!internalMarkers) {\n            return items;\n        }\n\n        internalMarkers.forEach(({ id, position }) => {\n            items.push(\n                <Marker\n                    key={`marker_${id}`}\n                    id={id}\n                    position={position}\n                    isDraggable\n                    map={map}\n                    onChange={handleMarkerChange}\n                    onRemove={handleMarkerRemove}\n                />,\n            );\n        });\n\n        return items;\n    }, [handleMarkerChange, handleMarkerRemove, internalMarkers, map]);\n\n    return useMemo(\n        () => (\n            <StyledMapWrapper>\n                <Wrapper apiKey={apiToken} libraries={['places']}>\n                    {/* ToDo find better solution */}\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <Map\n                        onClick={handleClick}\n                        onIdle={handleIdle}\n                        onPositionChange={handlePositionChange}\n                        center={center}\n                        zoom={zoom}\n                        fullscreenControl={false}\n                        mapTypeControl={false}\n                        streetViewControl={false}\n                    >\n                        {markerList}\n                        {canPolyDraw && <Polygon path={polygonPath} options={polygonOptions} />}\n                    </Map>\n                </Wrapper>\n            </StyledMapWrapper>\n        ),\n        [apiToken, handleClick, center, zoom, markerList, canPolyDraw, polygonPath, polygonOptions],\n    );\n};\n\nMapWrapper.displayName = 'MapWrapper';\n\nexport default MapWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/position-input/map-wrapper/MapWrapper.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMapWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledMapWrapper = exports.StyledMapWrapper = _styledComponents.default.div`
+    height: 500px;
+`;
+//# sourceMappingURL=MapWrapper.styles.js.map

package/lib/cjs/components/position-input/map-wrapper/MapWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledMapWrapper","exports","styled","div"],"sources":["../../../../../src/components/position-input/map-wrapper/MapWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMapWrapper = styled.div`\n    height: 500px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC3C;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/position-input/map-wrapper/map/Map.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Map = require("./Map.styles");
+var _positionInput = require("../../../../hooks/positionInput");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Map = ({
+  mapTypeControl,
+  fullscreenControl,
+  streetViewControl,
+  children,
+  onClick,
+  onIdle,
+  zoom,
+  center,
+  onPositionChange
+}) => {
+  const [map, setMap] = (0, _react.useState)();
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (ref.current && !map) {
+      setMap(new window.google.maps.Map(ref.current, {}));
+      const input = document.getElementById('auto-complete-input');
+      if (!input) {
+        return;
+      }
+      const autoComplete = new google.maps.places.Autocomplete(input, {
+        // componentRestrictions: { country: ["de"] },
+        fields: ['address_component', 'geometry'],
+        types: ['(cities)']
+      });
+      input.placeholder = '';
+      autoComplete.addListener('place_changed', () => {
+        var _place$geometry;
+        const place = autoComplete.getPlace();
+        const placeLocation = (_place$geometry = place.geometry) === null || _place$geometry === void 0 ? void 0 : _place$geometry.location;
+        if (!placeLocation) {
+          return;
+        }
+        onPositionChange({
+          lat: placeLocation.lat(),
+          lng: placeLocation.lng()
+        });
+      });
+    }
+  }, [ref, map, onPositionChange]);
+  (0, _react.useEffect)(() => {
+    if (map) {
+      map.setCenter(center);
+    }
+  }, [center, map]);
+
+  // because React does not do deep comparisons, a custom hook is used
+  // see discussion in https://github.com/googlemaps/js-samples/issues/946
+  (0, _positionInput.useDeepCompareEffectForMaps)(() => {
+    if (map) {
+      map.setOptions({
+        mapTypeControl,
+        fullscreenControl,
+        streetViewControl,
+        zoom
+      });
+    }
+  }, [map]);
+  (0, _react.useEffect)(() => {
+    if (map) {
+      ['click', 'idle'].forEach(eventName => google.maps.event.clearListeners(map, eventName));
+      if (onClick) {
+        map.addListener('click', onClick);
+      }
+      if (onIdle) {
+        map.addListener('idle', () => onIdle(map));
+      }
+    }
+  }, [map, onClick, onIdle]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Map.StyledMap, {
+    ref: ref
+  }), _react.default.Children.map(children, child => {
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+      // set the map prop on the child component
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        map
+      });
+    }
+    return null;
+  }));
+};
+Map.displayName = 'Map';
+var _default = exports.default = Map;
+//# sourceMappingURL=Map.js.map

package/lib/cjs/components/position-input/map-wrapper/map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","names":["_react","_interopRequireWildcard","require","_Map","_positionInput","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Map","mapTypeControl","fullscreenControl","streetViewControl","children","onClick","onIdle","zoom","center","onPositionChange","map","setMap","useState","ref","useRef","useEffect","current","window","google","maps","input","document","getElementById","autoComplete","places","Autocomplete","fields","types","placeholder","addListener","_place$geometry","place","getPlace","placeLocation","geometry","location","lat","lng","setCenter","useDeepCompareEffectForMaps","setOptions","forEach","eventName","event","clearListeners","createElement","Fragment","StyledMap","React","Children","child","isValidElement","cloneElement","displayName","_default","exports"],"sources":["../../../../../../src/components/position-input/map-wrapper/map/Map.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useRef, useState } from 'react';\nimport { StyledMap } from './Map.styles';\nimport type { Position } from '../../../../types/positionInput';\nimport { useDeepCompareEffectForMaps } from '../../../../hooks/positionInput';\n\nexport type MapProps = {\n    onClick: (event: google.maps.MapMouseEvent) => void;\n    onIdle: (event: google.maps.Map) => void;\n    onPositionChange: (position: Position) => void;\n    children: ReactElement;\n    center: Position;\n    zoom: number;\n    fullscreenControl: boolean;\n    mapTypeControl: boolean;\n    streetViewControl: boolean;\n};\n\nconst Map: FC<MapProps> = ({\n    mapTypeControl,\n    fullscreenControl,\n    streetViewControl,\n    children,\n    onClick,\n    onIdle,\n    zoom,\n    center,\n    onPositionChange,\n}) => {\n    const [map, setMap] = useState<google.maps.Map>();\n\n    const ref = useRef(null);\n\n    useEffect(() => {\n        if (ref.current && !map) {\n            setMap(new window.google.maps.Map(ref.current, {}));\n\n            const input = document.getElementById('auto-complete-input') as HTMLInputElement;\n\n            if (!input) {\n                return;\n            }\n\n            const autoComplete = new google.maps.places.Autocomplete(input, {\n                // componentRestrictions: { country: [\"de\"] },\n                fields: ['address_component', 'geometry'],\n                types: ['(cities)'],\n            });\n\n            input.placeholder = '';\n\n            autoComplete.addListener('place_changed', () => {\n                const place = autoComplete.getPlace();\n\n                const placeLocation = place.geometry?.location;\n\n                if (!placeLocation) {\n                    return;\n                }\n\n                onPositionChange({ lat: placeLocation.lat(), lng: placeLocation.lng() });\n            });\n        }\n    }, [ref, map, onPositionChange]);\n\n    useEffect(() => {\n        if (map) {\n            map.setCenter(center);\n        }\n    }, [center, map]);\n\n    // because React does not do deep comparisons, a custom hook is used\n    // see discussion in https://github.com/googlemaps/js-samples/issues/946\n    useDeepCompareEffectForMaps(() => {\n        if (map) {\n            map.setOptions({ mapTypeControl, fullscreenControl, streetViewControl, zoom });\n        }\n    }, [map]);\n\n    useEffect(() => {\n        if (map) {\n            ['click', 'idle'].forEach((eventName) =>\n                google.maps.event.clearListeners(map, eventName),\n            );\n\n            if (onClick) {\n                map.addListener('click', onClick);\n            }\n\n            if (onIdle) {\n                map.addListener('idle', () => onIdle(map));\n            }\n        }\n    }, [map, onClick, onIdle]);\n\n    return (\n        <>\n            <StyledMap ref={ref} />\n            {React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    return React.cloneElement(child, { map });\n                }\n                return null;\n            })}\n        </>\n    );\n};\n\nMap.displayName = 'Map';\n\nexport default Map;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/position-input/map-wrapper/map/Map.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMap = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledMap = exports.StyledMap = _styledComponents.default.div`
+    height: 100%;
+    width: 100%;
+`;
+//# sourceMappingURL=Map.styles.js.map

package/lib/cjs/components/position-input/map-wrapper/map/Map.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledMap","exports","styled","div"],"sources":["../../../../../../src/components/position-input/map-wrapper/map/Map.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMap = styled.div`\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAI;AACpC;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/position-input/map-wrapper/map/marker/Marker.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const Marker = ({
+  id,
+  isDraggable,
+  position,
+  onChange,
+  onRemove,
+  map
+}) => {
+  const [pin, setPin] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    if (pin) {
+      google.maps.event.addListener(pin, 'dragend', evt => {
+        var _evt$latLng, _evt$latLng2;
+        const newLat = (_evt$latLng = evt.latLng) === null || _evt$latLng === void 0 ? void 0 : _evt$latLng.lat();
+        const newLng = (_evt$latLng2 = evt.latLng) === null || _evt$latLng2 === void 0 ? void 0 : _evt$latLng2.lng();
+        if (!newLat || !newLng) {
+          return;
+        }
+        onChange({
+          id,
+          position: {
+            lng: newLng,
+            lat: newLat
+          }
+        });
+      });
+      google.maps.event.addListener(pin, 'rightclick', () => {
+        onRemove(id);
+      });
+    }
+  }, [pin, id, onChange, onRemove]);
+  (0, _react.useEffect)(() => {
+    if (!pin) {
+      setPin(new google.maps.Marker({
+        map
+      }));
+    }
+
+    // remove marker from map on unmount
+    return () => {
+      if (pin) {
+        pin.setMap(null);
+      }
+    };
+  }, [pin, map]);
+  (0, _react.useEffect)(() => {
+    if (pin) {
+      pin.setOptions({
+        draggable: isDraggable,
+        position,
+        map
+      });
+    }
+  }, [pin, isDraggable, position, map]);
+  return null;
+};
+Marker.displayName = 'Marker';
+var _default = exports.default = Marker;
+//# sourceMappingURL=Marker.js.map

package/lib/cjs/components/position-input/map-wrapper/map/marker/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","names":["_react","require","Marker","id","isDraggable","position","onChange","onRemove","map","pin","setPin","useState","useEffect","google","maps","event","addListener","evt","_evt$latLng","_evt$latLng2","newLat","latLng","lat","newLng","lng","setMap","setOptions","draggable","displayName","_default","exports","default"],"sources":["../../../../../../../src/components/position-input/map-wrapper/map/marker/Marker.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react';\nimport type { IMarker, Position } from '../../../../../types/positionInput';\n\nexport type MarkerProps = {\n    id: number;\n    position: Position;\n    isDraggable: boolean;\n    onChange: (marker: IMarker) => void;\n    onRemove: (id: number) => void;\n    map?: google.maps.Map;\n};\n\nconst Marker: FC<MarkerProps> = ({ id, isDraggable, position, onChange, onRemove, map }) => {\n    const [pin, setPin] = useState<google.maps.Marker>();\n\n    useEffect(() => {\n        if (pin) {\n            google.maps.event.addListener(pin, 'dragend', (evt: google.maps.MapMouseEvent) => {\n                const newLat = evt.latLng?.lat();\n                const newLng = evt.latLng?.lng();\n\n                if (!newLat || !newLng) {\n                    return;\n                }\n\n                onChange({ id, position: { lng: newLng, lat: newLat } });\n            });\n\n            google.maps.event.addListener(pin, 'rightclick', () => {\n                onRemove(id);\n            });\n        }\n    }, [pin, id, onChange, onRemove]);\n\n    useEffect(() => {\n        if (!pin) {\n            setPin(new google.maps.Marker({ map }));\n        }\n\n        // remove marker from map on unmount\n        return () => {\n            if (pin) {\n                pin.setMap(null);\n            }\n        };\n    }, [pin, map]);\n\n    useEffect(() => {\n        if (pin) {\n            pin.setOptions({\n                draggable: isDraggable,\n                position,\n                map,\n            });\n        }\n    }, [pin, isDraggable, position, map]);\n\n    return null;\n};\n\nMarker.displayName = 'Marker';\n\nexport default Marker;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYA,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,EAAE;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAI,CAAC,KAAK;EACxF,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,eAAQ,EAAqB,CAAC;EAEpD,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIH,GAAG,EAAE;MACLI,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACP,GAAG,EAAE,SAAS,EAAGQ,GAA8B,IAAK;QAAA,IAAAC,WAAA,EAAAC,YAAA;QAC9E,MAAMC,MAAM,IAAAF,WAAA,GAAGD,GAAG,CAACI,MAAM,cAAAH,WAAA,uBAAVA,WAAA,CAAYI,GAAG,CAAC,CAAC;QAChC,MAAMC,MAAM,IAAAJ,YAAA,GAAGF,GAAG,CAACI,MAAM,cAAAF,YAAA,uBAAVA,YAAA,CAAYK,GAAG,CAAC,CAAC;QAEhC,IAAI,CAACJ,MAAM,IAAI,CAACG,MAAM,EAAE;UACpB;QACJ;QAEAjB,QAAQ,CAAC;UAAEH,EAAE;UAAEE,QAAQ,EAAE;YAAEmB,GAAG,EAAED,MAAM;YAAED,GAAG,EAAEF;UAAO;QAAE,CAAC,CAAC;MAC5D,CAAC,CAAC;MAEFP,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACP,GAAG,EAAE,YAAY,EAAE,MAAM;QACnDF,QAAQ,CAACJ,EAAE,CAAC;MAChB,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACM,GAAG,EAAEN,EAAE,EAAEG,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAEjC,IAAAK,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACH,GAAG,EAAE;MACNC,MAAM,CAAC,IAAIG,MAAM,CAACC,IAAI,CAACZ,MAAM,CAAC;QAAEM;MAAI,CAAC,CAAC,CAAC;IAC3C;;IAEA;IACA,OAAO,MAAM;MACT,IAAIC,GAAG,EAAE;QACLA,GAAG,CAACgB,MAAM,CAAC,IAAI,CAAC;MACpB;IACJ,CAAC;EACL,CAAC,EAAE,CAAChB,GAAG,EAAED,GAAG,CAAC,CAAC;EAEd,IAAAI,gBAAS,EAAC,MAAM;IACZ,IAAIH,GAAG,EAAE;MACLA,GAAG,CAACiB,UAAU,CAAC;QACXC,SAAS,EAAEvB,WAAW;QACtBC,QAAQ;QACRG;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACC,GAAG,EAAEL,WAAW,EAAEC,QAAQ,EAAEG,GAAG,CAAC,CAAC;EAErC,OAAO,IAAI;AACf,CAAC;AAEDN,MAAM,CAAC0B,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEf7B,MAAM","ignoreList":[]}

package/lib/cjs/constants/positionInput.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_POSITION = exports.DEFAULT_POLYGON_OPTIONS = void 0;
+const DEFAULT_POLYGON_OPTIONS = exports.DEFAULT_POLYGON_OPTIONS = {
+  strokeColor: '#000000',
+  strokeOpacity: 0.8,
+  strokeWeight: 1,
+  fillColor: '#808080',
+  fillOpacity: 0.25,
+  clickable: false,
+  draggable: false,
+  editable: false,
+  visible: true,
+  radius: 30000,
+  zIndex: 1
+};
+const DEFAULT_POSITION = exports.DEFAULT_POSITION = {
+  lat: 52.067450969671796,
+  lng: 7.017417
+};
+//# sourceMappingURL=positionInput.js.map

package/lib/cjs/constants/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":["DEFAULT_POLYGON_OPTIONS","exports","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","clickable","draggable","editable","visible","radius","zIndex","DEFAULT_POSITION","lat","lng"],"sources":["../../../src/constants/positionInput.ts"],"sourcesContent":["import type { PolygonOptions, Position } from '../types/positionInput';\n\nexport const DEFAULT_POLYGON_OPTIONS: PolygonOptions = {\n    strokeColor: '#000000',\n    strokeOpacity: 0.8,\n    strokeWeight: 1,\n    fillColor: '#808080',\n    fillOpacity: 0.25,\n    clickable: false,\n    draggable: false,\n    editable: false,\n    visible: true,\n    radius: 30000,\n    zIndex: 1,\n};\n\nexport const DEFAULT_POSITION: Position = {\n    lat: 52.067450969671796,\n    lng: 7.017417,\n};\n"],"mappings":";;;;;;AAEO,MAAMA,uBAAuC,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACnDE,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE;AACZ,CAAC;AAEM,MAAMC,gBAA0B,GAAAZ,OAAA,CAAAY,gBAAA,GAAG;EACtCC,GAAG,EAAE,kBAAkB;EACvBC,GAAG,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/cjs/hooks/positionInput.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeepCompareEffectForMaps = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _fastEquals = require("fast-equals");
+var _typescriptGuards = require("@googlemaps/typescript-guards");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Note do not touch!
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const deepCompareEqualsForMaps = (0, _fastEquals.createCustomEqual)(deepEqual => (a, b) => {
+  if ((0, _typescriptGuards.isLatLngLiteral)(a) || a instanceof google.maps.LatLng || (0, _typescriptGuards.isLatLngLiteral)(b) || b instanceof google.maps.LatLng) {
+    return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return
+  return deepEqual(a, b);
+});
+const useDeepCompareMemoize = value => {
+  const ref = _react.default.useRef();
+  if (!deepCompareEqualsForMaps(value, ref.current)) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    ref.current = value;
+  }
+  return ref.current;
+};
+const useDeepCompareEffectForMaps = (callback, dependencies) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useEffect)(callback, dependencies.map(useDeepCompareMemoize));
+};
+exports.useDeepCompareEffectForMaps = useDeepCompareEffectForMaps;
+//# sourceMappingURL=positionInput.js.map

package/lib/cjs/hooks/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":["_react","_interopRequireWildcard","require","_fastEquals","_typescriptGuards","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","deepCompareEqualsForMaps","createCustomEqual","deepEqual","b","isLatLngLiteral","google","maps","LatLng","equals","useDeepCompareMemoize","value","ref","React","useRef","current","useDeepCompareEffectForMaps","callback","dependencies","useEffect","map","exports"],"sources":["../../../src/hooks/positionInput.tsx"],"sourcesContent":["import React, { type EffectCallback, useEffect } from 'react';\nimport { createCustomEqual } from 'fast-equals';\nimport { isLatLngLiteral } from '@googlemaps/typescript-guards';\n\n// Note do not touch!\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst deepCompareEqualsForMaps = createCustomEqual((deepEqual) => (a, b) => {\n    if (\n        isLatLngLiteral(a) ||\n        a instanceof google.maps.LatLng ||\n        isLatLngLiteral(b) ||\n        b instanceof google.maps.LatLng\n    ) {\n        return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return\n    return deepEqual(a, b);\n});\n\nconst useDeepCompareMemoize = (value: any) => {\n    const ref = React.useRef();\n\n    if (!deepCompareEqualsForMaps(value, ref.current)) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        ref.current = value;\n    }\n\n    return ref.current;\n};\n\nexport const useDeepCompareEffectForMaps = (callback: EffectCallback, dependencies: any[]) => {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(callback, dependencies.map(useDeepCompareMemoize));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAgE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEhE;;AAEA;AACA;AACA,MAAMW,wBAAwB,GAAG,IAAAC,6BAAiB,EAAEC,SAAS,IAAK,CAACX,CAAC,EAAEY,CAAC,KAAK;EACxE,IACI,IAAAC,iCAAe,EAACb,CAAC,CAAC,IAClBA,CAAC,YAAYc,MAAM,CAACC,IAAI,CAACC,MAAM,IAC/B,IAAAH,iCAAe,EAACD,CAAC,CAAC,IAClBA,CAAC,YAAYE,MAAM,CAACC,IAAI,CAACC,MAAM,EACjC;IACE,OAAO,IAAIF,MAAM,CAACC,IAAI,CAACC,MAAM,CAAChB,CAAC,CAAC,CAACiB,MAAM,CAAC,IAAIH,MAAM,CAACC,IAAI,CAACC,MAAM,CAACJ,CAAC,CAAC,CAAC;EACtE;;EAEA;EACA,OAAOD,SAAS,CAACX,CAAC,EAAEY,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAMM,qBAAqB,GAAIC,KAAU,IAAK;EAC1C,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAC,CAAC;EAE1B,IAAI,CAACb,wBAAwB,CAACU,KAAK,EAAEC,GAAG,CAACG,OAAO,CAAC,EAAE;IAC/C;IACAH,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACvB;EAEA,OAAOC,GAAG,CAACG,OAAO;AACtB,CAAC;AAEM,MAAMC,2BAA2B,GAAGA,CAACC,QAAwB,EAAEC,YAAmB,KAAK;EAC1F;EACA,IAAAC,gBAAS,EAACF,QAAQ,EAAEC,YAAY,CAACE,GAAG,CAACV,qBAAqB,CAAC,CAAC;AAChE,CAAC;AAACW,OAAA,CAAAL,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PositionInput", {
+  enumerable: true,
+  get: function () {
+    return _PositionInput.default;
+  }
+});
+var _PositionInput = _interopRequireDefault(require("./components/position-input/PositionInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PositionInput","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as PositionInput } from './components/position-input/PositionInput';\nexport type { PolygonOptions, Position, IMarker as Marker } from './types/positionInput';\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqF,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}

package/lib/cjs/types/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":[],"sources":["../../../src/types/positionInput.ts"],"sourcesContent":["export interface PolygonOptions {\n    strokeColor: string;\n    strokeOpacity: number;\n    strokeWeight: number;\n    fillColor: string;\n    fillOpacity: number;\n    clickable: boolean;\n    draggable: boolean;\n    editable: boolean;\n    visible: boolean;\n    radius: number;\n    zIndex: number;\n}\n\nexport interface Position {\n    lat: number;\n    lng: number;\n}\n\nexport interface IMarker {\n    position: Position;\n    id: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/components/position-input/PositionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionInput.js","names":["Input","React","DEFAULT_POLYGON_OPTIONS","DEFAULT_POSITION","MapWrapper","StyledPositionInput","StyledPositionInputSearch","PositionInput","_ref","searchPlaceholder","apiToken","polygonOptions","initialPosition","zoom","markers","onMarkerRemove","onMarkerChange","onMarkerAdd","createElement","id","placeholder","initialZoom","displayName"],"sources":["../../../../src/components/position-input/PositionInput.tsx"],"sourcesContent":["import { Input } from '@chayns-components/core';\nimport React, { FC } from 'react';\nimport { DEFAULT_POLYGON_OPTIONS, DEFAULT_POSITION } from '../../constants/positionInput';\nimport type { IMarker, PolygonOptions, Position } from '../../types/positionInput';\nimport MapWrapper from './map-wrapper/MapWrapper';\nimport { StyledPositionInput, StyledPositionInputSearch } from './PositionInput.styles';\n\nexport type PositionInputProps = {\n    /**\n     * The api token for google maps.\n     */\n    apiToken: string;\n    /**\n     * The position of the center of the map on the initial render.\n     */\n    initialPosition?: Position;\n    /**\n     * Markers that should be displayed.\n     */\n    markers?: IMarker[];\n    /**\n     * Function to be executed when a marker is added.\n     */\n    onMarkerAdd?: (marker: IMarker) => void;\n    /**\n     * Function to be executed when a marker position is changed.\n     */\n    onMarkerChange?: (markers: IMarker[]) => void;\n    /**\n     * Function to be executed when a marker is removed.\n     */\n    onMarkerRemove?: (id: number) => void;\n    /**\n     * Options to style the polygon.\n     */\n    polygonOptions?: PolygonOptions;\n    /**\n     * The placeholder of the search input.\n     */\n    searchPlaceholder?: string;\n    /**\n     * The zoom of the map.\n     */\n    zoom?: number;\n};\n\nconst PositionInput: FC<PositionInputProps> = ({\n    searchPlaceholder,\n    apiToken,\n    polygonOptions = DEFAULT_POLYGON_OPTIONS,\n    initialPosition = DEFAULT_POSITION,\n    zoom = 13,\n    markers,\n    onMarkerRemove,\n    onMarkerChange,\n    onMarkerAdd,\n}) => (\n    <StyledPositionInput>\n        <StyledPositionInputSearch>\n            <Input id=\"auto-complete-input\" placeholder={searchPlaceholder} />\n        </StyledPositionInputSearch>\n        <MapWrapper\n            apiToken={apiToken}\n            polygonOptions={polygonOptions}\n            initialPosition={initialPosition}\n            initialZoom={zoom}\n            markers={markers}\n            onMarkerAdd={onMarkerAdd}\n            onMarkerChange={onMarkerChange}\n            onMarkerRemove={onMarkerRemove}\n        />\n    </StyledPositionInput>\n);\n\nPositionInput.displayName = 'PositionInput';\n\nexport default PositionInput;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,yBAAyB;AAC/C,OAAOC,KAAK,MAAc,OAAO;AACjC,SAASC,uBAAuB,EAAEC,gBAAgB,QAAQ,+BAA+B;AAEzF,OAAOC,UAAU,MAAM,0BAA0B;AACjD,SAASC,mBAAmB,EAAEC,yBAAyB,QAAQ,wBAAwB;AAyCvF,MAAMC,aAAqC,GAAGC,IAAA;EAAA,IAAC;IAC3CC,iBAAiB;IACjBC,QAAQ;IACRC,cAAc,GAAGT,uBAAuB;IACxCU,eAAe,GAAGT,gBAAgB;IAClCU,IAAI,GAAG,EAAE;IACTC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,GAAAT,IAAA;EAAA,oBACGP,KAAA,CAAAiB,aAAA,CAACb,mBAAmB,qBAChBJ,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB,qBACtBL,KAAA,CAAAiB,aAAA,CAAClB,KAAK;IAACmB,EAAE,EAAC,qBAAqB;IAACC,WAAW,EAAEX;EAAkB,CAAE,CAC1C,CAAC,eAC5BR,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPM,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA,eAAgB;IACjCS,WAAW,EAAER,IAAK;IAClBC,OAAO,EAAEA,OAAQ;IACjBG,WAAW,EAAEA,WAAY;IACzBD,cAAc,EAAEA,cAAe;IAC/BD,cAAc,EAAEA;EAAe,CAClC,CACgB,CAAC;AAAA,CACzB;AAEDR,aAAa,CAACe,WAAW,GAAG,eAAe;AAE3C,eAAef,aAAa","ignoreList":[]}

package/lib/esm/components/position-input/PositionInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionInput.styles.js","names":["styled","StyledPositionInput","div","StyledPositionInputSearch"],"sources":["../../../../src/components/position-input/PositionInput.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledPositionInput = styled.div`\n    position: relative;\n`;\n\nexport const StyledPositionInputSearch = styled.div`\n    position: absolute;\n    width: 300px;\n    left: 8px;\n    top: 8px;\n    z-index: 3;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACE,GAAI;AAC9C;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/position-input/map-wrapper/MapWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.js","names":["React","useCallback","useEffect","useMemo","useState","Wrapper","StyledMapWrapper","Polygon","Marker","Map","MapWrapper","_ref","apiToken","polygonOptions","initialZoom","initialPosition","markers","onMarkerAdd","onMarkerRemove","onMarkerChange","polygonPath","setPolygonPath","canPolyDraw","setCanPolyDraw","zoom","setZoom","center","setCenter","internalMarkers","setInternalMarkers","map","setMap","handleClick","e","latLng","toJSON","prevState","length","newMarker","position","lat","lng","id","path","maxLat","reduce","prev","current","minLat","maxLng","minLng","topLeft","find","item","bottomRight","centerLat","centerLng","polygonCenter","handleIdle","m","getZoom","getCenter","handlePositionChange","handleMarkerChange","marker","updatedMarkers","prevMarker","handleMarkerRemove","filter","markerList","items","forEach","_ref2","push","createElement","key","isDraggable","onChange","onRemove","apiKey","libraries","onClick","onIdle","onPositionChange","fullscreenControl","mapTypeControl","streetViewControl","options","displayName"],"sources":["../../../../../src/components/position-input/map-wrapper/MapWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport { StyledMapWrapper } from './MapWrapper.styles';\nimport type { IMarker, PolygonOptions, Position } from '../../../types/positionInput';\nimport { Polygon } from '@react-google-maps/api';\nimport Marker from './map/marker/Marker';\nimport Map from './map/Map';\n\nexport type MapWrapperProps = {\n    apiToken: string;\n    polygonOptions: PolygonOptions;\n    initialZoom: number;\n    initialPosition: Position;\n    markers?: IMarker[];\n    onMarkerAdd?: (marker: IMarker) => void;\n    onMarkerRemove?: (id: number) => void;\n    onMarkerChange?: (markers: IMarker[]) => void;\n};\n\nconst MapWrapper: FC<MapWrapperProps> = ({\n    apiToken,\n    polygonOptions,\n    initialZoom,\n    initialPosition,\n    markers,\n    onMarkerAdd,\n    onMarkerRemove,\n    onMarkerChange,\n}) => {\n    const [polygonPath, setPolygonPath] = useState<Position[]>();\n    const [canPolyDraw, setCanPolyDraw] = useState(false);\n    const [zoom, setZoom] = useState(initialZoom);\n    const [center, setCenter] = useState<Position>(initialPosition);\n    const [internalMarkers, setInternalMarkers] = useState<IMarker[]>();\n    const [map, setMap] = useState<google.maps.Map>();\n\n    useEffect(() => {\n        if (markers) {\n            setInternalMarkers(markers);\n        }\n    }, [markers]);\n\n    const handleClick = useCallback(\n        (e: google.maps.MapMouseEvent) => {\n            const latLng = e.latLng?.toJSON();\n\n            if (!latLng) {\n                return;\n            }\n\n            setInternalMarkers((prevState) => {\n                if (prevState && prevState.length >= 2) {\n                    return prevState;\n                }\n\n                const newMarker: IMarker = {\n                    position: { lat: latLng.lat, lng: latLng.lng },\n                    id: prevState ? prevState.length : 0,\n                };\n\n                if (typeof onMarkerAdd === 'function') {\n                    onMarkerAdd(newMarker);\n                }\n\n                return prevState ? [...prevState, newMarker] : [newMarker];\n            });\n        },\n        [onMarkerAdd],\n    );\n\n    useEffect(() => {\n        if (!internalMarkers) {\n            return;\n        }\n\n        if (internalMarkers.length !== 2) {\n            setCanPolyDraw(false);\n\n            return;\n        }\n\n        const path: Position[] = [\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n        ];\n\n        const maxLat = path.reduce((prev, current) => (prev.lat > current.lat ? prev : current));\n        const minLat = path.reduce((prev, current) => (prev.lat < current.lat ? prev : current));\n        const maxLng = path.reduce((prev, current) => (prev.lng > current.lng ? prev : current));\n        const minLng = path.reduce((prev, current) => (prev.lng < current.lng ? prev : current));\n\n        const topLeft = path.find((item) => item.lat === maxLat.lat && item.lng === minLng.lng);\n        const bottomRight = path.find((item) => item.lat === minLat.lat && item.lng === maxLng.lng);\n\n        if (!topLeft || !bottomRight) {\n            return;\n        }\n\n        const centerLat = (topLeft.lat + bottomRight.lat) / 2;\n        const centerLng = (topLeft.lng + bottomRight.lng) / 2;\n\n        const polygonCenter = {\n            lat: centerLat,\n            lng: centerLng,\n        };\n\n        if (!polygonCenter) {\n            return;\n        }\n\n        setCanPolyDraw(true);\n        setPolygonPath(path);\n    }, [internalMarkers]);\n\n    const handleIdle = (m: google.maps.Map) => {\n        setMap(m);\n        setZoom(m.getZoom() ?? 0);\n        setCenter(m.getCenter()?.toJSON() ?? { lat: 0, lng: 0 });\n    };\n\n    const handlePositionChange = (position: Position) => {\n        setCenter(position);\n    };\n\n    const handleMarkerChange = useCallback(\n        (marker: IMarker) => {\n            setInternalMarkers((prevState) => {\n                const updatedMarkers = (prevState ?? []).map((prevMarker) => {\n                    if (prevMarker.id === marker.id) {\n                        return { ...prevMarker, position: marker.position };\n                    }\n                    return prevMarker;\n                });\n\n                if (typeof onMarkerChange === 'function') {\n                    onMarkerChange(updatedMarkers);\n                }\n\n                return updatedMarkers;\n            });\n        },\n        [onMarkerChange],\n    );\n\n    const handleMarkerRemove = useCallback(\n        (id: number) => {\n            setInternalMarkers((prevState) => {\n                if (typeof onMarkerRemove === 'function') {\n                    onMarkerRemove(id);\n                }\n\n                return prevState ? prevState.filter((marker) => marker.id !== id) : [];\n            });\n        },\n        [onMarkerRemove],\n    );\n\n    const markerList = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!internalMarkers) {\n            return items;\n        }\n\n        internalMarkers.forEach(({ id, position }) => {\n            items.push(\n                <Marker\n                    key={`marker_${id}`}\n                    id={id}\n                    position={position}\n                    isDraggable\n                    map={map}\n                    onChange={handleMarkerChange}\n                    onRemove={handleMarkerRemove}\n                />,\n            );\n        });\n\n        return items;\n    }, [handleMarkerChange, handleMarkerRemove, internalMarkers, map]);\n\n    return useMemo(\n        () => (\n            <StyledMapWrapper>\n                <Wrapper apiKey={apiToken} libraries={['places']}>\n                    {/* ToDo find better solution */}\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <Map\n                        onClick={handleClick}\n                        onIdle={handleIdle}\n                        onPositionChange={handlePositionChange}\n                        center={center}\n                        zoom={zoom}\n                        fullscreenControl={false}\n                        mapTypeControl={false}\n                        streetViewControl={false}\n                    >\n                        {markerList}\n                        {canPolyDraw && <Polygon path={polygonPath} options={polygonOptions} />}\n                    </Map>\n                </Wrapper>\n            </StyledMapWrapper>\n        ),\n        [apiToken, handleClick, center, zoom, markerList, canPolyDraw, polygonPath, polygonOptions],\n    );\n};\n\nMapWrapper.displayName = 'MapWrapper';\n\nexport default MapWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/position-input/map-wrapper/MapWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.styles.js","names":["styled","StyledMapWrapper","div"],"sources":["../../../../../src/components/position-input/map-wrapper/MapWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMapWrapper = styled.div`\n    height: 500px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAI;AAC3C;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/position-input/map-wrapper/map/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","names":["React","useEffect","useRef","useState","StyledMap","useDeepCompareEffectForMaps","Map","_ref","mapTypeControl","fullscreenControl","streetViewControl","children","onClick","onIdle","zoom","center","onPositionChange","map","setMap","ref","current","window","google","maps","input","document","getElementById","autoComplete","places","Autocomplete","fields","types","placeholder","addListener","place","getPlace","placeLocation","geometry","location","lat","lng","setCenter","setOptions","forEach","eventName","event","clearListeners","createElement","Fragment","Children","child","isValidElement","cloneElement","displayName"],"sources":["../../../../../../src/components/position-input/map-wrapper/map/Map.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useRef, useState } from 'react';\nimport { StyledMap } from './Map.styles';\nimport type { Position } from '../../../../types/positionInput';\nimport { useDeepCompareEffectForMaps } from '../../../../hooks/positionInput';\n\nexport type MapProps = {\n    onClick: (event: google.maps.MapMouseEvent) => void;\n    onIdle: (event: google.maps.Map) => void;\n    onPositionChange: (position: Position) => void;\n    children: ReactElement;\n    center: Position;\n    zoom: number;\n    fullscreenControl: boolean;\n    mapTypeControl: boolean;\n    streetViewControl: boolean;\n};\n\nconst Map: FC<MapProps> = ({\n    mapTypeControl,\n    fullscreenControl,\n    streetViewControl,\n    children,\n    onClick,\n    onIdle,\n    zoom,\n    center,\n    onPositionChange,\n}) => {\n    const [map, setMap] = useState<google.maps.Map>();\n\n    const ref = useRef(null);\n\n    useEffect(() => {\n        if (ref.current && !map) {\n            setMap(new window.google.maps.Map(ref.current, {}));\n\n            const input = document.getElementById('auto-complete-input') as HTMLInputElement;\n\n            if (!input) {\n                return;\n            }\n\n            const autoComplete = new google.maps.places.Autocomplete(input, {\n                // componentRestrictions: { country: [\"de\"] },\n                fields: ['address_component', 'geometry'],\n                types: ['(cities)'],\n            });\n\n            input.placeholder = '';\n\n            autoComplete.addListener('place_changed', () => {\n                const place = autoComplete.getPlace();\n\n                const placeLocation = place.geometry?.location;\n\n                if (!placeLocation) {\n                    return;\n                }\n\n                onPositionChange({ lat: placeLocation.lat(), lng: placeLocation.lng() });\n            });\n        }\n    }, [ref, map, onPositionChange]);\n\n    useEffect(() => {\n        if (map) {\n            map.setCenter(center);\n        }\n    }, [center, map]);\n\n    // because React does not do deep comparisons, a custom hook is used\n    // see discussion in https://github.com/googlemaps/js-samples/issues/946\n    useDeepCompareEffectForMaps(() => {\n        if (map) {\n            map.setOptions({ mapTypeControl, fullscreenControl, streetViewControl, zoom });\n        }\n    }, [map]);\n\n    useEffect(() => {\n        if (map) {\n            ['click', 'idle'].forEach((eventName) =>\n                google.maps.event.clearListeners(map, eventName),\n            );\n\n            if (onClick) {\n                map.addListener('click', onClick);\n            }\n\n            if (onIdle) {\n                map.addListener('idle', () => onIdle(map));\n            }\n        }\n    }, [map, onClick, onIdle]);\n\n    return (\n        <>\n            <StyledMap ref={ref} />\n            {React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    return React.cloneElement(child, { map });\n                }\n                return null;\n            })}\n        </>\n    );\n};\n\nMap.displayName = 'Map';\n\nexport default Map;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/position-input/map-wrapper/map/Map.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.styles.js","names":["styled","StyledMap","div"],"sources":["../../../../../../src/components/position-input/map-wrapper/map/Map.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMap = styled.div`\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AACpC;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/position-input/map-wrapper/map/marker/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","names":["useEffect","useState","Marker","_ref","id","isDraggable","position","onChange","onRemove","map","pin","setPin","google","maps","event","addListener","evt","newLat","latLng","lat","newLng","lng","setMap","setOptions","draggable","displayName"],"sources":["../../../../../../../src/components/position-input/map-wrapper/map/marker/Marker.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react';\nimport type { IMarker, Position } from '../../../../../types/positionInput';\n\nexport type MarkerProps = {\n    id: number;\n    position: Position;\n    isDraggable: boolean;\n    onChange: (marker: IMarker) => void;\n    onRemove: (id: number) => void;\n    map?: google.maps.Map;\n};\n\nconst Marker: FC<MarkerProps> = ({ id, isDraggable, position, onChange, onRemove, map }) => {\n    const [pin, setPin] = useState<google.maps.Marker>();\n\n    useEffect(() => {\n        if (pin) {\n            google.maps.event.addListener(pin, 'dragend', (evt: google.maps.MapMouseEvent) => {\n                const newLat = evt.latLng?.lat();\n                const newLng = evt.latLng?.lng();\n\n                if (!newLat || !newLng) {\n                    return;\n                }\n\n                onChange({ id, position: { lng: newLng, lat: newLat } });\n            });\n\n            google.maps.event.addListener(pin, 'rightclick', () => {\n                onRemove(id);\n            });\n        }\n    }, [pin, id, onChange, onRemove]);\n\n    useEffect(() => {\n        if (!pin) {\n            setPin(new google.maps.Marker({ map }));\n        }\n\n        // remove marker from map on unmount\n        return () => {\n            if (pin) {\n                pin.setMap(null);\n            }\n        };\n    }, [pin, map]);\n\n    useEffect(() => {\n        if (pin) {\n            pin.setOptions({\n                draggable: isDraggable,\n                position,\n                map,\n            });\n        }\n    }, [pin, isDraggable, position, map]);\n\n    return null;\n};\n\nMarker.displayName = 'Marker';\n\nexport default Marker;\n"],"mappings":"AAAA,SAAaA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAY/C,MAAMC,MAAuB,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,EAAE;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAN,IAAA;EACnF,MAAM,CAACO,GAAG,EAAEC,MAAM,CAAC,GAAGV,QAAQ,CAAqB,CAAC;EAEpDD,SAAS,CAAC,MAAM;IACZ,IAAIU,GAAG,EAAE;MACLE,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACL,GAAG,EAAE,SAAS,EAAGM,GAA8B,IAAK;QAC9E,MAAMC,MAAM,GAAGD,GAAG,CAACE,MAAM,EAAEC,GAAG,CAAC,CAAC;QAChC,MAAMC,MAAM,GAAGJ,GAAG,CAACE,MAAM,EAAEG,GAAG,CAAC,CAAC;QAEhC,IAAI,CAACJ,MAAM,IAAI,CAACG,MAAM,EAAE;UACpB;QACJ;QAEAb,QAAQ,CAAC;UAAEH,EAAE;UAAEE,QAAQ,EAAE;YAAEe,GAAG,EAAED,MAAM;YAAED,GAAG,EAAEF;UAAO;QAAE,CAAC,CAAC;MAC5D,CAAC,CAAC;MAEFL,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACL,GAAG,EAAE,YAAY,EAAE,MAAM;QACnDF,QAAQ,CAACJ,EAAE,CAAC;MAChB,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACM,GAAG,EAAEN,EAAE,EAAEG,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAEjCR,SAAS,CAAC,MAAM;IACZ,IAAI,CAACU,GAAG,EAAE;MACNC,MAAM,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACX,MAAM,CAAC;QAAEO;MAAI,CAAC,CAAC,CAAC;IAC3C;;IAEA;IACA,OAAO,MAAM;MACT,IAAIC,GAAG,EAAE;QACLA,GAAG,CAACY,MAAM,CAAC,IAAI,CAAC;MACpB;IACJ,CAAC;EACL,CAAC,EAAE,CAACZ,GAAG,EAAED,GAAG,CAAC,CAAC;EAEdT,SAAS,CAAC,MAAM;IACZ,IAAIU,GAAG,EAAE;MACLA,GAAG,CAACa,UAAU,CAAC;QACXC,SAAS,EAAEnB,WAAW;QACtBC,QAAQ;QACRG;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACC,GAAG,EAAEL,WAAW,EAAEC,QAAQ,EAAEG,GAAG,CAAC,CAAC;EAErC,OAAO,IAAI;AACf,CAAC;AAEDP,MAAM,CAACuB,WAAW,GAAG,QAAQ;AAE7B,eAAevB,MAAM","ignoreList":[]}

package/lib/esm/constants/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":["DEFAULT_POLYGON_OPTIONS","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","clickable","draggable","editable","visible","radius","zIndex","DEFAULT_POSITION","lat","lng"],"sources":["../../../src/constants/positionInput.ts"],"sourcesContent":["import type { PolygonOptions, Position } from '../types/positionInput';\n\nexport const DEFAULT_POLYGON_OPTIONS: PolygonOptions = {\n    strokeColor: '#000000',\n    strokeOpacity: 0.8,\n    strokeWeight: 1,\n    fillColor: '#808080',\n    fillOpacity: 0.25,\n    clickable: false,\n    draggable: false,\n    editable: false,\n    visible: true,\n    radius: 30000,\n    zIndex: 1,\n};\n\nexport const DEFAULT_POSITION: Position = {\n    lat: 52.067450969671796,\n    lng: 7.017417,\n};\n"],"mappings":"AAEA,OAAO,MAAMA,uBAAuC,GAAG;EACnDC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,gBAA0B,GAAG;EACtCC,GAAG,EAAE,kBAAkB;EACvBC,GAAG,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/esm/hooks/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":["React","useEffect","createCustomEqual","isLatLngLiteral","deepCompareEqualsForMaps","deepEqual","a","b","google","maps","LatLng","equals","useDeepCompareMemoize","value","ref","useRef","current","useDeepCompareEffectForMaps","callback","dependencies","map"],"sources":["../../../src/hooks/positionInput.tsx"],"sourcesContent":["import React, { type EffectCallback, useEffect } from 'react';\nimport { createCustomEqual } from 'fast-equals';\nimport { isLatLngLiteral } from '@googlemaps/typescript-guards';\n\n// Note do not touch!\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst deepCompareEqualsForMaps = createCustomEqual((deepEqual) => (a, b) => {\n    if (\n        isLatLngLiteral(a) ||\n        a instanceof google.maps.LatLng ||\n        isLatLngLiteral(b) ||\n        b instanceof google.maps.LatLng\n    ) {\n        return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return\n    return deepEqual(a, b);\n});\n\nconst useDeepCompareMemoize = (value: any) => {\n    const ref = React.useRef();\n\n    if (!deepCompareEqualsForMaps(value, ref.current)) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        ref.current = value;\n    }\n\n    return ref.current;\n};\n\nexport const useDeepCompareEffectForMaps = (callback: EffectCallback, dependencies: any[]) => {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(callback, dependencies.map(useDeepCompareMemoize));\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAyBC,SAAS,QAAQ,OAAO;AAC7D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,eAAe,QAAQ,+BAA+B;;AAE/D;;AAEA;AACA;AACA,MAAMC,wBAAwB,GAAGF,iBAAiB,CAAEG,SAAS,IAAK,CAACC,CAAC,EAAEC,CAAC,KAAK;EACxE,IACIJ,eAAe,CAACG,CAAC,CAAC,IAClBA,CAAC,YAAYE,MAAM,CAACC,IAAI,CAACC,MAAM,IAC/BP,eAAe,CAACI,CAAC,CAAC,IAClBA,CAAC,YAAYC,MAAM,CAACC,IAAI,CAACC,MAAM,EACjC;IACE,OAAO,IAAIF,MAAM,CAACC,IAAI,CAACC,MAAM,CAACJ,CAAC,CAAC,CAACK,MAAM,CAAC,IAAIH,MAAM,CAACC,IAAI,CAACC,MAAM,CAACH,CAAC,CAAC,CAAC;EACtE;;EAEA;EACA,OAAOF,SAAS,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAMK,qBAAqB,GAAIC,KAAU,IAAK;EAC1C,MAAMC,GAAG,GAAGd,KAAK,CAACe,MAAM,CAAC,CAAC;EAE1B,IAAI,CAACX,wBAAwB,CAACS,KAAK,EAAEC,GAAG,CAACE,OAAO,CAAC,EAAE;IAC/C;IACAF,GAAG,CAACE,OAAO,GAAGH,KAAK;EACvB;EAEA,OAAOC,GAAG,CAACE,OAAO;AACtB,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAACC,QAAwB,EAAEC,YAAmB,KAAK;EAC1F;EACAlB,SAAS,CAACiB,QAAQ,EAAEC,YAAY,CAACC,GAAG,CAACR,qBAAqB,CAAC,CAAC;AAChE,CAAC","ignoreList":[]}

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","PositionInput"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as PositionInput } from './components/position-input/PositionInput';\nexport type { PolygonOptions, Position, IMarker as Marker } from './types/positionInput';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,aAAa,QAAQ,2CAA2C","ignoreList":[]}

package/lib/esm/types/positionInput.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=positionInput.js.map

package/lib/esm/types/positionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positionInput.js","names":[],"sources":["../../../src/types/positionInput.ts"],"sourcesContent":["export interface PolygonOptions {\n    strokeColor: string;\n    strokeOpacity: number;\n    strokeWeight: number;\n    fillColor: string;\n    fillOpacity: number;\n    clickable: boolean;\n    draggable: boolean;\n    editable: boolean;\n    visible: boolean;\n    radius: number;\n    zIndex: number;\n}\n\nexport interface Position {\n    lat: number;\n    lng: number;\n}\n\nexport interface IMarker {\n    position: Position;\n    id: number;\n}\n"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/maps",
-    "version": "5.0.0-beta.577",
+    "version": "5.0.0-beta.578",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -17,8 +17,16 @@
     "author": "Tobit.Software",
     "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/maps#readme",
     "license": "MIT",
-    "main": "lib/index.js",
-    "types": "lib/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "types": "lib/types/index.d.ts",
+    "exports": {
+        ".": {
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js",
+            "types": "./lib/types/index.d.ts"
+        }
+    },
     "directories": {
         "lib": "lib",
         "test": "__tests__"
@@ -31,9 +39,10 @@
         "url": "git+https://github.com/TobitSoftware/chayns-components.git"
     },
     "scripts": {
-        "build": "npm run build:js && npm run build:types",
-        "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
         "build:types": "tsc",
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
         "prepublishOnly": "npm run build"
     },
     "bugs": {
@@ -51,6 +60,7 @@
         "@types/styled-components": "^5.1.34",
         "@types/uuid": "^9.0.8",
         "babel-loader": "^9.1.3",
+        "cross-env": "^7.0.3",
         "lerna": "^8.1.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -58,7 +68,7 @@
         "typescript": "^5.4.5"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.577",
+        "@chayns-components/core": "^5.0.0-beta.578",
         "@googlemaps/react-wrapper": "^1.1.35",
         "@googlemaps/typescript-guards": "^2.0.3",
         "@react-google-maps/api": "^2.19.3",
@@ -74,5 +84,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2c4cdf186970672936ffe297f3901361d94b9e2d"
+    "gitHead": "c3d65c0781ca6b8e053ccc6ce359b1074b0fcb1e"
 }

package/lib/components/position-input/PositionInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PositionInput.js","names":["Input","React","DEFAULT_POLYGON_OPTIONS","DEFAULT_POSITION","MapWrapper","StyledPositionInput","StyledPositionInputSearch","PositionInput","_ref","searchPlaceholder","apiToken","polygonOptions","initialPosition","zoom","markers","onMarkerRemove","onMarkerChange","onMarkerAdd","createElement","id","placeholder","initialZoom","displayName"],"sources":["../../../src/components/position-input/PositionInput.tsx"],"sourcesContent":["import { Input } from '@chayns-components/core';\nimport React, { FC } from 'react';\nimport { DEFAULT_POLYGON_OPTIONS, DEFAULT_POSITION } from '../../constants/positionInput';\nimport type { IMarker, PolygonOptions, Position } from '../../types/positionInput';\nimport MapWrapper from './map-wrapper/MapWrapper';\nimport { StyledPositionInput, StyledPositionInputSearch } from './PositionInput.styles';\n\nexport type PositionInputProps = {\n    /**\n     * The api token for google maps.\n     */\n    apiToken: string;\n    /**\n     * The position of the center of the map on the initial render.\n     */\n    initialPosition?: Position;\n    /**\n     * Markers that should be displayed.\n     */\n    markers?: IMarker[];\n    /**\n     * Function to be executed when a marker is added.\n     */\n    onMarkerAdd?: (marker: IMarker) => void;\n    /**\n     * Function to be executed when a marker position is changed.\n     */\n    onMarkerChange?: (markers: IMarker[]) => void;\n    /**\n     * Function to be executed when a marker is removed.\n     */\n    onMarkerRemove?: (id: number) => void;\n    /**\n     * Options to style the polygon.\n     */\n    polygonOptions?: PolygonOptions;\n    /**\n     * The placeholder of the search input.\n     */\n    searchPlaceholder?: string;\n    /**\n     * The zoom of the map.\n     */\n    zoom?: number;\n};\n\nconst PositionInput: FC<PositionInputProps> = ({\n    searchPlaceholder,\n    apiToken,\n    polygonOptions = DEFAULT_POLYGON_OPTIONS,\n    initialPosition = DEFAULT_POSITION,\n    zoom = 13,\n    markers,\n    onMarkerRemove,\n    onMarkerChange,\n    onMarkerAdd,\n}) => (\n    <StyledPositionInput>\n        <StyledPositionInputSearch>\n            <Input id=\"auto-complete-input\" placeholder={searchPlaceholder} />\n        </StyledPositionInputSearch>\n        <MapWrapper\n            apiToken={apiToken}\n            polygonOptions={polygonOptions}\n            initialPosition={initialPosition}\n            initialZoom={zoom}\n            markers={markers}\n            onMarkerAdd={onMarkerAdd}\n            onMarkerChange={onMarkerChange}\n            onMarkerRemove={onMarkerRemove}\n        />\n    </StyledPositionInput>\n);\n\nPositionInput.displayName = 'PositionInput';\n\nexport default PositionInput;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,yBAAyB;AAC/C,OAAOC,KAAK,MAAc,OAAO;AACjC,SAASC,uBAAuB,EAAEC,gBAAgB,QAAQ,+BAA+B;AAEzF,OAAOC,UAAU,MAAM,0BAA0B;AACjD,SAASC,mBAAmB,EAAEC,yBAAyB,QAAQ,wBAAwB;AAyCvF,MAAMC,aAAqC,GAAGC,IAAA;EAAA,IAAC;IAC3CC,iBAAiB;IACjBC,QAAQ;IACRC,cAAc,GAAGT,uBAAuB;IACxCU,eAAe,GAAGT,gBAAgB;IAClCU,IAAI,GAAG,EAAE;IACTC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdC;EACJ,CAAC,GAAAT,IAAA;EAAA,oBACGP,KAAA,CAAAiB,aAAA,CAACb,mBAAmB,qBAChBJ,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB,qBACtBL,KAAA,CAAAiB,aAAA,CAAClB,KAAK;IAACmB,EAAE,EAAC,qBAAqB;IAACC,WAAW,EAAEX;EAAkB,CAAE,CAC1C,CAAC,eAC5BR,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPM,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA,eAAgB;IACjCS,WAAW,EAAER,IAAK;IAClBC,OAAO,EAAEA,OAAQ;IACjBG,WAAW,EAAEA,WAAY;IACzBD,cAAc,EAAEA,cAAe;IAC/BD,cAAc,EAAEA;EAAe,CAClC,CACgB,CAAC;AAAA,CACzB;AAEDR,aAAa,CAACe,WAAW,GAAG,eAAe;AAE3C,eAAef,aAAa","ignoreList":[]}

package/lib/components/position-input/PositionInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PositionInput.styles.js","names":["styled","StyledPositionInput","div","StyledPositionInputSearch"],"sources":["../../../src/components/position-input/PositionInput.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledPositionInput = styled.div`\n    position: relative;\n`;\n\nexport const StyledPositionInputSearch = styled.div`\n    position: absolute;\n    width: 300px;\n    left: 8px;\n    top: 8px;\n    z-index: 3;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,mBAAmB,GAAGD,MAAM,CAACE,GAAI;AAC9C;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/components/position-input/map-wrapper/MapWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapWrapper.js","names":["React","useCallback","useEffect","useMemo","useState","Wrapper","StyledMapWrapper","Polygon","Marker","Map","MapWrapper","_ref","apiToken","polygonOptions","initialZoom","initialPosition","markers","onMarkerAdd","onMarkerRemove","onMarkerChange","polygonPath","setPolygonPath","canPolyDraw","setCanPolyDraw","zoom","setZoom","center","setCenter","internalMarkers","setInternalMarkers","map","setMap","handleClick","e","latLng","toJSON","prevState","length","newMarker","position","lat","lng","id","path","maxLat","reduce","prev","current","minLat","maxLng","minLng","topLeft","find","item","bottomRight","centerLat","centerLng","polygonCenter","handleIdle","m","getZoom","getCenter","handlePositionChange","handleMarkerChange","marker","updatedMarkers","prevMarker","handleMarkerRemove","filter","markerList","items","forEach","_ref2","push","createElement","key","isDraggable","onChange","onRemove","apiKey","libraries","onClick","onIdle","onPositionChange","fullscreenControl","mapTypeControl","streetViewControl","options","displayName"],"sources":["../../../../src/components/position-input/map-wrapper/MapWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport { StyledMapWrapper } from './MapWrapper.styles';\nimport type { IMarker, PolygonOptions, Position } from '../../../types/positionInput';\nimport { Polygon } from '@react-google-maps/api';\nimport Marker from './map/marker/Marker';\nimport Map from './map/Map';\n\nexport type MapWrapperProps = {\n    apiToken: string;\n    polygonOptions: PolygonOptions;\n    initialZoom: number;\n    initialPosition: Position;\n    markers?: IMarker[];\n    onMarkerAdd?: (marker: IMarker) => void;\n    onMarkerRemove?: (id: number) => void;\n    onMarkerChange?: (markers: IMarker[]) => void;\n};\n\nconst MapWrapper: FC<MapWrapperProps> = ({\n    apiToken,\n    polygonOptions,\n    initialZoom,\n    initialPosition,\n    markers,\n    onMarkerAdd,\n    onMarkerRemove,\n    onMarkerChange,\n}) => {\n    const [polygonPath, setPolygonPath] = useState<Position[]>();\n    const [canPolyDraw, setCanPolyDraw] = useState(false);\n    const [zoom, setZoom] = useState(initialZoom);\n    const [center, setCenter] = useState<Position>(initialPosition);\n    const [internalMarkers, setInternalMarkers] = useState<IMarker[]>();\n    const [map, setMap] = useState<google.maps.Map>();\n\n    useEffect(() => {\n        if (markers) {\n            setInternalMarkers(markers);\n        }\n    }, [markers]);\n\n    const handleClick = useCallback(\n        (e: google.maps.MapMouseEvent) => {\n            const latLng = e.latLng?.toJSON();\n\n            if (!latLng) {\n                return;\n            }\n\n            setInternalMarkers((prevState) => {\n                if (prevState && prevState.length >= 2) {\n                    return prevState;\n                }\n\n                const newMarker: IMarker = {\n                    position: { lat: latLng.lat, lng: latLng.lng },\n                    id: prevState ? prevState.length : 0,\n                };\n\n                if (typeof onMarkerAdd === 'function') {\n                    onMarkerAdd(newMarker);\n                }\n\n                return prevState ? [...prevState, newMarker] : [newMarker];\n            });\n        },\n        [onMarkerAdd],\n    );\n\n    useEffect(() => {\n        if (!internalMarkers) {\n            return;\n        }\n\n        if (internalMarkers.length !== 2) {\n            setCanPolyDraw(false);\n\n            return;\n        }\n\n        const path: Position[] = [\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[0]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[1]?.position.lng ?? 0,\n            },\n            {\n                lat: internalMarkers[1]?.position.lat ?? 0,\n                lng: internalMarkers[0]?.position.lng ?? 0,\n            },\n        ];\n\n        const maxLat = path.reduce((prev, current) => (prev.lat > current.lat ? prev : current));\n        const minLat = path.reduce((prev, current) => (prev.lat < current.lat ? prev : current));\n        const maxLng = path.reduce((prev, current) => (prev.lng > current.lng ? prev : current));\n        const minLng = path.reduce((prev, current) => (prev.lng < current.lng ? prev : current));\n\n        const topLeft = path.find((item) => item.lat === maxLat.lat && item.lng === minLng.lng);\n        const bottomRight = path.find((item) => item.lat === minLat.lat && item.lng === maxLng.lng);\n\n        if (!topLeft || !bottomRight) {\n            return;\n        }\n\n        const centerLat = (topLeft.lat + bottomRight.lat) / 2;\n        const centerLng = (topLeft.lng + bottomRight.lng) / 2;\n\n        const polygonCenter = {\n            lat: centerLat,\n            lng: centerLng,\n        };\n\n        if (!polygonCenter) {\n            return;\n        }\n\n        setCanPolyDraw(true);\n        setPolygonPath(path);\n    }, [internalMarkers]);\n\n    const handleIdle = (m: google.maps.Map) => {\n        setMap(m);\n        setZoom(m.getZoom() ?? 0);\n        setCenter(m.getCenter()?.toJSON() ?? { lat: 0, lng: 0 });\n    };\n\n    const handlePositionChange = (position: Position) => {\n        setCenter(position);\n    };\n\n    const handleMarkerChange = useCallback(\n        (marker: IMarker) => {\n            setInternalMarkers((prevState) => {\n                const updatedMarkers = (prevState ?? []).map((prevMarker) => {\n                    if (prevMarker.id === marker.id) {\n                        return { ...prevMarker, position: marker.position };\n                    }\n                    return prevMarker;\n                });\n\n                if (typeof onMarkerChange === 'function') {\n                    onMarkerChange(updatedMarkers);\n                }\n\n                return updatedMarkers;\n            });\n        },\n        [onMarkerChange],\n    );\n\n    const handleMarkerRemove = useCallback(\n        (id: number) => {\n            setInternalMarkers((prevState) => {\n                if (typeof onMarkerRemove === 'function') {\n                    onMarkerRemove(id);\n                }\n\n                return prevState ? prevState.filter((marker) => marker.id !== id) : [];\n            });\n        },\n        [onMarkerRemove],\n    );\n\n    const markerList = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!internalMarkers) {\n            return items;\n        }\n\n        internalMarkers.forEach(({ id, position }) => {\n            items.push(\n                <Marker\n                    key={`marker_${id}`}\n                    id={id}\n                    position={position}\n                    isDraggable\n                    map={map}\n                    onChange={handleMarkerChange}\n                    onRemove={handleMarkerRemove}\n                />,\n            );\n        });\n\n        return items;\n    }, [handleMarkerChange, handleMarkerRemove, internalMarkers, map]);\n\n    return useMemo(\n        () => (\n            <StyledMapWrapper>\n                <Wrapper apiKey={apiToken} libraries={['places']}>\n                    {/* ToDo find better solution */}\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <Map\n                        onClick={handleClick}\n                        onIdle={handleIdle}\n                        onPositionChange={handlePositionChange}\n                        center={center}\n                        zoom={zoom}\n                        fullscreenControl={false}\n                        mapTypeControl={false}\n                        streetViewControl={false}\n                    >\n                        {markerList}\n                        {canPolyDraw && <Polygon path={polygonPath} options={polygonOptions} />}\n                    </Map>\n                </Wrapper>\n            </StyledMapWrapper>\n        ),\n        [apiToken, handleClick, center, zoom, markerList, canPolyDraw, polygonPath, polygonOptions],\n    );\n};\n\nMapWrapper.displayName = 'MapWrapper';\n\nexport default MapWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/position-input/map-wrapper/MapWrapper.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapWrapper.styles.js","names":["styled","StyledMapWrapper","div"],"sources":["../../../../src/components/position-input/map-wrapper/MapWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMapWrapper = styled.div`\n    height: 500px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAI;AAC3C;AACA,CAAC","ignoreList":[]}

package/lib/components/position-input/map-wrapper/map/Map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.js","names":["React","useEffect","useRef","useState","StyledMap","useDeepCompareEffectForMaps","Map","_ref","mapTypeControl","fullscreenControl","streetViewControl","children","onClick","onIdle","zoom","center","onPositionChange","map","setMap","ref","current","window","google","maps","input","document","getElementById","autoComplete","places","Autocomplete","fields","types","placeholder","addListener","place","getPlace","placeLocation","geometry","location","lat","lng","setCenter","setOptions","forEach","eventName","event","clearListeners","createElement","Fragment","Children","child","isValidElement","cloneElement","displayName"],"sources":["../../../../../src/components/position-input/map-wrapper/map/Map.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useRef, useState } from 'react';\nimport { StyledMap } from './Map.styles';\nimport type { Position } from '../../../../types/positionInput';\nimport { useDeepCompareEffectForMaps } from '../../../../hooks/positionInput';\n\nexport type MapProps = {\n    onClick: (event: google.maps.MapMouseEvent) => void;\n    onIdle: (event: google.maps.Map) => void;\n    onPositionChange: (position: Position) => void;\n    children: ReactElement;\n    center: Position;\n    zoom: number;\n    fullscreenControl: boolean;\n    mapTypeControl: boolean;\n    streetViewControl: boolean;\n};\n\nconst Map: FC<MapProps> = ({\n    mapTypeControl,\n    fullscreenControl,\n    streetViewControl,\n    children,\n    onClick,\n    onIdle,\n    zoom,\n    center,\n    onPositionChange,\n}) => {\n    const [map, setMap] = useState<google.maps.Map>();\n\n    const ref = useRef(null);\n\n    useEffect(() => {\n        if (ref.current && !map) {\n            setMap(new window.google.maps.Map(ref.current, {}));\n\n            const input = document.getElementById('auto-complete-input') as HTMLInputElement;\n\n            if (!input) {\n                return;\n            }\n\n            const autoComplete = new google.maps.places.Autocomplete(input, {\n                // componentRestrictions: { country: [\"de\"] },\n                fields: ['address_component', 'geometry'],\n                types: ['(cities)'],\n            });\n\n            input.placeholder = '';\n\n            autoComplete.addListener('place_changed', () => {\n                const place = autoComplete.getPlace();\n\n                const placeLocation = place.geometry?.location;\n\n                if (!placeLocation) {\n                    return;\n                }\n\n                onPositionChange({ lat: placeLocation.lat(), lng: placeLocation.lng() });\n            });\n        }\n    }, [ref, map, onPositionChange]);\n\n    useEffect(() => {\n        if (map) {\n            map.setCenter(center);\n        }\n    }, [center, map]);\n\n    // because React does not do deep comparisons, a custom hook is used\n    // see discussion in https://github.com/googlemaps/js-samples/issues/946\n    useDeepCompareEffectForMaps(() => {\n        if (map) {\n            map.setOptions({ mapTypeControl, fullscreenControl, streetViewControl, zoom });\n        }\n    }, [map]);\n\n    useEffect(() => {\n        if (map) {\n            ['click', 'idle'].forEach((eventName) =>\n                google.maps.event.clearListeners(map, eventName),\n            );\n\n            if (onClick) {\n                map.addListener('click', onClick);\n            }\n\n            if (onIdle) {\n                map.addListener('idle', () => onIdle(map));\n            }\n        }\n    }, [map, onClick, onIdle]);\n\n    return (\n        <>\n            <StyledMap ref={ref} />\n            {React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    return React.cloneElement(child, { map });\n                }\n                return null;\n            })}\n        </>\n    );\n};\n\nMap.displayName = 'Map';\n\nexport default Map;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/position-input/map-wrapper/map/Map.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.styles.js","names":["styled","StyledMap","div"],"sources":["../../../../../src/components/position-input/map-wrapper/map/Map.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMap = styled.div`\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AACpC;AACA;AACA,CAAC","ignoreList":[]}

package/lib/components/position-input/map-wrapper/map/marker/Marker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Marker.js","names":["useEffect","useState","Marker","_ref","id","isDraggable","position","onChange","onRemove","map","pin","setPin","google","maps","event","addListener","evt","newLat","latLng","lat","newLng","lng","setMap","setOptions","draggable","displayName"],"sources":["../../../../../../src/components/position-input/map-wrapper/map/marker/Marker.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react';\nimport type { IMarker, Position } from '../../../../../types/positionInput';\n\nexport type MarkerProps = {\n    id: number;\n    position: Position;\n    isDraggable: boolean;\n    onChange: (marker: IMarker) => void;\n    onRemove: (id: number) => void;\n    map?: google.maps.Map;\n};\n\nconst Marker: FC<MarkerProps> = ({ id, isDraggable, position, onChange, onRemove, map }) => {\n    const [pin, setPin] = useState<google.maps.Marker>();\n\n    useEffect(() => {\n        if (pin) {\n            google.maps.event.addListener(pin, 'dragend', (evt: google.maps.MapMouseEvent) => {\n                const newLat = evt.latLng?.lat();\n                const newLng = evt.latLng?.lng();\n\n                if (!newLat || !newLng) {\n                    return;\n                }\n\n                onChange({ id, position: { lng: newLng, lat: newLat } });\n            });\n\n            google.maps.event.addListener(pin, 'rightclick', () => {\n                onRemove(id);\n            });\n        }\n    }, [pin, id, onChange, onRemove]);\n\n    useEffect(() => {\n        if (!pin) {\n            setPin(new google.maps.Marker({ map }));\n        }\n\n        // remove marker from map on unmount\n        return () => {\n            if (pin) {\n                pin.setMap(null);\n            }\n        };\n    }, [pin, map]);\n\n    useEffect(() => {\n        if (pin) {\n            pin.setOptions({\n                draggable: isDraggable,\n                position,\n                map,\n            });\n        }\n    }, [pin, isDraggable, position, map]);\n\n    return null;\n};\n\nMarker.displayName = 'Marker';\n\nexport default Marker;\n"],"mappings":"AAAA,SAAaA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAY/C,MAAMC,MAAuB,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,EAAE;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAN,IAAA;EACnF,MAAM,CAACO,GAAG,EAAEC,MAAM,CAAC,GAAGV,QAAQ,CAAqB,CAAC;EAEpDD,SAAS,CAAC,MAAM;IACZ,IAAIU,GAAG,EAAE;MACLE,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACL,GAAG,EAAE,SAAS,EAAGM,GAA8B,IAAK;QAC9E,MAAMC,MAAM,GAAGD,GAAG,CAACE,MAAM,EAAEC,GAAG,CAAC,CAAC;QAChC,MAAMC,MAAM,GAAGJ,GAAG,CAACE,MAAM,EAAEG,GAAG,CAAC,CAAC;QAEhC,IAAI,CAACJ,MAAM,IAAI,CAACG,MAAM,EAAE;UACpB;QACJ;QAEAb,QAAQ,CAAC;UAAEH,EAAE;UAAEE,QAAQ,EAAE;YAAEe,GAAG,EAAED,MAAM;YAAED,GAAG,EAAEF;UAAO;QAAE,CAAC,CAAC;MAC5D,CAAC,CAAC;MAEFL,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACL,GAAG,EAAE,YAAY,EAAE,MAAM;QACnDF,QAAQ,CAACJ,EAAE,CAAC;MAChB,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACM,GAAG,EAAEN,EAAE,EAAEG,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAEjCR,SAAS,CAAC,MAAM;IACZ,IAAI,CAACU,GAAG,EAAE;MACNC,MAAM,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACX,MAAM,CAAC;QAAEO;MAAI,CAAC,CAAC,CAAC;IAC3C;;IAEA;IACA,OAAO,MAAM;MACT,IAAIC,GAAG,EAAE;QACLA,GAAG,CAACY,MAAM,CAAC,IAAI,CAAC;MACpB;IACJ,CAAC;EACL,CAAC,EAAE,CAACZ,GAAG,EAAED,GAAG,CAAC,CAAC;EAEdT,SAAS,CAAC,MAAM;IACZ,IAAIU,GAAG,EAAE;MACLA,GAAG,CAACa,UAAU,CAAC;QACXC,SAAS,EAAEnB,WAAW;QACtBC,QAAQ;QACRG;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACC,GAAG,EAAEL,WAAW,EAAEC,QAAQ,EAAEG,GAAG,CAAC,CAAC;EAErC,OAAO,IAAI;AACf,CAAC;AAEDP,MAAM,CAACuB,WAAW,GAAG,QAAQ;AAE7B,eAAevB,MAAM","ignoreList":[]}

package/lib/constants/positionInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"positionInput.js","names":["DEFAULT_POLYGON_OPTIONS","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","clickable","draggable","editable","visible","radius","zIndex","DEFAULT_POSITION","lat","lng"],"sources":["../../src/constants/positionInput.ts"],"sourcesContent":["import type { PolygonOptions, Position } from '../types/positionInput';\n\nexport const DEFAULT_POLYGON_OPTIONS: PolygonOptions = {\n    strokeColor: '#000000',\n    strokeOpacity: 0.8,\n    strokeWeight: 1,\n    fillColor: '#808080',\n    fillOpacity: 0.25,\n    clickable: false,\n    draggable: false,\n    editable: false,\n    visible: true,\n    radius: 30000,\n    zIndex: 1,\n};\n\nexport const DEFAULT_POSITION: Position = {\n    lat: 52.067450969671796,\n    lng: 7.017417,\n};\n"],"mappings":"AAEA,OAAO,MAAMA,uBAAuC,GAAG;EACnDC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,gBAA0B,GAAG;EACtCC,GAAG,EAAE,kBAAkB;EACvBC,GAAG,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/hooks/positionInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"positionInput.js","names":["React","useEffect","createCustomEqual","isLatLngLiteral","deepCompareEqualsForMaps","deepEqual","a","b","google","maps","LatLng","equals","useDeepCompareMemoize","value","ref","useRef","current","useDeepCompareEffectForMaps","callback","dependencies","map"],"sources":["../../src/hooks/positionInput.tsx"],"sourcesContent":["import React, { type EffectCallback, useEffect } from 'react';\nimport { createCustomEqual } from 'fast-equals';\nimport { isLatLngLiteral } from '@googlemaps/typescript-guards';\n\n// Note do not touch!\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst deepCompareEqualsForMaps = createCustomEqual((deepEqual) => (a, b) => {\n    if (\n        isLatLngLiteral(a) ||\n        a instanceof google.maps.LatLng ||\n        isLatLngLiteral(b) ||\n        b instanceof google.maps.LatLng\n    ) {\n        return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return\n    return deepEqual(a, b);\n});\n\nconst useDeepCompareMemoize = (value: any) => {\n    const ref = React.useRef();\n\n    if (!deepCompareEqualsForMaps(value, ref.current)) {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        ref.current = value;\n    }\n\n    return ref.current;\n};\n\nexport const useDeepCompareEffectForMaps = (callback: EffectCallback, dependencies: any[]) => {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(callback, dependencies.map(useDeepCompareMemoize));\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAyBC,SAAS,QAAQ,OAAO;AAC7D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,eAAe,QAAQ,+BAA+B;;AAE/D;;AAEA;AACA;AACA,MAAMC,wBAAwB,GAAGF,iBAAiB,CAAEG,SAAS,IAAK,CAACC,CAAC,EAAEC,CAAC,KAAK;EACxE,IACIJ,eAAe,CAACG,CAAC,CAAC,IAClBA,CAAC,YAAYE,MAAM,CAACC,IAAI,CAACC,MAAM,IAC/BP,eAAe,CAACI,CAAC,CAAC,IAClBA,CAAC,YAAYC,MAAM,CAACC,IAAI,CAACC,MAAM,EACjC;IACE,OAAO,IAAIF,MAAM,CAACC,IAAI,CAACC,MAAM,CAACJ,CAAC,CAAC,CAACK,MAAM,CAAC,IAAIH,MAAM,CAACC,IAAI,CAACC,MAAM,CAACH,CAAC,CAAC,CAAC;EACtE;;EAEA;EACA,OAAOF,SAAS,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAMK,qBAAqB,GAAIC,KAAU,IAAK;EAC1C,MAAMC,GAAG,GAAGd,KAAK,CAACe,MAAM,CAAC,CAAC;EAE1B,IAAI,CAACX,wBAAwB,CAACS,KAAK,EAAEC,GAAG,CAACE,OAAO,CAAC,EAAE;IAC/C;IACAF,GAAG,CAACE,OAAO,GAAGH,KAAK;EACvB;EAEA,OAAOC,GAAG,CAACE,OAAO;AACtB,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAACC,QAAwB,EAAEC,YAAmB,KAAK;EAC1F;EACAlB,SAAS,CAACiB,QAAQ,EAAEC,YAAY,CAACC,GAAG,CAACR,qBAAqB,CAAC,CAAC;AAChE,CAAC","ignoreList":[]}

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","PositionInput"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as PositionInput } from './components/position-input/PositionInput';\nexport type { PolygonOptions, Position, IMarker as Marker } from './types/positionInput';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,aAAa,QAAQ,2CAA2C","ignoreList":[]}

package/lib/types/positionInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"positionInput.js","names":[],"sources":["../../src/types/positionInput.ts"],"sourcesContent":["export interface PolygonOptions {\n    strokeColor: string;\n    strokeOpacity: number;\n    strokeWeight: number;\n    fillColor: string;\n    fillOpacity: number;\n    clickable: boolean;\n    draggable: boolean;\n    editable: boolean;\n    visible: boolean;\n    radius: number;\n    zIndex: number;\n}\n\nexport interface Position {\n    lat: number;\n    lng: number;\n}\n\nexport interface IMarker {\n    position: Position;\n    id: number;\n}\n"],"mappings":"","ignoreList":[]}