@pnp/spfx-controls-react 4.0.0-beta.1344828 → 4.0.0-beta.3809332

package/lib/controls/worldMap/IMaplibreWorldMapProps.d.ts

@@ -0,0 +1,220 @@
+import { IData } from "./IData";
+import React from "react";
+import { Theme } from "@fluentui/react-components";
+/** Props for the world map component. */
+export interface IMaplibreWorldMapProps {
+    /**
+     * Array of location data to display on the map. Each item must include coordinates as [longitude, latitude].
+     * @example
+     * ```tsx
+     * const data = [
+     *   { id: '1', name: 'New York', coordinates: [-74.006, 40.7128], imageUrl: '...', link: '...' }
+     * ];
+     * ```
+     */
+    data: IData[];
+    /**
+     * Callback function triggered when a marker is clicked.
+     * @param c - The data item associated with the clicked marker
+     * @example
+     * ```tsx
+     * onClick={(location) => console.log('Clicked:', location.name)}
+     * ```
+     */
+    onClick?: (c: IData) => void;
+    /**
+     * Custom map style URL. If provided with mapKey, the key will be automatically appended.
+     * If provided without mapKey, the URL will be used as-is.
+     * @example
+     * ```tsx
+     * mapStyleUrl="https://api.maptiler.com/maps/satellite/style.json"
+     * ```
+     */
+    mapStyleUrl?: string;
+    /**
+     * MapTiler API key for accessing premium map styles.
+     * If provided alone, uses MapTiler streets style by default.
+     * If not provided, falls back to free demo map.
+     * @example
+     * ```tsx
+     * mapKey="your-maptiler-api-key-here"
+     * ```
+     */
+    mapKey?: string;
+    /**
+     * Custom CSS styles for the map container.
+     * @example
+     * ```tsx
+     * style={{ width: '100%', height: '500px', border: '1px solid #ccc' }}
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Padding (in pixels) around the map when fitting bounds to show all markers.
+     * @default 20
+     * @example
+     * ```tsx
+     * fitPadding={50} // Adds 50px padding around markers when auto-fitting
+     * ```
+     */
+    fitPadding?: number;
+    /**
+     * Title displayed above the map. Can be a string or React element.
+     * @default 'World Map'
+     * @example
+     * ```tsx
+     * title="My Custom Map"
+     * // or
+     * title={<h2>Interactive Location Map</h2>}
+     * ```
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Description text displayed below the title (not currently implemented in UI).
+     * @example
+     * ```tsx
+     * description="Click on markers to view location details"
+     * ```
+     */
+    description?: string | React.ReactNode;
+    /**
+     * CSS class name applied to the root container.
+     * @example
+     * ```tsx
+     * className="my-custom-map-class"
+     * ```
+     */
+    className?: string;
+    /**
+     * Configuration options for map markers appearance and behavior.
+     */
+    marker?: {
+        /**
+         * CSS class name applied to marker elements.
+         * @example "custom-marker-style"
+         */
+        markerClassName?: string;
+        /**
+         * Custom CSS styles applied to marker elements.
+         * @example {{ backgroundColor: 'red', borderRadius: '50%' }}
+         */
+        markerStyle?: React.CSSProperties;
+        /**
+         * Size of marker images in pixels.
+         * @default 40
+         * @example 60
+         */
+        imageSize?: number;
+        /**
+         * Custom function to render tooltip content for markers.
+         * @param c - The data item for the marker
+         * @returns React element to display in tooltip
+         * @example
+         * ```tsx
+         * renderToolTip={(item) => <div><strong>{item.name}</strong><br/>{item.description}</div>}
+         * ```
+         */
+        renderToolTip?: (c: IData) => React.ReactNode;
+        /**
+         * CSS class name applied to tooltip elements.
+         * @example "custom-tooltip-style"
+         */
+        tooltipClassName?: string;
+        /**
+         * Custom CSS styles applied to tooltip elements.
+         * @example {{ backgroundColor: 'black', color: 'white', padding: '8px' }}
+         */
+        tooltipStyle?: React.CSSProperties;
+    };
+    /**
+     * Configuration options for the search functionality.
+     */
+    search?: {
+        /**
+         * Enable or disable the search feature.
+         * @default true
+         * @example
+         * ```tsx
+         * search={{ enabled: false }} // Disables search
+         * ```
+         */
+        enabled?: boolean;
+        /**
+         * Placeholder text displayed in the search input.
+         * @default "Search locations..."
+         * @example
+         * ```tsx
+         * search={{ placeholder: "Find a city or landmark..." }}
+         * ```
+         */
+        placeholder?: string;
+        /**
+         * Callback function triggered when search term changes or results are filtered.
+         * @param searchTerm - The current search term
+         * @param filteredData - Array of data items matching the search
+         * @example
+         * ```tsx
+         * onSearchChange={(term, results) => {
+         *   console.log(`Search: "${term}" found ${results.length} results`);
+         * }}
+         * ```
+         */
+        onSearchChange?: (searchTerm: string, filteredData: IData[]) => void;
+        /**
+         * Field to search on or a custom function to extract the search term from data items.
+         * @default "name"
+         * @example
+         * ```tsx
+         * // Search by specific field
+         * searchField: "id"
+         *
+         * // Custom search function
+         * searchField: (item) => `${item.name} ${item.description}`
+         * ```
+         */
+        searchField?: keyof IData | ((item: IData) => string);
+        /**
+         * Zoom level to use when focusing on search results.
+         * @default 8
+         * @example
+         * ```tsx
+         * search={{ zoomLevel: 12 }} // Closer zoom for search results
+         * ```
+         */
+        zoomLevel?: number;
+        /**
+         * Position of the search overlay on the map.
+         * @default { top: '10px', left: '10px' }
+         * @example
+         * ```tsx
+         * // Top-right position
+         * search={{ position: { top: '10px', right: '10px' } }}
+         *
+         * // Bottom-left position
+         * search={{ position: { bottom: '20px', left: '20px' } }}
+         * ```
+         */
+        position?: {
+            /** Distance from the top edge of the map */
+            top?: string;
+            /** Distance from the left edge of the map */
+            left?: string;
+            /** Distance from the right edge of the map */
+            right?: string;
+            /** Distance from the bottom edge of the map */
+            bottom?: string;
+        };
+    };
+    /**
+     * Fluent UI theme object for consistent styling.
+     * @example
+     * ```tsx
+     * import { useTheme } from '@fluentui/react-components';
+     *
+     * const theme = useTheme();
+     * <MaplibreWorldMap theme={theme} />
+     * ```
+     */
+    theme?: Theme;
+}
+//# sourceMappingURL=IMaplibreWorldMapProps.d.ts.map

