@ztwoint/z-ui 0.1.122 → 0.1.124

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/compare-class-names.js

@@ -0,0 +1,16 @@
+function c(t, o) {
+  if (t === o)
+    return null;
+  const f = r(t), i = r(o), n = [];
+  for (const s of i)
+    f.has(s) || n.push(s);
+  for (const s of f)
+    i.has(s) || n.push(s);
+  return n.length === 0 ? null : n;
+}
+function r(t) {
+  return new Set(t ? t.trim().split(/\s+/) : []);
+}
+export {
+  c as compareClassNames
+};

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/deep-equal.js

@@ -0,0 +1,33 @@
+function i(e, r) {
+  const t = Array.isArray(e) ? e[0] : e ? e.x : 0, s = Array.isArray(e) ? e[1] : e ? e.y : 0, n = Array.isArray(r) ? r[0] : r ? r.x : 0, f = Array.isArray(r) ? r[1] : r ? r.y : 0;
+  return t === n && s === f;
+}
+function y(e, r) {
+  if (e === r)
+    return !0;
+  if (!e || !r)
+    return !1;
+  if (Array.isArray(e)) {
+    if (!Array.isArray(r) || e.length !== r.length)
+      return !1;
+    for (let t = 0; t < e.length; t++)
+      if (!y(e[t], r[t]))
+        return !1;
+    return !0;
+  } else if (Array.isArray(r))
+    return !1;
+  if (typeof e == "object" && typeof r == "object") {
+    const t = Object.keys(e), s = Object.keys(r);
+    if (t.length !== s.length)
+      return !1;
+    for (const n of t)
+      if (!r.hasOwnProperty(n) || !y(e[n], r[n]))
+        return !1;
+    return !0;
+  }
+  return !1;
+}
+export {
+  i as arePointsEqual,
+  y as deepEqual
+};

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/set-globals.js

@@ -0,0 +1,18 @@
+const s = [
+  "baseApiUrl",
+  "maxParallelImageRequests",
+  "workerClass",
+  "workerCount",
+  "workerUrl"
+];
+function a(e, l) {
+  for (const t of s)
+    t in l && (e[t] = l[t]);
+  const { RTLTextPlugin: o = "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js" } = l;
+  o && e.getRTLTextPluginStatus && e.getRTLTextPluginStatus() === "unavailable" && e.setRTLTextPlugin(o, (t) => {
+    t && console.error(t);
+  }, !0);
+}
+export {
+  a as default
+};

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/style-utils.js

@@ -0,0 +1,25 @@
+const a = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function c(r) {
+  if (!r)
+    return null;
+  if (typeof r == "string" || ("toJS" in r && (r = r.toJS()), !r.layers))
+    return r;
+  const t = {};
+  for (const e of r.layers)
+    t[e.id] = e;
+  const f = r.layers.map((e) => {
+    let n = null;
+    "interactive" in e && (n = Object.assign({}, e), delete n.interactive);
+    const o = t[e.ref];
+    if (o) {
+      n = n || Object.assign({}, e), delete n.ref;
+      for (const i of a)
+        i in o && (n[i] = o[i]);
+    }
+    return n || e;
+  });
+  return { ...r, layers: f };
+}
+export {
+  c as normalizeStyle
+};

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/transform.js

