react-bing-map 1.0.5 → 1.0.7

package/README.md

@@ -1,5 +1,4 @@
-## React - Bing Maps
-
+## React - Bing Map
 
 ## Prerequisites
 
@@ -28,14 +27,16 @@ import { BingMaps } from "react-bing-map";
 #### Customized Example:
 
 ```js
- <BingMaps
-  mapType=''
-  bingKey='key'
+<BingMaps
+  mapType="grayscale"
+  bingKey="key"
   centerLocation={[28.6448, 77.216721]}
-  language={'en-IN'}
-  zoom ={0}
-  pushPins= {[]}
-  pushPinIcon=''
+  language="en-IN"
+  zoom={0}
+  pushPins={[]}
+  mapPosition={ north: 49.234, south: 24.175, east: -65.573, west: -125.778 }
+  infoBoxStyle={ maxWidth: 490, maxHeight: 600 }
+  pushPinIcon=""
   showScalebar={true}
   showCopyright={true}
   showLogo={true}
@@ -44,9 +45,132 @@ import { BingMaps } from "react-bing-map";
   showLocateMeButton={true}
   showZoomButtons={true}
   showMapTypeSelector={true}
+
 />
 ```
 
+##### Props Details
+
+#### 1. mapType
+
+Following options are available to use based on requirements
+
+```js
+[
+  "aerial",
+  "canvasDark",
+  "canvasLight",
+  "birdseye",
+  "grayscale",
+  "mercator",
+  "ordnanceSurvey",
+  "road",
+  "streetside",
+];
+```
+
+#### 2. bingKey
+
+Get the keys from the Bing Maps Dev Portal and use them.
+
+#### 3. centerLocation
+
+It is used to set the map position at the center of the browser screen like the output image.
+
+```js
+centerLocation={[28.6448, 77.216721]}
+```
+
+#### 4. language
+
+It is used to define the map language based on specific needs.
+
+```js
+language = "en-IN";
+```
+
+#### 5. zoom
+
+We can customize the zoom level of the map and support min 1 and max 19
+
+```js
+  zoom={0}
+```
+
+#### 6. pushPins
+
+It is a list of array objects, and the structure should be as follows
+
+```json
+{
+  "icon": "",
+  "location": {
+    "latitude": 13.067439,
+    "longitude": 80.237617
+  },
+  "content": {
+    "title": "Chennai",
+    "description": `html or simple text`
+  }
+}
+```
+
+##### 1. icon
+
+This icon used to show the category based pushpin we can use it or else set empty sting and use the `pushPinIon`key for global icon.
+
+The content of the description should be like the inner HTML content below
+
+##### 2. content
+
+The content structure looks like the one below
+
+```json
+
+ "content": {
+    "title": "Chennai",
+    "description": `
+      <div class="pin-detail">
+        <section>
+          <div class="name">Partner:</div>
+          <div class="value">
+            1067207 <span id="copy_42" class="copy-section"></span>
+          </div>
+        </section>
+      </div>
+    `
+  }
+
+```
+
+or else use this simple description
+
+```js
+ "content": {
+    "title": "Chennai",
+    "description": "Description"
+  }
+```
+
+#### 7. pushPinIcon
+
+It is used for global pushpin icon
+
+```js
+pushPinIcon = "url";
+```
+
+#### 8. mapPosition
+
+#### 9. infoBoxStyle
+
+It is used to customize the infoBox maxWidth and maxHeight
+
+```js
+  infoBoxStyle={ maxWidth: 490, maxHeight: 600 }
+```
+![alt text](<infoBox.png>)
+
 #### Output:
 
-![screenshot](/output1.png)
+![screenshot](/output.png)

package/package.json

@@ -15,11 +15,7 @@
     "typescript",
     "react"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/kmohanraj/react-bing-maps"
-  },
-  "version": "1.0.5",
+  "version": "1.0.7",
   "private": false,
   "license": "MIT",
   "main": "./lib/cjs/index.js",

package/lib/cjs/components/MapView/MapView.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const MapView: () => React.JSX.Element;

package/lib/cjs/components/index.d.ts

@@ -1 +0,0 @@
-export { MapView } from './MapView/MapView';

package/lib/cjs/hooks/useBingMaps.d.ts

@@ -1,17 +0,0 @@
-export type TMapView = {
-    mapType?: string;
-    bingKey: string;
-    centerLocation?: [number, number];
-    initZoom?: number;
-    pushPins?: [];
-    pushPinIcon?: any;
-};
-declare const useBingMaps: ({ mapType, bingKey, centerLocation, initZoom, pushPins, pushPinIcon }: {
-    mapType?: string | undefined;
-    bingKey?: string | undefined;
-    centerLocation?: number[] | undefined;
-    initZoom?: number | undefined;
-    pushPins?: never[] | undefined;
-    pushPinIcon?: string | undefined;
-}) => [any, any];
-export default useBingMaps;

