react-bing-map 1.0.0

package/README.md

@@ -0,0 +1,24 @@
+## React Rollup Boiler Plate
+
+#### Install the dependencies
+
+```
+npm install --save-dev @rollup/plugin-commonjs @rollup/plugin-node-resolve @rollup/plugin-typescript @types/react @types/react-dom react react-dom rollup rollup-plugin-peer-deps-external typescript node-sass sass postcss rollup-plugin-postcss
+
+```
+
+#### Run Build
+
+```
+npm run build
+```
+
+#### Run Story Book
+
+```
+npm run storybook
+```
+
+#### Output:
+
+![screenshot](/output.png)

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

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

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

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

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

@@ -0,0 +1,17 @@
+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

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

package/lib/cjs/index.js

@@ -0,0 +1,60 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,8 @@
+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

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

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

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

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

@@ -0,0 +1,17 @@
+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

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

package/lib/esm/index.js

@@ -0,0 +1,58 @@
+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

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

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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,8 @@
+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/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "react-bing-map",
+  "version": "1.0.0",
+  "author": "Mohanraj Kandasamy",
+  "license": "ISC",
+  "description": "",
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/esm/index.d.ts",
+  "type": "module",
+  "files": [
+    "/lib"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "rollup -c --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@storybook/addon-essentials": "^7.2.0",
+    "@storybook/addon-interactions": "^7.2.0",
+    "@storybook/addon-links": "^7.2.0",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.2.0",
+    "@storybook/react": "^7.2.0",
+    "@storybook/react-vite": "^7.2.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "node-sass": "^9.0.0",
+    "postcss": "^8.4.26",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^3.26.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.63.6",
+    "storybook": "^7.2.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6"
+  },
+  "keywords": [
+    "react-template",
+    "react-library",
+    "typescript",
+    "react",
+    "template"
+  ],
+  "peerDependencies": {
+    "react": "^16 || ^17 || ^18",
+    "react-dom": "^16 || ^17 || ^18"
+  }
+}