@pnp/spfx-controls-react 3.22.0-beta.1640331 → 3.22.0-beta.1642191

package/CHANGELOG.json

@@ -4,7 +4,7 @@
       "version": "3.22.0",
       "changes": {
         "new": [
-
+          "`WorldMap`: new control `WorldMap` [#2023](https://github.com/pnp/sp-dev-fx-controls-react/pull/2023)"
         ],
         "enhancements": [
           "SharePoint Framework v1.21.1 support [#1998](https://github.com/pnp/sp-dev-fx-controls-react/pull/1998)",
@@ -36,6 +36,7 @@
         "[Antanina Druzhkina](https://github.com/Ateina)",
         "[Floris Pleegzorg Oost-Vlaanderen](https://github.com/Floris-Pleegzorg-Oost-Vlaanderen)",
         "[Guido Zambarda](https://github.com/GuidoZam)",
+        "[joaojmendes](https://github.com/joaojmendes)",
         "[Joseph Jang](https://github.com/heesungjang)",
         "[Michał Kornet](https://github.com/mkm17)",
         "[Michaël Maillot](https://github.com/michaelmaillot)",

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## 3.22.0
 
+### New control(s)
+
+- `WorldMap`: new control `WorldMap` [#2023](https://github.com/pnp/sp-dev-fx-controls-react/pull/2023)
+
 ### Enhancements
 
 - SharePoint Framework v1.21.1 support [#1998](https://github.com/pnp/sp-dev-fx-controls-react/pull/1998)
@@ -29,7 +33,7 @@
 
 ### Contributors
 
-Special thanks to our contributors (in alphabetical order): [Alberto Gutierrez Perez](https://github.com/albegut), [Alex Terentiev](https://github.com/AJIXuMuK), [Antanina Druzhkina](https://github.com/Ateina), [Floris Pleegzorg Oost-Vlaanderen](https://github.com/Floris-Pleegzorg-Oost-Vlaanderen), [Guido Zambarda](https://github.com/GuidoZam), [Joseph Jang](https://github.com/heesungjang), [Michał Kornet](https://github.com/mkm17), [Michaël Maillot](https://github.com/michaelmaillot), [Nishkalank Bezawada](https://github.com/NishkalankBezawada), [Patrik Hellgren](https://github.com/PatrikHellgren), [Sandeep P S](https://github.com/Sandeep-FED), [Valeras Narbutas](https://github.com/ValerasNarbutas), [wuxiaojun514](https://github.com/wuxiaojun514).
+Special thanks to our contributors (in alphabetical order): [Alberto Gutierrez Perez](https://github.com/albegut), [Alex Terentiev](https://github.com/AJIXuMuK), [Antanina Druzhkina](https://github.com/Ateina), [Floris Pleegzorg Oost-Vlaanderen](https://github.com/Floris-Pleegzorg-Oost-Vlaanderen), [Guido Zambarda](https://github.com/GuidoZam), [joaojmendes](https://github.com/joaojmendes), [Joseph Jang](https://github.com/heesungjang), [Michał Kornet](https://github.com/mkm17), [Michaël Maillot](https://github.com/michaelmaillot), [Nishkalank Bezawada](https://github.com/NishkalankBezawada), [Patrik Hellgren](https://github.com/PatrikHellgren), [Sandeep P S](https://github.com/Sandeep-FED), [Valeras Narbutas](https://github.com/ValerasNarbutas), [wuxiaojun514](https://github.com/wuxiaojun514).
 
 ## 3.21.0
 

package/lib/WorldMap.d.ts

@@ -0,0 +1,2 @@
+export * from './controls/worldMap/index';
+//# sourceMappingURL=WorldMap.d.ts.map

package/lib/WorldMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldMap.d.ts","sourceRoot":"","sources":["../src/WorldMap.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/lib/WorldMap.js

@@ -0,0 +1,2 @@
+export * from './controls/worldMap/index';
+//# sourceMappingURL=WorldMap.js.map

package/lib/WorldMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldMap.js","sourceRoot":"","sources":["../src/WorldMap.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.22.0-beta.1640331";
+export var version = "3.22.0-beta.1642191";
 //# sourceMappingURL=version.js.map

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

@@ -0,0 +1,36 @@
+/**
+ * Data structure for map location items.
+ * Represents a location point with metadata for display on the world map.
+ */
+export interface IData {
+    /**
+     * Unique identifier for the location.
+     * @example "nyc-001" or "location-1"
+     */
+    id: string;
+    /**
+     * Display name of the location.
+     * Used for search functionality and marker tooltips.
+     * @example "New York City" or "Eiffel Tower"
+     */
+    name: string;
+    /**
+     * URL to an image representing this location.
+     * Used for marker display or in tooltips.
+     * @example "https://example.com/nyc-skyline.jpg"
+     */
+    imageUrl: string;
+    /**
+     * URL link associated with this location.
+     * Can be used for navigation when marker is clicked.
+     * @example "https://example.com/locations/new-york" or "/details/nyc"
+     */
+    link: string;
+    /**
+     * Geographic coordinates as [longitude, latitude] tuple.
+     * Used to position the marker on the map.
+     * @example [-74.006, 40.7128] // New York City coordinates
+     */
+    coordinates: [number, number];
+}
+//# sourceMappingURL=IData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IData.d.ts","sourceRoot":"","sources":["../../../src/controls/worldMap/IData.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,MAAM,WAAW,KAAK;IACpB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B"}

package/lib/controls/worldMap/IData.js

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

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

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

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,14 @@
+/// <reference types="react" />
+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,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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,31 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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"}