package/lib/cjs/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/lib/cjs/index.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useBingMaps = function (_a) {
-    var _b = _a.mapType, mapType = _b === void 0 ? '' : _b, _c = _a.bingKey, bingKey = _c === void 0 ? '' : _c, _d = _a.centerLocation, centerLocation = _d === void 0 ? [0, 0] : _d, _e = _a.initZoom, initZoom = _e === void 0 ? 0 : _e, _f = _a.pushPins, pushPins = _f === void 0 ? [] : _f, _g = _a.pushPinIcon, pushPinIcon = _g === void 0 ? '' : _g;
-    var myWindow = window;
-    var initMap = React.useCallback(function () {
-        var Maps = myWindow.Microsoft.Maps;
-        var map = new Maps.Map('#bing-map', {
-            credentials: bingKey,
-            center: new Maps.Location(centerLocation[0], centerLocation[1]),
-            mapTypeId: Maps.MapTypeId[mapType],
-            showLogo: false,
-            zoom: initZoom
-        });
-        var infobox = new Maps.Infobox(map.getCenter(), {
-            visible: false
-        });
-        infobox.setMap(map);
-        addPushPins(map, infobox, Maps);
-    }, []);
-    var addPushPins = function (map, infobox, Maps) {
-        for (var ele in pushPins) {
-            new Maps.Pushpin(centerLocation, pushPinIcon);
-            // const data: ContentType = pushPins[ele]?.content
-            // handleOnInfobox(pin, infobox, data, Maps)
-        }
-    };
-    // myWindow.initMap = initMap;
-    return [myWindow, initMap];
-};
-
-var MapView = function () {
-    var mapView = {
-        mapType: '',
-        bingKey: '',
-        centerLocation: [0, 0],
-        initZoom: 0,
-        pushPins: [],
-        pushPinIcon: ''
-    };
-    var _a = useBingMaps(mapView), myWindow = _a[0], initMap = _a[1];
-    myWindow.initMap = initMap;
-    React.useEffect(function () {
-        if (!document.querySelector('[data-bing="true"]')) {
-            var scriptTag = document.createElement('script');
-            scriptTag.src =
-                'https://www.bing.com/api/maps/mapcontrol' + '?callback=initMap';
-            scriptTag.async = true;
-            scriptTag.dataset.bing = 'true';
-            document.body.appendChild(scriptTag);
-        }
-    }, []);
-    return (React.createElement("div", { className: 'map-view' },
-        React.createElement("div", { id: 'bing-map' })));
-};
-
-exports.MapView = MapView;
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/hooks/useBingMaps.ts","../../src/components/MapView/MapView.tsx"],"sourcesContent":[null,null],"names":["useCallback","useEffect"],"mappings":"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"}

package/lib/cjs/stories/Button.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/lib/cjs/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/lib/cjs/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/lib/cjs/stories/MapView.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/lib/esm/components/MapView/MapView.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const MapView: () => React.JSX.Element;

package/lib/esm/components/index.d.ts

@@ -1 +0,0 @@
-export { MapView } from './MapView/MapView';

package/lib/esm/hooks/useBingMaps.d.ts

@@ -1,17 +0,0 @@
-export type TMapView = {
-    mapType?: string;
-    bingKey: string;
-    centerLocation?: [number, number];
-    initZoom?: number;
-    pushPins?: [];
-    pushPinIcon?: any;
-};
-declare const useBingMaps: ({ mapType, bingKey, centerLocation, initZoom, pushPins, pushPinIcon }: {
-    mapType?: string | undefined;
-    bingKey?: string | undefined;
-    centerLocation?: number[] | undefined;
-    initZoom?: number | undefined;
-    pushPins?: never[] | undefined;
-    pushPinIcon?: string | undefined;
-}) => [any, any];
-export default useBingMaps;

package/lib/esm/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/lib/esm/index.js

