@swisper.ai/web-map 0.0.2 → 0.0.4

package/src/map-user-location.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { TooltipProvider } from '@swisper.ai/ui';
+import { withTooltip } from '@swisper.ai/ui';
 
 import { USER_LOCATION } from './__storybook__/fixtures';
 import { MapUserLocation } from './map-user-location';
@@ -12,18 +12,17 @@ const meta: Meta<typeof MapUserLocation> = {
   tags: ['autodocs'],
   decorators: [
     (Story) => (
-      <TooltipProvider>
-        <div className="h-[500px] w-[700px]">
-          <MapView
-            testId="map-user-location-story"
-            ariaLabel="Your location"
-            fitPoints={[[USER_LOCATION.longitude, USER_LOCATION.latitude]]}
-          >
-            <Story />
-          </MapView>
-        </div>
-      </TooltipProvider>
+      <div className="h-[500px] w-[700px]">
+        <MapView
+          testId="map-user-location-story"
+          ariaLabel="Your location"
+          fitPoints={[[USER_LOCATION.longitude, USER_LOCATION.latitude]]}
+        >
+          <Story />
+        </MapView>
+      </div>
     ),
+    withTooltip,
   ],
   args: {
     coordinates: USER_LOCATION,

package/src/map-view.json

@@ -2,6 +2,7 @@
   "$schema": "../../int-eslint-config/schemas/component.schema.json",
   "component": "map-view",
   "purpose": "Interactive map root that frames a set of points and shares controlled selection and hover state with the MapMarkers drawn inside it.",
+  "anatomy": ["import { MapView } from '@swisper.ai/web-map';", "", "<MapView />"],
   "useWhen": [
     "Showing a set of places (search results, venues, offices) as selectable pins on a map",
     "A map is paired with a list or cards and selecting in one must highlight the other",

package/src/map-view.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useState } from 'react';
 
-import { TooltipProvider } from '@swisper.ai/ui';
+import { withTooltip } from '@swisper.ai/ui';
 
 import { PLACE_POINTS, PLACES, USER_LOCATION } from './__storybook__/fixtures';
 import { DEFAULT_FIT_BOUNDS_PADDING, DEFAULT_MAP_STYLE_URL } from './constants';
@@ -47,12 +47,11 @@ const meta: Meta<typeof MapViewDemo> = {
   tags: ['autodocs'],
   decorators: [
     (Story) => (
-      <TooltipProvider>
-        <div className="h-[600px] w-[800px]">
-          <Story />
-        </div>
-      </TooltipProvider>
+      <div className="h-[600px] w-[800px]">
+        <Story />
+      </div>
     ),
+    withTooltip,
   ],
   // `selectedId`, `hoveredId`, `onSelect` and `onHover` stay out of meta args: the demo owns them
   // in state, and an arg would override it and break selecting a pin. Callbacks are logged through

package/src/user-location-pin.json

@@ -2,6 +2,7 @@
   "$schema": "../../int-eslint-config/schemas/component.schema.json",
   "component": "user-location-pin",
   "purpose": "The marker for the user's own position: a blue dot with a white ring, with a tooltip and accessible name.",
+  "anatomy": ["import { UserLocationPin } from '@swisper.ai/web-map';", "", "<UserLocationPin />"],
   "useWhen": [
     "Rendering the default user-position marker, which web-map/map-user-location does for you",
     "Showing the user-position dot outside a map, such as in a map legend"

package/src/user-location-pin.tsx

@@ -1,4 +1,5 @@
-import { Tooltip, cn } from '@swisper.ai/ui';
+import { Tooltip } from '@swisper.ai/ui';
+import { cn } from '@swisper.ai/web-core';
 
 export interface UserLocationPinProps {
   className?: string;