@@ -0,0 +1,40 @@
+function m(e) {
+  return {
+    longitude: e.center.lng,
+    latitude: e.center.lat,
+    zoom: e._seaLevelZoom ?? e.zoom,
+    pitch: e.pitch,
+    bearing: e.bearing,
+    padding: e.padding,
+    elevation: e._centerAltitude
+  };
+}
+function s(e) {
+  return Number.isFinite(e.longitude) || Number.isFinite(e.latitude) || Number.isFinite(e.zoom) || Number.isFinite(e.pitch) || Number.isFinite(e.bearing);
+}
+function l(e, i) {
+  return !!(Number.isFinite(i.longitude) && e.center.lng !== i.longitude || Number.isFinite(i.latitude) && e.center.lat !== i.latitude || Number.isFinite(i.bearing) && e.bearing !== i.bearing || Number.isFinite(i.pitch) && e.pitch !== i.pitch || Number.isFinite(i.zoom) && (e._seaLevelZoom ?? e.zoom) !== i.zoom || i.padding && !e.isPaddingEqual(i.padding));
+}
+function o() {
+}
+function d(e, i) {
+  const t = e._constrain, a = e._calcMatrices;
+  if (e._constrain = o, e._calcMatrices = o, Number.isFinite(i.bearing) && (e.bearing = i.bearing), Number.isFinite(i.pitch) && (e.pitch = i.pitch), i.padding && !e.isPaddingEqual(i.padding) && (e.padding = i.padding), Number.isFinite(i.longitude) || Number.isFinite(i.latitude)) {
+    const n = e.center;
+    e._center = new n.constructor(i.longitude ?? n.lng, i.latitude ?? n.lat);
+  }
+  if (Number.isFinite(i.zoom))
+    if (e._centerAltitude = i.elevation ?? 0, e.elevation) {
+      e._seaLevelZoom = i.zoom;
+      const n = e.pixelsPerMeter / e.worldSize * e._centerAltitude, c = e._mercatorZfromZoom(i.zoom), u = e._mercatorZfromZoom(e._maxZoom), r = Math.max(c - n, u);
+      e._setZoom(e._zoomFromMercatorZ(r));
+    } else
+      e._seaLevelZoom = null, e.zoom = i.zoom;
+  e._constrain = t, e._calcMatrices = a, e._unmodified || (e._constrain(), e._calcMatrices());
+}
+export {
+  d as applyViewStateToTransform,
+  l as compareViewStateWithTransform,
+  s as isViewStateControlled,
+  m as transformToViewState
+};

package/dist/node_modules/@vis.gl/react-mapbox/dist/utils/use-isomorphic-layout-effect.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect as e, useEffect as t } from "react";
+const o = typeof document < "u" ? e : t;
+export {
+  o as default
+};

package/dist/routes/map.d.ts

@@ -0,0 +1,2 @@
+declare const Map: () => import("react/jsx-runtime").JSX.Element;
+export default Map;

package/dist/types/components/assets/icons/index.d.ts

@@ -42,3 +42,5 @@ export { default as FilterIcon } from './filter-icon';
 export { default as DescendingSortingIcon } from './descending';
 export { default as ChainIcon } from './chain';
 export { default as EraserIcon } from './eraser';
+export { default as LeftSquareBracketIcon } from './left-square-bracket';
+export { default as RightSquareBracketIcon } from './right-square-bracket';

package/dist/types/components/assets/icons/left-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function LeftSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default LeftSquareBracket;