@@ -1,58 +0,0 @@
-import React, { useCallback, useEffect } from 'react';
-
-var useBingMaps = function (_a) {
-    var _b = _a.mapType, mapType = _b === void 0 ? '' : _b, _c = _a.bingKey, bingKey = _c === void 0 ? '' : _c, _d = _a.centerLocation, centerLocation = _d === void 0 ? [0, 0] : _d, _e = _a.initZoom, initZoom = _e === void 0 ? 0 : _e, _f = _a.pushPins, pushPins = _f === void 0 ? [] : _f, _g = _a.pushPinIcon, pushPinIcon = _g === void 0 ? '' : _g;
-    var myWindow = window;
-    var initMap = useCallback(function () {
-        var Maps = myWindow.Microsoft.Maps;
-        var map = new Maps.Map('#bing-map', {
-            credentials: bingKey,
-            center: new Maps.Location(centerLocation[0], centerLocation[1]),
-            mapTypeId: Maps.MapTypeId[mapType],
-            showLogo: false,
-            zoom: initZoom
-        });
-        var infobox = new Maps.Infobox(map.getCenter(), {
-            visible: false
-        });
-        infobox.setMap(map);
-        addPushPins(map, infobox, Maps);
-    }, []);
-    var addPushPins = function (map, infobox, Maps) {
-        for (var ele in pushPins) {
-            new Maps.Pushpin(centerLocation, pushPinIcon);
-            // const data: ContentType = pushPins[ele]?.content
-            // handleOnInfobox(pin, infobox, data, Maps)
-        }
-    };
-    // myWindow.initMap = initMap;
-    return [myWindow, initMap];
-};
-
-var MapView = function () {
-    var mapView = {
-        mapType: '',
-        bingKey: '',
-        centerLocation: [0, 0],
-        initZoom: 0,
-        pushPins: [],
-        pushPinIcon: ''
-    };
-    var _a = useBingMaps(mapView), myWindow = _a[0], initMap = _a[1];
-    myWindow.initMap = initMap;
-    useEffect(function () {
-        if (!document.querySelector('[data-bing="true"]')) {
-            var scriptTag = document.createElement('script');
-            scriptTag.src =
-                'https://www.bing.com/api/maps/mapcontrol' + '?callback=initMap';
-            scriptTag.async = true;
-            scriptTag.dataset.bing = 'true';
-            document.body.appendChild(scriptTag);
-        }
-    }, []);
-    return (React.createElement("div", { className: 'map-view' },
-        React.createElement("div", { id: 'bing-map' })));
-};
-
-export { MapView };
-//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/hooks/useBingMaps.ts","../../src/components/MapView/MapView.tsx"],"sourcesContent":[null,null],"names":[],"mappings":";;AAoBA,IAAM,WAAW,GAAG,UAAC,EAOpB,EAAA;AANC,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACZ,eAAY,EAAZ,OAAO,mBAAG,EAAE,GAAA,EAAA,EACZ,EAAuB,GAAA,EAAA,CAAA,cAAA,EAAvB,cAAc,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,EAAA,EACvB,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,GAAA,EAAA,EACZ,EAAa,GAAA,EAAA,CAAA,QAAA,EAAb,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACb,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEhB,IAAI,QAAQ,GAAG,MAAa,CAAC;IAC7B,IAAM,OAAO,GAAG,WAAW,CAAC,YAAA;AAC1B,QAAA,IAAI,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;QACnC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;AAClC,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,MAAM,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAC/D,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;AAClC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA,CAAC,CAAC;QACH,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE;AAC9C,YAAA,OAAO,EAAE,KAAK;AACf,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACpB,QAAA,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;KACjC,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,IAAM,WAAW,GAAG,UAAC,GAAQ,EAAE,OAAY,EAAE,IAAS,EAAA;AACpD,QAAA,KAAK,IAAI,GAAG,IAAI,QAAQ,EAAE;YACd,IAAI,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,WAAW,EAAE;;;AAGzD,SAAA;AACH,KAAC,CAAC;;AAkBF,IAAA,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7B,CAAC;;ACjEY,IAAA,OAAO,GAAG,YAAA;AACrB,IAAA,IAAM,OAAO,GAAa;AACxB,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACtB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,WAAW,EAAE,EAAE;KAChB,CAAC;IACI,IAAA,EAAA,GAAsB,WAAW,CAAC,OAAO,CAAC,EAAzC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAwB,CAAC;AAEjD,IAAA,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;AAE3B,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;YACjD,IAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACnD,YAAA,SAAS,CAAC,GAAG;gBACX,0CAA0C,GAAG,mBAAmB,CAAC;AACnE,YAAA,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;AACvB,YAAA,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;AAChC,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACtC,SAAA;KACF,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAA;AACvB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,UAAU,EAAO,CAAA,CACrB,EACN;AACJ;;;;"}

package/lib/esm/stories/Button.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/lib/esm/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/lib/esm/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/lib/esm/stories/MapView.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;