@clicoh/orion-library 1.1.0 → 1.2.0-beta.2

package/dist/components/03-organisms/MapView/MapView.jsx

@@ -0,0 +1,199 @@
+'use client';
+import clsx from 'clsx';
+import { useEffect, useId, useRef, useState, } from 'react';
+import { HiMinus, HiPlus, HiOutlineViewfinderCircle } from 'react-icons/hi2';
+import { Show } from '../../00-base';
+const toneMap = {
+    mono: clsx('[&_.leaflet-tile-pane]:brightness-105 [&_.leaflet-tile-pane]:contrast-90 [&_.leaflet-tile-pane]:grayscale', 'dark:[&_.leaflet-tile-pane]:brightness-90 dark:[&_.leaflet-tile-pane]:contrast-90 dark:[&_.leaflet-tile-pane]:invert'),
+    color: '',
+};
+const attributionClasses = clsx('dark:[&_.leaflet-control-attribution]:text-gray-2 dark:[&_.leaflet-control-attribution]:bg-black/70', 'dark:[&_.leaflet-control-attribution_a]:text-lavender-dark');
+const DEFAULT_TILE = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
+const DEFAULT_ATTRIBUTION = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>';
+const pinFill = {
+    default: '#6A5DF9',
+    numbered: '#6A5DF9',
+    muted: '#B9BABB',
+};
+function buildPinHtml(marker) {
+    const variant = marker.variant ?? 'default';
+    const fill = pinFill[variant];
+    const inner = variant === 'numbered' && marker.label
+        ? `<text x="14" y="18.5" text-anchor="middle" font-size="12" font-weight="700" fill="#fff">${marker.label}</text>`
+        : '<circle cx="14" cy="14" r="4.5" fill="#fff"/>';
+    return (`<div class="orion-map-pin"><svg width="28" height="36" viewBox="0 0 28 36" aria-hidden="true">` +
+        `<path d="M14 0C6.3 0 0 6.3 0 14c0 10.5 14 22 14 22s14-11.5 14-22C28 6.3 21.7 0 14 0z" fill="${fill}"/>` +
+        `<circle cx="14" cy="14" r="9" fill="${fill}"/>${inner}</svg></div>`);
+}
+/**
+ * MapView renders an interactive map with customizable markers and controls.
+ * Leaflet is loaded dynamically so the library barrel stays safe for SSR.
+ *
+ * @component
+ * @example
+ * <MapView
+ *   center={{ lat: 4.711, lng: -74.072 }}
+ *   markers={[{ id: '1', lat: 4.71, lng: -74.07, tooltip: 'Stop A' }]}
+ *   controls={{
+ *     zoomInLabel: 'Zoom in',
+ *     zoomOutLabel: 'Zoom out',
+ *     recenterLabel: 'Recenter',
+ *   }}
+ * />
+ *
+ * @param {MapViewProps} props - The properties of the MapView component.
+ * @param {{ lat: number; lng: number }} props.center - Initial map center.
+ * @param {number} [props.zoom=12] - Initial zoom level.
+ * @param {MapMarker[]} [props.markers] - Markers to render on the map.
+ * @param {boolean} [props.fitToMarkers] - Fit bounds to markers when they change.
+ * @param {string} [props.tileUrl] - Tile layer URL template.
+ * @param {string} [props.attribution] - Map attribution HTML.
+ * @param {MapViewControls} [props.controls] - Labels for zoom and recenter controls.
+ * @param {(marker: MapMarker) => void} [props.onMarkerClick] - Fired when a marker is clicked.
+ * @param {string} [props.emptyMessage] - Message shown when there are no markers.
+ * @param {'mono' | 'color'} [props.tone='mono'] - `mono` renders the tiles in grayscale and inverts them in dark mode, so the map follows the theme and the pins stay the only accent. `color` leaves the tiles as the provider serves them.
+ * @param {string} [props.className] - Extra classes for the root element.
+ *
+ * @returns {ReactNode} The rendered MapView component.
+ */
+export function MapView({ center, zoom = 12, markers = [], fitToMarkers = true, tileUrl = DEFAULT_TILE, attribution = DEFAULT_ATTRIBUTION, controls, onMarkerClick, emptyMessage, tone = 'mono', className, ...restProps }) {
+    const mapId = useId().replace(/:/g, '');
+    const containerRef = useRef(null);
+    const mapRef = useRef(null);
+    const tilesRef = useRef(null);
+    const markersLayerRef = useRef(null);
+    const leafletRef = useRef(null);
+    const [isReady, setIsReady] = useState(false);
+    const onMarkerClickRef = useRef(onMarkerClick);
+    onMarkerClickRef.current = onMarkerClick;
+    useEffect(() => {
+        let cancelled = false;
+        const init = async () => {
+            if (!containerRef.current || mapRef.current)
+                return;
+            const L = await import('leaflet');
+            if (cancelled || !containerRef.current)
+                return;
+            leafletRef.current = L;
+            const map = L.map(containerRef.current, {
+                zoomControl: false,
+                scrollWheelZoom: true,
+                attributionControl: true,
+            }).setView([center.lat, center.lng], zoom);
+            map.attributionControl.setPrefix(false);
+            tilesRef.current = L.tileLayer(tileUrl, {
+                maxZoom: 17,
+                attribution,
+            }).addTo(map);
+            markersLayerRef.current = L.layerGroup().addTo(map);
+            mapRef.current = map;
+            setIsReady(true);
+            setTimeout(() => map.invalidateSize(), 80);
+        };
+        void init();
+        return () => {
+            cancelled = true;
+            if (mapRef.current) {
+                mapRef.current.remove();
+                mapRef.current = null;
+                tilesRef.current = null;
+                markersLayerRef.current = null;
+                leafletRef.current = null;
+            }
+        };
+        // Intentionally mount-only: subsequent prop changes are handled below.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        const map = mapRef.current;
+        const L = leafletRef.current;
+        const layer = markersLayerRef.current;
+        if (!isReady || !map || !L || !layer)
+            return;
+        layer.clearLayers();
+        markers.forEach((marker) => {
+            const icon = L.divIcon({
+                html: buildPinHtml(marker),
+                className: '',
+                iconSize: [28, 36],
+                iconAnchor: [14, 36],
+                tooltipAnchor: [0, -30],
+            });
+            const leafletMarker = L.marker([marker.lat, marker.lng], {
+                icon,
+                riseOnHover: true,
+            });
+            if (marker.tooltip) {
+                leafletMarker.bindTooltip(marker.tooltip, {
+                    direction: 'top',
+                    offset: [0, -4],
+                });
+            }
+            leafletMarker.on('click', () => {
+                onMarkerClickRef.current?.(marker);
+            });
+            leafletMarker.addTo(layer);
+        });
+        if (fitToMarkers && markers.length > 0) {
+            const bounds = L.latLngBounds(markers.map((m) => [m.lat, m.lng]));
+            map.fitBounds(bounds, { padding: [60, 60], maxZoom: 14 });
+        }
+        else {
+            map.setView([center.lat, center.lng], zoom);
+        }
+        setTimeout(() => map.invalidateSize(), 40);
+    }, [isReady, markers, fitToMarkers, center.lat, center.lng, zoom]);
+    useEffect(() => {
+        const map = mapRef.current;
+        const L = leafletRef.current;
+        if (!map || !L)
+            return;
+        if (tilesRef.current) {
+            map.removeLayer(tilesRef.current);
+        }
+        tilesRef.current = L.tileLayer(tileUrl, {
+            maxZoom: 17,
+            attribution,
+        }).addTo(map);
+    }, [tileUrl, attribution]);
+    const recenter = () => {
+        const map = mapRef.current;
+        const L = leafletRef.current;
+        if (!map || !L)
+            return;
+        if (markers.length > 0) {
+            const bounds = L.latLngBounds(markers.map((m) => [m.lat, m.lng]));
+            map.fitBounds(bounds, { padding: [60, 60], maxZoom: 14 });
+            return;
+        }
+        map.setView([center.lat, center.lng], zoom);
+    };
+    return (<div {...restProps} className={clsx('bg-gray-6 dark:bg-gray-dark-2 relative h-full min-h-64 w-full overflow-hidden rounded-lg', toneMap[tone], attributionClasses, className)}>
+      <div ref={containerRef} id={`orion-map-${mapId}`} className="absolute inset-0 z-0 h-full w-full" role="application" aria-label={restProps['aria-label']}/>
+      <Show>
+        <Show.When isTrue={Boolean(emptyMessage) && markers.length === 0}>
+          <div className="pointer-events-none absolute inset-0 z-10 flex items-center justify-center bg-white/60 p-4 text-center dark:bg-black/50">
+            <p className="text-gray-1 dark:text-gray-2 text-sm">
+              {emptyMessage}
+            </p>
+          </div>
+        </Show.When>
+      </Show>
+      <Show>
+        <Show.When isTrue={Boolean(controls)}>
+          <div className="absolute right-3 bottom-3 z-10 flex flex-col gap-1">
+            <button type="button" aria-label={controls?.zoomInLabel} onClick={() => mapRef.current?.zoomIn()} className="border-gray-5 dark:border-gray-1 flex h-9 w-9 items-center justify-center rounded-full border bg-white text-black shadow-md dark:bg-black dark:text-white">
+              <HiPlus className="h-4 w-4" aria-hidden/>
+            </button>
+            <button type="button" aria-label={controls?.zoomOutLabel} onClick={() => mapRef.current?.zoomOut()} className="border-gray-5 dark:border-gray-1 flex h-9 w-9 items-center justify-center rounded-full border bg-white text-black shadow-md dark:bg-black dark:text-white">
+              <HiMinus className="h-4 w-4" aria-hidden/>
+            </button>
+            <button type="button" aria-label={controls?.recenterLabel} onClick={recenter} className="border-gray-5 dark:border-gray-1 flex h-9 w-9 items-center justify-center rounded-full border bg-white text-black shadow-md dark:bg-black dark:text-white">
+              <HiOutlineViewfinderCircle className="h-4 w-4" aria-hidden/>
+            </button>
+          </div>
+        </Show.When>
+      </Show>
+    </div>);
+}
+//# sourceMappingURL=MapView.jsx.map