package/lib/controls/worldMap/IMaplibreWorldMapProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMaplibreWorldMapProps.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/IMaplibreWorldMapProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,yCAAyC;AACzC,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAE7B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;WAGG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QAEzB;;;WAGG;QACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAElC;;;;WAIG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;;;;;;;WAQG;QACH,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;QAE9C;;;WAGG;QACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAE1B;;;WAGG;QACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACpC,CAAA;IAED;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;;;;;WAOG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB;;;;;;;WAOG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;;;;;;;;;WAUG;QACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;QAErE;;;;;;;;;;;WAWG;QACH,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;QAEtD;;;;;;;WAOG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;;;;;;;;;;WAWG;QACH,QAAQ,CAAC,EAAE;YACT,4CAA4C;YAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,6CAA6C;YAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,8CAA8C;YAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,+CAA+C;YAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAA;IAED;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;CACd"}

package/lib/controls/worldMap/IMaplibreWorldMapProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IMaplibreWorldMapProps.js.map

package/lib/controls/worldMap/IMaplibreWorldMapProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMaplibreWorldMapProps.js","sourceRoot":"","sources":["../../../src/controls/worldMap/IMaplibreWorldMapProps.tsx"],"names":[],"mappings":""}

package/lib/controls/worldMap/IMarker.d.ts

@@ -0,0 +1,10 @@
+import { IData } from "./IData";
+import React from "react";
+export interface IMarker {
+    markerClassName?: string;
+    markerStyle?: React.CSSProperties;
+    renderToolTip?: (c: IData) => React.ReactNode;
+    tooltipClassName?: string;
+    tooltipStyle?: React.CSSProperties;
+}
+//# sourceMappingURL=IMarker.d.ts.map

package/lib/controls/worldMap/IMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMarker.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/IMarker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,OAAO;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC"}

package/lib/controls/worldMap/IMarker.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IMarker.js.map

package/lib/controls/worldMap/IMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMarker.js","sourceRoot":"","sources":["../../../src/controls/worldMap/IMarker.ts"],"names":[],"mappings":""}

package/lib/controls/worldMap/IMarkerProps.d.ts

@@ -0,0 +1,7 @@
+import { IData } from './IData';
+import { IMarker } from './IMarker';
+export interface IMarkerProps extends IMarker {
+    data: IData;
+    onClick?: (data: IData) => void;
+}
+//# sourceMappingURL=IMarkerProps.d.ts.map