package/dist/types/components/assets/icons/right-square-bracket.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function RightSquareBracket({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default RightSquareBracket;

package/dist/types/components/z2map/components/index.d.ts

@@ -0,0 +1,5 @@
+export { MapControls } from './map-controls';
+export { MapPinComponent } from './map-pin';
+export { MapPinContent } from './map-pin-content';
+export { MapLoadingState } from './map-loading-state';
+export { MapEmptyState } from './map-empty-state';

package/dist/types/components/z2map/components/map-controls.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { MapVariant } from '../map.constants';
+export interface MapControlsProps {
+    showZoomControls?: boolean;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    showStyleSwitcher?: boolean;
+    activeStyle?: MapVariant;
+    onStyleChange?: (style: MapVariant) => void;
+    className?: string;
+}
+export declare const MapControls: FC<MapControlsProps>;

package/dist/types/components/z2map/components/map-empty-state.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MapEmptyState: FC;

package/dist/types/components/z2map/components/map-loading-state.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface MapLoadingStateProps {
+    width: string | number;
+    height: string | number;
+    className?: string;
+}
+export declare const MapLoadingState: FC<MapLoadingStateProps>;
+export {};

package/dist/types/components/z2map/components/map-pin-content.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { Location } from '../map.type';
+export interface MapPinContentProps {
+    location: Location;
+    customContent?: ReactNode;
+    className?: string;
+}
+export declare const MapPinContent: FC<MapPinContentProps>;

package/dist/types/components/z2map/components/map-pin.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { PinSize, PinVariant } from '../map.type';
+declare const pinVariants: (props?: ({
+    variant?: "success" | "warning" | "danger" | "neutral" | "brand" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface MapPinProps extends VariantProps<typeof pinVariants> {
+    icon?: ReactNode;
+    className?: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    active?: boolean;
+    variant?: PinVariant;
+    size?: PinSize;
+}
+export declare const MapPinComponent: FC<MapPinProps>;
+export {};

package/dist/types/components/z2map/components/map-style-control.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MapVariant } from '../map.constants';
+export interface MapStyleControlProps {
+    activeStyle: MapVariant;
+    onStyleChange: (style: MapVariant) => void;
+    className?: string;
+}
+export declare const MapStyleControl: FC<MapStyleControlProps>;

package/dist/types/components/z2map/components/map-zoom-control.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface MapZoomControlProps {
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const MapZoomControl: FC<MapZoomControlProps>;

package/dist/types/components/z2map/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Z2Map } from './map';
+export type { Location, MapProps, PinVariant, PinSize, Coordinate } from './map.type';
+export { MAP_VARIANTS, DEFAULT_MAP_CONFIG, PIN_SIZES } from './map.constants';
+export type { MapVariant } from './map.constants';
+export { MapPinComponent } from './components/map-pin';
+export { MapPinContent } from './components/map-pin-content';
+export { MapControls } from './components/map-controls';
+export { MapZoomControl } from './components/map-zoom-control';
+export { MapStyleControl } from './components/map-style-control';

package/dist/types/components/z2map/map.constants.d.ts

@@ -0,0 +1,47 @@
+export declare const MAP_VARIANTS: {
+    readonly STREETS: "streets";
+    readonly SATELLITE: "satellite";
+    readonly TERRAIN: "terrain";
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+};
+export type MapVariant = (typeof MAP_VARIANTS)[keyof typeof MAP_VARIANTS];
+export declare const MAPBOX_STYLE_MAP: Record<MapVariant, string>;
+export declare const DEFAULT_MAP_CONFIG: {
+    center: {
+        lat: number;
+        lng: number;
+    };
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    variant: MapVariant;
+    width: string;
+    height: number;
+    interactive: boolean;
+    draggable: boolean;
+    scrollZoom: boolean;
+    showZoomControls: boolean;
+    showStyleSwitcher: boolean;
+    fitBoundsToLocations: boolean;
+    popoverDisabled: boolean;
+    pinVariant: "brand";
+    pinSize: "md";
+};
+export declare const PIN_SIZES: {
+    readonly sm: {
+        readonly width: 22;
+        readonly height: 22;
+        readonly iconSize: 12;
+    };
+    readonly md: {
+        readonly width: 32;
+        readonly height: 32;
+        readonly iconSize: 16;
+    };
+    readonly lg: {
+        readonly width: 40;
+        readonly height: 40;
+        readonly iconSize: 20;
+    };
+};

package/dist/types/components/z2map/map.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { MapProps } from './map.type';
+import 'mapbox-gl/dist/mapbox-gl.css';
+declare const Map: FC<MapProps>;
+export default Map;

package/dist/types/components/z2map/map.hook.d.ts

@@ -0,0 +1,33 @@
+import type { MapRef } from 'react-map-gl/mapbox';
+import { MapProps, Location } from './map.type';
+import { MapVariant } from './map.constants';
+export declare const useMap: (props: MapProps) => {
+    mapRef: import("react").RefObject<MapRef | null>;
+    initialViewState: {
+        latitude: number;
+        longitude: number;
+        zoom: number;
+    };
+    currentVariant: MapVariant;
+    activeLocation: Location | null;
+    openPopoverId: string | null;
+    setOpenPopoverId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    mapStyle: string;
+    containerStyle: {
+        width: string;
+        height: string;
+    };
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    handleStyleChange: (newStyle: MapVariant) => void;
+    handlePinHover: (location: Location | null) => void;
+    handlePinClick: (location: Location) => void;
+    handlePinClickWrapper: (location: Location) => void;
+    handleMove: (evt: {
+        viewState: {
+            latitude: number;
+            longitude: number;
+            zoom: number;
+        };
+    }) => void;
+};

package/dist/types/components/z2map/map.type.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { MapVariant } from './map.constants';
+export interface Coordinate {
+    lat: number;
+    lng: number;
+}
+export interface Location {
+    id: string;
+    name: string;
+    coordinate: Coordinate;
+    title: string;
+    description?: string;
+    specs?: string[];
+    icon?: ReactNode;
+    metadata?: Record<string, unknown>;
+}
+export type PinVariant = 'brand' | 'neutral' | 'danger' | 'success' | 'warning';
+export type PinSize = 'sm' | 'md' | 'lg';
+export interface MapProps {
+    locations: Location[];
+    mapboxToken?: string;
+    onPinClick?: (location: Location) => void;
+    onPinHover?: (location: Location | null) => void;
+    onMapMove?: (center: Coordinate, zoom: number) => void;
+    center?: Coordinate;
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    variant?: MapVariant;
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    pinVariant?: PinVariant;
+    pinSize?: PinSize;
+    renderPin?: (location: Location) => ReactNode;
+    interactive?: boolean;
+    draggable?: boolean;
+    scrollZoom?: boolean;
+    showZoomControls?: boolean;
+    showStyleSwitcher?: boolean;
+    renderPopover?: (location: Location) => ReactNode;
+    popoverDisabled?: boolean;
+    fitBoundsToLocations?: boolean;
+    loading?: boolean;
+}

package/dist/types/components/z2map/map.utils.d.ts

@@ -0,0 +1,10 @@
+import { Coordinate } from './map.type';
+export declare const calculateCenter: (coordinates: Coordinate[]) => Coordinate;
+export declare const calculateBounds: (coordinates: Coordinate[]) => {
+    north: number;
+    south: number;
+    east: number;
+    west: number;
+    center: Coordinate;
+};
+export declare const formatDimension: (value: string | number) => string;

package/dist/types/index.d.ts

@@ -31,5 +31,6 @@ export * from './components/dynamic-table';
 export * from './components/chart';
 export * from './components/chart-card';
 export * from './components/radio-card/radio-card';
+export * from './components/z2map';
 export * from './lib/theme.hook';
 export * from './lib/utils';

package/dist/types/routes/map.d.ts

@@ -0,0 +1,2 @@
+declare const Map: () => import("react/jsx-runtime").JSX.Element;
+export default Map;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.122",
+  "version": "0.1.124",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -86,6 +86,7 @@
     "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.4",
     "@fontsource-variable/inter": "^5.2.5",
     "@heroicons/react": "^2.2.0",
+    "@math.gl/web-mercator": "^4.1.0",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -97,6 +98,7 @@
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@tanstack/react-table": "^8.21.3",
+    "@types/mapbox-gl": "^3.4.1",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -104,8 +106,10 @@
     "echarts": "^5.6.0",
     "echarts-for-react": "^3.0.2",
     "lucide-react": "^0.525.0",
+    "mapbox-gl": "^3.15.0",
     "radix-ui": "^1.4.3",
     "react-country-flag": "^3.1.0",
+    "react-map-gl": "^8.1.0",
     "react-router-dom": "^7.7.1",
     "react-virtuoso": "^4.14.0",
     "tailwind-merge": "^3.3.0",