package/dist/components/03-organisms/MapView/MapView.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapView.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/MapView/MapView.tsx"],"names":[],"mappings":"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"}

package/dist/components/03-organisms/MapView/index.d.ts

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

package/dist/components/03-organisms/MapView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/MapView/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/03-organisms/MapView/index.js

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

package/dist/components/03-organisms/MapView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/03-organisms/MapView/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/03-organisms/index.d.ts

@@ -3,4 +3,5 @@ export * from './DataTable';
 export * from './AsideFilters';
 export * from './Header';
 export * from './ModalMultiple';
+export * from './MapView';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/03-organisms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/03-organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/03-organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}

package/dist/components/03-organisms/index.js

@@ -3,4 +3,5 @@ export * from './DataTable';
 export * from './AsideFilters';
 export * from './Header';
 export * from './ModalMultiple';
+export * from './MapView';
 //# sourceMappingURL=index.js.map

package/dist/components/03-organisms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/03-organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/03-organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx

@@ -31,7 +31,7 @@ import { HeadingWithTitleSkeleton } from './HeadingWithTitleSkeleton';
 export function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
     return (<>
       <Header {...headerProps}/>
-      <hr className="border-gray-5 dark:border-gray-2"/>
+      <hr className="border-gray-5 dark:border-gray-dark-1"/>
       <Container className="grid gap-2 py-4">
         <Suspense fallback={<BreadcrumbSkeleton loadingLabel={breadcrumbLoadingLabel}/>}>
           <BreadcrumbWithPathname homeHref={headerProps.homeHref} pageTitles={pageTitles}/>
@@ -43,7 +43,7 @@ export function DashboardTemplate({ headerProps, pageTitles, titleChildren, chil
           {titleChildren}
         </div>
       </Container>
-      <hr className="border-gray-5 dark:border-gray-2"/>
+      <hr className="border-gray-5 dark:border-gray-dark-1"/>
       <Container className="py-6" as="main">
         {children}
       </Container>

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAWtE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACI;IACvB,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,kCAAkC,EAChD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,sBAAsB,CAAC,EAC3D,CAAC,CAED;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;UAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,mBAAmB,CAAC,EAC9D,CAAC,CAED;YAAA,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAC3C;UAAA,EAAE,QAAQ,CACV;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,kCAAkC,EAChD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAWtE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACI;IACvB,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACrD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,sBAAsB,CAAC,EAC3D,CAAC,CAED;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;UAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,mBAAmB,CAAC,EAC9D,CAAC,CAED;YAAA,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAC3C;UAAA,EAAE,QAAQ,CACV;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACrD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@clicoh/orion-library",
-  "version": "1.1.0",
+  "version": "1.2.0-beta.2",
   "main": "index.js",
   "dependencies": {
     "@floating-ui/react": "0.26.19",
     "clsx": "2.1.1",
+    "leaflet": "^1.9.4",
     "next": "16.2.6",
     "react": "19.2.6",
     "react-dom": "19.2.6",
@@ -22,6 +23,7 @@
     "@storybook/react": "10.4.0",
     "@tailwindcss/postcss": "4.1.18",
     "@types/copyfiles": "2",
+    "@types/leaflet": "^1.9.22",
     "@types/node": "20",
     "@types/react": "19.2.6",
     "@types/react-dom": "19.2.3",

package/tailwind.config.ts

@@ -116,6 +116,16 @@ const config: Config = {
         'brand-shipping': 'linear-gradient(135deg, #5683DD, #8EE3C6)',
         'brand-full': 'linear-gradient(135deg, #CFBDB2, #CF86F4)',
       },
+      keyframes: {
+        'progress-indeterminate': {
+          from: { transform: 'translateX(-100%)' },
+          to: { transform: 'translateX(250%)' },
+        },
+      },
+      animation: {
+        'progress-indeterminate':
+          'progress-indeterminate 1.5s ease-in-out infinite',
+      },
     },
   },
   plugins: [],