package/lib/controls/worldMap/IMarkerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMarkerProps.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/IMarkerProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC"}

package/lib/controls/worldMap/IMarkerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IMarkerProps.js.map

package/lib/controls/worldMap/IMarkerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMarkerProps.js","sourceRoot":"","sources":["../../../src/controls/worldMap/IMarkerProps.tsx"],"names":[],"mappings":""}

package/lib/controls/worldMap/IWorldMapProps.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from "@fluentui/react-components";
+export interface IWorldMapProps {
+    description: string;
+    isDarkTheme: boolean;
+    hasTeamsContext: boolean;
+    title: string;
+    theme?: Theme;
+    styles?: React.CSSProperties;
+    className?: string;
+    mapStyleUrl?: string;
+    fitPadding?: number;
+}
+//# sourceMappingURL=IWorldMapProps.d.ts.map

package/lib/controls/worldMap/IWorldMapProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IWorldMapProps.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/IWorldMapProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/lib/controls/worldMap/IWorldMapProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IWorldMapProps.js.map

package/lib/controls/worldMap/IWorldMapProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IWorldMapProps.js","sourceRoot":"","sources":["../../../src/controls/worldMap/IWorldMapProps.ts"],"names":[],"mappings":""}

package/lib/controls/worldMap/MapNavigation.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { MapRef } from 'react-map-gl/maplibre';
+export interface MapNavigationProps {
+    mapRef: React.RefObject<MapRef>;
+    initialViewState?: {
+        longitude: number;
+        latitude: number;
+        zoom: number;
+    };
+    vertical?: boolean;
+}
+export declare const MapNavigation: React.FC<MapNavigationProps>;
+export default MapNavigation;
+//# sourceMappingURL=MapNavigation.d.ts.map

package/lib/controls/worldMap/MapNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapNavigation.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/MapNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI/C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/controls/worldMap/MapNavigation.js

