@chayns-components/maps 5.0.0-beta.1000

package/lib/types/components/position-input/PositionInput.d.ts

@@ -0,0 +1,42 @@
+import { FC } from 'react';
+import type { IMarker, PolygonOptions, Position } from '../../types/positionInput';
+export type PositionInputProps = {
+    /**
+     * The api token for google maps.
+     */
+    apiToken: string;
+    /**
+     * The position of the center of the map on the initial render.
+     */
+    initialPosition?: Position;
+    /**
+     * Markers that should be displayed.
+     */
+    markers?: IMarker[];
+    /**
+     * Function to be executed when a marker is added.
+     */
+    onMarkerAdd?: (marker: IMarker) => void;
+    /**
+     * Function to be executed when a marker position is changed.
+     */
+    onMarkerChange?: (markers: IMarker[]) => void;
+    /**
+     * Function to be executed when a marker is removed.
+     */
+    onMarkerRemove?: (id: number) => void;
+    /**
+     * Options to style the polygon.
+     */
+    polygonOptions?: PolygonOptions;
+    /**
+     * The placeholder of the search input.
+     */
+    searchPlaceholder?: string;
+    /**
+     * The zoom of the map.
+     */
+    zoom?: number;
+};
+declare const PositionInput: FC<PositionInputProps>;
+export default PositionInput;

package/lib/types/components/position-input/PositionInput.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledPositionInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPositionInputSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/position-input/map-wrapper/MapWrapper.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import type { IMarker, PolygonOptions, Position } from '../../../types/positionInput';
+export type MapWrapperProps = {
+    apiToken: string;
+    polygonOptions: PolygonOptions;
+    initialZoom: number;
+    initialPosition: Position;
+    markers?: IMarker[];
+    onMarkerAdd?: (marker: IMarker) => void;
+    onMarkerRemove?: (id: number) => void;
+    onMarkerChange?: (markers: IMarker[]) => void;
+};
+declare const MapWrapper: FC<MapWrapperProps>;
+export default MapWrapper;

package/lib/types/components/position-input/map-wrapper/MapWrapper.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledMapWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/position-input/map-wrapper/map/Map.d.ts

@@ -0,0 +1,15 @@
+import { FC, type ReactElement } from 'react';
+import type { Position } from '../../../../types/positionInput';
+export type MapProps = {
+    onClick: (event: google.maps.MapMouseEvent) => void;
+    onIdle: (event: google.maps.Map) => void;
+    onPositionChange: (position: Position) => void;
+    children: ReactElement;
+    center: Position;
+    zoom: number;
+    fullscreenControl: boolean;
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+};
+declare const Map: FC<MapProps>;
+export default Map;

package/lib/types/components/position-input/map-wrapper/map/Map.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledMap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/position-input/map-wrapper/map/marker/Marker.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import type { IMarker, Position } from '../../../../../types/positionInput';
+export type MarkerProps = {
+    id: number;
+    position: Position;
+    isDraggable: boolean;
+    onChange: (marker: IMarker) => void;
+    onRemove: (id: number) => void;
+    map?: google.maps.Map;
+};
+declare const Marker: FC<MarkerProps>;
+export default Marker;

package/lib/types/constants/positionInput.d.ts

@@ -0,0 +1,3 @@
+import type { PolygonOptions, Position } from '../types/positionInput';
+export declare const DEFAULT_POLYGON_OPTIONS: PolygonOptions;
+export declare const DEFAULT_POSITION: Position;

package/lib/types/hooks/positionInput.d.ts

@@ -0,0 +1,2 @@
+import { type EffectCallback } from 'react';
+export declare const useDeepCompareEffectForMaps: (callback: EffectCallback, dependencies: any[]) => void;

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PositionInput } from './components/position-input/PositionInput';
+export type { PolygonOptions, Position, IMarker as Marker } from './types/positionInput';

package/lib/types/types/positionInput.d.ts

@@ -0,0 +1,21 @@
+export interface PolygonOptions {
+    strokeColor: string;
+    strokeOpacity: number;
+    strokeWeight: number;
+    fillColor: string;
+    fillOpacity: number;
+    clickable: boolean;
+    draggable: boolean;
+    editable: boolean;
+    visible: boolean;
+    radius: number;
+    zIndex: number;
+}
+export interface Position {
+    lat: number;
+    lng: number;
+}
+export interface IMarker {
+    position: Position;
+    id: number;
+}

package/package.json

@@ -0,0 +1,90 @@
+{
+    "name": "@chayns-components/maps",
+    "version": "5.0.0-beta.1000",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/maps#readme",
+    "license": "MIT",
+    "types": "lib/types/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js"
+        }
+    },
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "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",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.26.4",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/google.maps": "^3.58.1",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^10.0.0",
+        "babel-loader": "^9.2.1",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.1.9",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "styled-components": "^6.1.14",
+        "typescript": "^5.7.3"
+    },
+    "dependencies": {
+        "@chayns-components/core": "^5.0.0-beta.1000",
+        "@googlemaps/react-wrapper": "^1.1.42",
+        "@googlemaps/typescript-guards": "^2.0.3",
+        "@react-google-maps/api": "^2.20.5",
+        "fast-equals": "^5.2.2"
+    },
+    "peerDependencies": {
+        "chayns-api": ">=2.0.0",
+        "framer-motion": ">=10.18.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "styled-components": ">=5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "d456c0b87862a3be7d764ba0f16e0b96b22ac2a8"
+}