@@ -0,0 +1,38 @@
+import { __makeTemplateObject } from "tslib";
+import * as React from 'react';
+import { ArrowReset24Regular, ZoomIn24Regular, ZoomOut24Regular, } from '@fluentui/react-icons';
+import { Button, Tooltip, shorthands, } from '@fluentui/react-components';
+import { css } from '@emotion/css';
+import strings from 'ControlStrings';
+var navStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 2;\n  background: tokens.colorNeutralBackground1;\n  border-radius: 8px;\n  box-shadow: tokens.shadow4;\n  padding: 4px;\n  display: flex;\n  gap: 8px;\n"], ["\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 2;\n  background: tokens.colorNeutralBackground1;\n  border-radius: 8px;\n  box-shadow: tokens.shadow4;\n  padding: 4px;\n  display: flex;\n  gap: 8px;\n"])));
+var navStyleVertical = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: column;\n"], ["\n  flex-direction: column;\n"])));
+var buttonStyle = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-width: 32px;\n  min-height: 32px;\n  ", "\n"], ["\n  min-width: 32px;\n  min-height: 32px;\n  ", "\n"])), shorthands.padding('4px'));
+export var MapNavigation = function (_a) {
+    var mapRef = _a.mapRef, _b = _a.initialViewState, initialViewState = _b === void 0 ? { longitude: 0, latitude: 20, zoom: 1 } : _b, _c = _a.vertical, vertical = _c === void 0 ? true : _c;
+    var handleZoomIn = React.useCallback(function () {
+        var _a;
+        (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.getMap().zoomIn();
+    }, [mapRef]);
+    var handleZoomOut = React.useCallback(function () {
+        var _a;
+        (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.getMap().zoomOut();
+    }, [mapRef]);
+    var handleReset = React.useCallback(function () {
+        var _a;
+        (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.flyTo({
+            center: [initialViewState.longitude, initialViewState.latitude],
+            zoom: initialViewState.zoom,
+            essential: true,
+        });
+    }, [mapRef, initialViewState]);
+    return (React.createElement("div", { className: vertical ? "".concat(navStyle, " ").concat(navStyleVertical) : navStyle },
+        React.createElement(Tooltip, { content: strings.worldMapZoomContent, relationship: "label" },
+            React.createElement(Button, { appearance: "subtle", icon: React.createElement(ZoomIn24Regular, null), "aria-label": strings.worldMapZoomIn, className: buttonStyle, onClick: handleZoomIn })),
+        React.createElement(Tooltip, { content: strings.worldMapZoomOut, relationship: "label" },
+            React.createElement(Button, { appearance: "subtle", icon: React.createElement(ZoomOut24Regular, null), "aria-label": strings.worldMapZoomOut, className: buttonStyle, onClick: handleZoomOut })),
+        React.createElement(Tooltip, { content: strings.worldMapResetMap, relationship: "label" },
+            React.createElement(Button, { appearance: "subtle", icon: React.createElement(ArrowReset24Regular, null), "aria-label": strings.worldMapReset, className: buttonStyle, onClick: handleReset }))));
+};
+export default MapNavigation;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=MapNavigation.js.map

package/lib/controls/worldMap/MapNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapNavigation.js","sourceRoot":"","sources":["../../../src/controls/worldMap/MapNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,OAAO,EACP,UAAU,GACX,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAQrC,IAAM,QAAQ,GAAG,GAAG,gSAAA,6NAWnB,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,GAAG,kGAAA,+BAE3B,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,GAAG,wHAAA,+CAGnB,EAAyB,IAC5B,KADG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAC5B,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,EAI3D;QAHC,MAAM,YAAA,EACN,wBAA0D,EAA1D,gBAAgB,mBAAG,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAA,EAC1D,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAEf,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;;QACrC,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;;QACtC,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,GAAG,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;;QACpC,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAC;YACpB,MAAM,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC;YAC/D,IAAI,EAAE,gBAAgB,CAAC,IAAI;YAC3B,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,gBAAgB,CAAE,CAAC,CAAC,CAAC,QAAQ;QACrE,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,CAAC,mBAAmB,EAAE,YAAY,EAAC,OAAO;YACjE,oBAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAE,oBAAC,eAAe,OAAG,gBACb,OAAO,CAAC,cAAc,EAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,YAAY,GACrB,CACM;QACV,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,CAAC,eAAe,EAAE,YAAY,EAAC,OAAO;YAC7D,oBAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAE,oBAAC,gBAAgB,OAAG,gBACd,OAAO,CAAC,eAAe,EACnC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,GACtB,CACM;QACV,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,EAAE,YAAY,EAAC,OAAO;YAC9D,oBAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAE,oBAAC,mBAAmB,OAAG,gBACjB,OAAO,CAAC,aAAa,EACjC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,GACpB,CACM,CACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/controls/worldMap/Marker.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { IMarkerProps } from './IMarkerProps';
+export declare const Marker: React.FC<IMarkerProps>;
+export default Marker;
+//# sourceMappingURL=Marker.d.ts.map

package/lib/controls/worldMap/Marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/Marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwB9C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuCzC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/controls/worldMap/Marker.js

@@ -0,0 +1,27 @@
+import { __assign, __makeTemplateObject } from "tslib";
+import * as React from 'react';
+import { Tooltip, tokens } from '@fluentui/react-components';
+import { Marker as MapMarker } from 'react-map-gl/maplibre';
+import TooltipContent from './TooltipContent';
+import { css } from '@emotion/css';
+import strings from 'ControlStrings';
+var useStyles = function () {
+    return {
+        flag: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 22px;\n      height: 10px;\n      border-radius: 4px;\n      box-shadow: '", ";\n      border: 1px solid ", ";\n      cursor: pointer;\n      display: block;\n      margin: 0 auto;\n    "], ["\n      width: 22px;\n      height: 10px;\n      border-radius: 4px;\n      box-shadow: '", ";\n      border: 1px solid ", ";\n      cursor: pointer;\n      display: block;\n      margin: 0 auto;\n    "])), tokens.shadow4, tokens.colorNeutralStroke2),
+        tooltipContent: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), tokens.colorBrandBackground2),
+    };
+};
+export var Marker = function (_a) {
+    var data = _a.data, onClick = _a.onClick, markerClassName = _a.markerClassName, markerStyle = _a.markerStyle, renderToolTip = _a.renderToolTip, tooltipClassName = _a.tooltipClassName, tooltipStyle = _a.tooltipStyle;
+    var styles = useStyles();
+    return (React.createElement(MapMarker, { longitude: data.coordinates[0], latitude: data.coordinates[1], anchor: "bottom", onClick: function () { return onClick && onClick(data); }, className: markerClassName !== null && markerClassName !== void 0 ? markerClassName : styles.flag, style: markerStyle !== null && markerStyle !== void 0 ? markerStyle : undefined },
+        React.createElement(Tooltip, { content: {
+                children: renderToolTip !== null && renderToolTip !== void 0 ? renderToolTip : React.createElement(TooltipContent, { data: data }),
+                style: __assign({}, tooltipStyle),
+                className: tooltipClassName !== null && tooltipClassName !== void 0 ? tooltipClassName : styles.tooltipContent,
+            }, relationship: "label" },
+            React.createElement("img", { src: data.imageUrl, alt: "".concat(data.name, " ").concat(strings.worldMapFlag), onMouseEnter: function (e) { return (e.currentTarget.style.transform = 'scale(1.1)'); }, onMouseLeave: function (e) { return (e.currentTarget.style.transform = ''); }, style: { cursor: 'pointer' } }))));
+};
+export default Marker;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Marker.js.map

package/lib/controls/worldMap/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../src/controls/worldMap/Marker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAG7D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,IAAM,SAAS,GAAG;IAChB,OAAO;QACL,IAAI,EAAE,GAAG,8QAAA,2FAIQ,EAAc,6BACT,EAA0B,+EAI/C,KALgB,MAAM,CAAC,OAAO,EACT,MAAM,CAAC,mBAAmB,CAI/C;QACD,cAAc,EAAE,GAAG,0GAAA,4BACG,EAA4B,SACjD,KADqB,MAAM,CAAC,qBAAqB,CACjD;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAA2B,UAAC,EAS9C;QARC,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,WAAW,iBAAA,EAEX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,YAAY,kBAAA;IAEZ,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAC9B,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAC7B,MAAM,EAAC,QAAQ,EACf,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,EAAxB,CAAwB,EACvC,SAAS,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,MAAM,CAAC,IAAI,EACzC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS;QAE/B,oBAAC,OAAO,IACN,OAAO,EAAE;gBACP,QAAQ,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI;gBACzD,KAAK,eAAO,YAAY,CAAE;gBAC1B,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,MAAM,CAAC,cAAc;aACrD,EACD,YAAY,EAAC,OAAO;YAEpB,6BACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,UAAG,IAAI,CAAC,IAAI,cAAI,OAAO,CAAC,YAAY,CAAE,EAC3C,YAAY,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,EAAhD,CAAgD,EACrE,YAAY,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,EAAtC,CAAsC,EAC3D,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B,CACM,CACA,CACb,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/controls/worldMap/TooltipContent.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { IData } from "./IData";
+export interface CountryTooltipContentProps {
+    data: IData;
+}
+export declare const TooltipContent: React.FC<CountryTooltipContentProps>;
+export default TooltipContent;
+//# sourceMappingURL=TooltipContent.d.ts.map

package/lib/controls/worldMap/TooltipContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/TooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,MAAM,WAAW,0BAA0B;IAC1C,IAAI,EAAE,KAAK,CAAC;CACZ;AAsCD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAoB/D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/controls/worldMap/TooltipContent.js

@@ -0,0 +1,28 @@
+import { __makeTemplateObject } from "tslib";
+import * as React from "react";
+import { Text, tokens, } from "@fluentui/react-components";
+import { css } from "@emotion/css";
+import strings from "ControlStrings";
+var stackStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: 160px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  align-items: flex-start;\n  background-color: ", ";\n  padding: 0;\n  min-width: 100px;\n"], ["\n  min-width: 160px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  align-items: flex-start;\n  background-color: ", ";\n  padding: 0;\n  min-width: 100px;\n"])), tokens.colorBrandBackground2);
+var rowStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var imageStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 32px;\n  height: 20px;\n  display: block;\n  border-radius: 4px;\n  box-shadow: '", ";\n"], ["\n  width: 32px;\n  height: 20px;\n  display: block;\n  border-radius: 4px;\n  box-shadow: '", ";\n"])), tokens.shadow4);
+var titleStyles = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 1rem;\n"], ["\n  font-weight: 600;\n  font-size: 1rem;\n"])));
+var subTitleStyles = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: '", ";\n  font-size: 0.92rem;\n"], ["\n  color: '", ";\n  font-size: 0.92rem;\n"])), tokens.colorNeutralForeground2);
+export var TooltipContent = function (_a) {
+    var data = _a.data;
+    return (React.createElement("div", { className: stackStyles },
+        React.createElement("div", { className: rowStyles },
+            React.createElement("img", { src: data.imageUrl, alt: "".concat(data.name, " ").concat(strings.worldMapFlag), className: imageStyles }),
+            React.createElement(Text, { className: titleStyles }, data.name)),
+        React.createElement("div", { className: rowStyles },
+            React.createElement(Text, { className: subTitleStyles }, strings.worldMapCoord),
+            React.createElement(Text, null,
+                data.coordinates[1].toFixed(2),
+                strings.worldMapN),
+            React.createElement(Text, null,
+                data.coordinates[0].toFixed(2),
+                strings.worldMapE))));
+};
+export default TooltipContent;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=TooltipContent.js.map

package/lib/controls/worldMap/TooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.js","sourceRoot":"","sources":["../../../src/controls/worldMap/TooltipContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,IAAI,EACJ,MAAM,GACP,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAMrC,IAAM,WAAW,GAAG,GAAG,mPAAA,qIAOD,EAA4B,yCAGjD,KAHqB,MAAM,CAAC,qBAAqB,CAGjD,CAAC;AAEF,IAAM,SAAS,GAAG,GAAG,8HAAA,2DAIpB,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,GAAG,wKAAA,8FAKN,EAAc,KAC9B,KADgB,MAAM,CAAC,OAAO,CAC9B,CAAC;AAEF,IAAM,WAAW,GAAG,GAAG,gHAAA,6CAGtB,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,GAAG,+GAAA,cACd,EAA8B,4BAEzC,KAFW,MAAM,CAAC,uBAAuB,CAEzC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAyC,UAAC,EAEpE;QADC,IAAI,UAAA;IAEJ,OAAO,CACL,6BAAK,SAAS,EAAE,WAAW;QACzB,6BAAK,SAAS,EAAE,SAAS;YACvB,6BACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,UAAG,IAAI,CAAC,IAAI,cAAI,OAAO,CAAC,YAAY,CAAE,EAC3C,SAAS,EAAE,WAAW,GACtB;YACF,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C;QACN,6BAAK,SAAS,EAAE,SAAS;YACvB,oBAAC,IAAI,IAAC,SAAS,EAAE,cAAc,IAAG,OAAO,CAAC,aAAa,CAAQ;YAC/D,oBAAC,IAAI;gBAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAO,CAAC,SAAS,CAAQ;YAChE,oBAAC,IAAI;gBAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;gBAAE,OAAO,CAAC,SAAS,CAAQ,CAC5D,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/controls/worldMap/WorldMap.d.ts

@@ -0,0 +1,5 @@
+import { IWorldMapProps } from "./IWorldMapProps";
+import React from "react";
+declare const WorldMap: React.FC<IWorldMapProps>;
+export default WorldMap;
+//# sourceMappingURL=WorldMap.d.ts.map

package/lib/controls/worldMap/WorldMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldMap.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/WorldMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuGtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/controls/worldMap/WorldMap.js

@@ -0,0 +1,95 @@
+import MaplibreWorldMap from "./WorldMapControl";
+import React from "react";
+var WorldMap = function (props) {
+    var countries = React.useMemo(function () { return [
+        { id: "us", name: "Microsoft – USA", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-us", coordinates: [-95.7129, 37.0902] },
+        { id: "canada", name: "Microsoft – Canada", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ca", coordinates: [-79.3832, 43.6532] },
+        { id: "mexico", name: "Microsoft – Mexico", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/es-mx", coordinates: [-99.1332, 19.4326] },
+        { id: "brazil", name: "Microsoft – Brazil", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/pt-br", coordinates: [-46.6333, -23.5505] },
+        // Europe
+        { id: "portugal", name: "Microsoft – Portugal", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/pt-pt", coordinates: [-9.1393, 38.7223] },
+        { id: "uk", name: "Microsoft – United Kingdom", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-gb", coordinates: [-0.1276, 51.5074] },
+        { id: "ireland", name: "Microsoft – Ireland", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ie", coordinates: [-6.2603, 53.3498] },
+        { id: "france", name: "Microsoft – France", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-fr", coordinates: [2.3522, 48.8566] },
+        { id: "germany", name: "Microsoft – Germany", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/de-de", coordinates: [11.5820, 48.1351] },
+        { id: "italy", name: "Microsoft – Italy", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/it-it", coordinates: [12.4964, 41.9028] },
+        { id: "spain", name: "Microsoft – Spain", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/es-es", coordinates: [-3.7038, 40.4168] },
+        { id: "sweden", name: "Microsoft – Sweden", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sv-se", coordinates: [18.0686, 59.3293] },
+        { id: "switzerland", name: "Microsoft – Switzerland", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/de-ch", coordinates: [7.4474, 46.9480] },
+        { id: "norway", name: "Microsoft – Norway", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/nb-no", coordinates: [10.7522, 59.9139] },
+        { id: "finland", name: "Microsoft – Finland", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fi-fi", coordinates: [24.9384, 60.1699] },
+        { id: "denmark", name: "Microsoft – Denmark", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/da-dk", coordinates: [12.5683, 55.6761] },
+        { id: "netherlands", name: "Microsoft – Netherlands", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/nl-nl", coordinates: [4.8952, 52.3702] },
+        { id: "belgium", name: "Microsoft – Belgium", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/nl-be", coordinates: [4.3517, 50.8503] },
+        { id: "luxembourg", name: "Microsoft – Luxembourg", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-lu", coordinates: [6.1319, 49.6116] },
+        { id: "austria", name: "Microsoft – Austria", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/de-at", coordinates: [16.3738, 48.2082] },
+        { id: "poland", name: "Microsoft – Poland", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/pl-pl", coordinates: [21.0122, 52.2297] },
+        { id: "czech_republic", name: "Microsoft – Czech Republic", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/cs-cz", coordinates: [14.4208, 50.0880] },
+        { id: "slovakia", name: "Microsoft – Slovakia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sk-sk", coordinates: [17.1077, 48.1486] },
+        { id: "hungary", name: "Microsoft – Hungary", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/hu-hu", coordinates: [19.0402, 47.4979] },
+        { id: "slovenia", name: "Microsoft – Slovenia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sl-si", coordinates: [14.5058, 46.0569] },
+        { id: "croatia", name: "Microsoft – Croatia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/hr-hr", coordinates: [15.9819, 45.8150] },
+        { id: "serbia", name: "Microsoft – Serbia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sr-latn-rs", coordinates: [20.4573, 44.7872] },
+        { id: "bosnia", name: "Microsoft – Bosnia and Herzegovina", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/bs-ba", coordinates: [18.4131, 43.8563] },
+        { id: "montenegro", name: "Microsoft – Montenegro", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sr-latn-me", coordinates: [19.2629, 42.4304] },
+        { id: "albania", name: "Microsoft – Albania", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/sq-al", coordinates: [19.8187, 41.3275] },
+        { id: "macedonia", name: "Microsoft – North Macedonia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/mk-mk", coordinates: [21.4316, 41.9981] },
+        { id: "greece", name: "Microsoft – Greece", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/el-gr", coordinates: [23.7275, 37.9838] },
+        { id: "bulgaria", name: "Microsoft – Bulgaria", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/bg-bg", coordinates: [23.3219, 42.6977] },
+        { id: "romania", name: "Microsoft – Romania", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ro-ro", coordinates: [26.1025, 44.4268] },
+        { id: "moldova", name: "Microsoft – Moldova", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ro-md", coordinates: [28.8638, 47.0105] },
+        { id: "ukraine", name: "Microsoft – Ukraine", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/uk-ua", coordinates: [30.5234, 50.4501] },
+        { id: "belarus", name: "Microsoft – Belarus", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/be-by", coordinates: [27.5615, 53.9045] },
+        { id: "estonia", name: "Microsoft – Estonia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/et-ee", coordinates: [24.7536, 59.4370] },
+        { id: "latvia", name: "Microsoft – Latvia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/lv-lv", coordinates: [24.1052, 56.9496] },
+        { id: "lithuania", name: "Microsoft – Lithuania", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/lt-lt", coordinates: [25.2797, 54.6872] },
+        // Rest of the world (original list)
+        { id: "russia", name: "Microsoft – Russia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ru-ru", coordinates: [37.6173, 55.7558] },
+        { id: "south_africa", name: "Microsoft – South Africa", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-za", coordinates: [28.0473, -26.2041] },
+        { id: "uae", name: "Microsoft – UAE", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ae", coordinates: [55.2708, 25.2048] },
+        { id: "india", name: "Microsoft – India", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-in", coordinates: [78.9629, 20.5937] },
+        { id: "china", name: "Microsoft – China", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/zh-cn", coordinates: [116.383, 39.917] },
+        { id: "hong_kong", name: "Microsoft – Hong Kong", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/zh-hk", coordinates: [114.1095, 22.3964] },
+        { id: "japan", name: "Microsoft – Japan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ja-jp", coordinates: [139.6917, 35.6895] },
+        { id: "south_korea", name: "Microsoft – South Korea", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ko-kr", coordinates: [126.9780, 37.5665] },
+        { id: "australia", name: "Microsoft – Australia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-au", coordinates: [151.2093, -33.8688] },
+        { id: "new_zealand", name: "Microsoft – New Zealand", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-nz", coordinates: [174.88597, -40.90056] },
+        { id: "singapore", name: "Microsoft – Singapore", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-sg", coordinates: [103.8198, 1.3521] },
+        { id: "malaysia", name: "Microsoft – Malaysia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-my", coordinates: [101.6869, 3.1390] },
+        { id: "philippines", name: "Microsoft – Philippines", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ph", coordinates: [121.7740, 12.8797] },
+        { id: "thailand", name: "Microsoft – Thailand", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/th-th", coordinates: [100.5018, 13.7563] },
+        { id: "indonesia", name: "Microsoft – Indonesia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/id-id", coordinates: [106.8456, -6.2088] },
+        { id: "vietnam", name: "Microsoft – Vietnam", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/vi-vn", coordinates: [105.8442, 21.0278] },
+        { id: "bangladesh", name: "Microsoft – Bangladesh", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/bn-bd", coordinates: [90.4125, 23.8103] },
+        { id: "pakistan", name: "Microsoft – Pakistan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ur-pk", coordinates: [67.0011, 24.8607] },
+        { id: "egypt", name: "Microsoft – Egypt", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-eg", coordinates: [31.2357, 30.0444] },
+        { id: "morocco", name: "Microsoft – Morocco", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-ma", coordinates: [-7.5898, 33.5731] },
+        { id: "kenya", name: "Microsoft – Kenya", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ke", coordinates: [36.8219, -1.2921] },
+        { id: "ghana", name: "Microsoft – Ghana", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-gh", coordinates: [-0.1869, 5.6037] },
+        { id: "ivory_coast", name: "Microsoft – Côte d'Ivoire", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-ci", coordinates: [-4.0083, 5.3453] },
+        { id: "algeria", name: "Microsoft – Algeria", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-dz", coordinates: [3.0588, 36.7538] },
+        { id: "nigeria", name: "Microsoft – Nigeria", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-ng", coordinates: [3.3792, 6.5244] },
+        { id: "tunisia", name: "Microsoft – Tunisia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/fr-tn", coordinates: [10.1815, 36.8065] },
+        { id: "saudi_arabia", name: "Microsoft – Saudi Arabia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-sa", coordinates: [46.6753, 24.7136] },
+        { id: "qatar", name: "Microsoft – Qatar", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-qa", coordinates: [51.5310, 25.2854] },
+        { id: "kuwait", name: "Microsoft – Kuwait", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-kw", coordinates: [47.9783, 29.3759] },
+        { id: "oman", name: "Microsoft – Oman", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-om", coordinates: [58.3829, 23.5880] },
+        { id: "bahrain", name: "Microsoft – Bahrain", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-bh", coordinates: [50.5832, 26.0667] },
+        { id: "lebanon", name: "Microsoft – Lebanon", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-lb", coordinates: [35.5018, 33.8938] },
+        { id: "jordan", name: "Microsoft – Jordan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ar-jo", coordinates: [35.9106, 31.9632] },
+        { id: "israel", name: "Microsoft – Israel", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/he-il", coordinates: [34.7818, 32.0853] },
+        { id: "kazakhstan", name: "Microsoft – Kazakhstan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/kk-kz", coordinates: [76.8860, 43.2389] },
+        { id: "uzbekistan", name: "Microsoft – Uzbekistan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/uz-uz", coordinates: [69.2401, 41.2995] },
+        { id: "azerbaijan", name: "Microsoft – Azerbaijan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/az-latn-az", coordinates: [49.8671, 40.4093] },
+        { id: "georgia", name: "Microsoft – Georgia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ka-ge", coordinates: [44.7930, 41.7151] },
+        { id: "armenia", name: "Microsoft – Armenia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/hy-am", coordinates: [44.5090, 40.1792] },
+        { id: "turkmenistan", name: "Microsoft – Turkmenistan", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/tm-tm", coordinates: [58.3833, 37.9500] },
+        { id: "mongolia", name: "Microsoft – Mongolia", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/mn-mn", coordinates: [106.9155, 47.8864] },
+        { id: "sri_lanka", name: "Microsoft – Sri Lanka", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/en-lk", coordinates: [79.8612, 6.9271] },
+        { id: "nepal", name: "Microsoft – Nepal", imageUrl: "https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg", link: "https://www.microsoft.com/ne-np", coordinates: [85.3240, 27.7172] }
+    ]; }, []);
+    return (React.createElement("section", null,
+        React.createElement(MaplibreWorldMap, { theme: props.theme, data: countries, onClick: function (c) { return console.log('Clicked', c); }, title: "Microsoft Locations Worldwide" })));
+};
+export default WorldMap;
+//# sourceMappingURL=WorldMap.js.map