@undp/data-viz 2.6.0 → 2.6.1

package/dist/GeoHubCompareMaps.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubCompareMaps.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <ExpandIcon />\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/GeoHubCompareMaps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubCompareMaps.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <ExpandIcon />\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","mapDiv","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/GeoHubMap.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubMap.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function GeoHubMultipleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, includeLayers, excludeLayers, mapStyle]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...d,\r\n          layers: filterData(d.layers, [\r\n            {\r\n              column: 'id',\r\n              includeValues: includeLayers,\r\n              excludeValues: excludeLayers,\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      });\r\n    }\r\n  }, [excludeLayers, includeLayers, mapStyle]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  mapLegend?: string | React.ReactNode;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n}\r\n\r\nexport function GeoHubSingleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        const map = new maplibreGl.Map(mapObj);\r\n        map.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        map.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, mapStyle, center, zoomLevel, includeLayers, excludeLayers]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import React, { useRef, useState } from 'react';\r\nimport { DropdownSelect, createFilter } from '@undp/design-system-react/DropdownSelect';\r\n\r\nimport { GeoHubMultipleMap } from './GeoHubMultipleMap';\r\nimport { GeoHubSingleMap } from './GeoHubSingleMap';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */\r\n  mapStyle: string | { style: string; name: string }[];\r\n  /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */\r\n  mapLegend?: string | React.ReactNode | MapLegendDataType[];\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */\r\n  includeLayers?: string[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMap(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    includeLayers = [],\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n\r\n  const [selectedMapStyle, setSelectedMapStyle] = useState<string | undefined>(undefined);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const defaultMapStyleValue = typeof mapStyle === 'string' ? mapStyle : mapStyle[0].style;\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      {typeof mapStyle === 'string' ? null : (\r\n        <DropdownSelect\r\n          options={mapStyle.map(d => ({ label: d.name, value: d.style }))}\r\n          isClearable={false}\r\n          size='sm'\r\n          variant={uiMode}\r\n          isRtl={language === 'he' || language === 'ar'}\r\n          isSearchable\r\n          filterOption={createFilter(filterConfig)}\r\n          defaultValue={mapStyle.find(d => d.style === defaultMapStyleValue)}\r\n          controlShouldRenderValue\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          onChange={(el: any) => {\r\n            if (el) setSelectedMapStyle(el.value);\r\n          }}\r\n        />\r\n      )}\r\n      {typeof mapStyle === 'string' ? (\r\n        <GeoHubSingleMap\r\n          mapStyle={mapStyle}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={mapLegend as string | React.ReactNode | undefined}\r\n        />\r\n      ) : (\r\n        <GeoHubMultipleMap\r\n          mapStyle={selectedMapStyle || defaultMapStyleValue}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={\r\n            ((mapLegend || []) as MapLegendDataType[]).find(\r\n              d =>\r\n                d.mapStyleName ===\r\n                mapStyle.find(el => el.style === (selectedMapStyle || defaultMapStyleValue))?.name,\r\n            )?.legend\r\n          }\r\n        />\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["GeoHubMultipleMap","props","$","_c","mapStyle","center","zoomLevel","includeLayers","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","length","layers","filterData","column","includeValues","excludeValues","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","d_0","mapStyleObj","setStyle","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubSingleMap","map","GeoHubMap","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","uiMode","styles","classNames","t8","selectedMapStyle","setSelectedMapStyle","graphParentDiv","defaultMapStyleValue","T0","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t9","description","graphContainer","title","filterConfig","ignoreCase","ignoreAccents","trim","GraphContainer","GraphHeader","DropdownSelect","_temp","createFilter","find","el","value","t24","d_1","mapStyleName","el_0","name","legend","t25","footnote","source","GraphFooter","t26","label"],"mappings":"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"}

package/dist/GeoHubMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubMap.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function GeoHubMultipleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, includeLayers, excludeLayers, mapStyle]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...d,\r\n          layers: filterData(d.layers, [\r\n            {\r\n              column: 'id',\r\n              includeValues: includeLayers,\r\n              excludeValues: excludeLayers,\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      });\r\n    }\r\n  }, [excludeLayers, includeLayers, mapStyle]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  mapLegend?: string | React.ReactNode;\r\n  includeLayers: string[];\r\n  excludeLayers: string[];\r\n}\r\n\r\nexport function GeoHubSingleMap(props: Props) {\r\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style:\r\n            includeLayers.length === 0 && excludeLayers.length === 0\r\n              ? d\r\n              : {\r\n                  ...d,\r\n                  layers: filterData(d.layers, [\r\n                    {\r\n                      column: 'id',\r\n                      includeValues: includeLayers,\r\n                      excludeValues: excludeLayers,\r\n                    },\r\n                  ]),\r\n                },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        const map = new maplibreGl.Map(mapObj);\r\n        map.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        map.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, mapStyle, center, zoomLevel, includeLayers, excludeLayers]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div\r\n            ref={mapContainer}\r\n            className='map maplibre-show-control'\r\n            style={{ width: '100%', height: '100%' }}\r\n          />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import React, { useRef, useState } from 'react';\r\nimport { DropdownSelect, createFilter } from '@undp/design-system-react/DropdownSelect';\r\n\r\nimport { GeoHubMultipleMap } from './GeoHubMultipleMap';\r\nimport { GeoHubSingleMap } from './GeoHubSingleMap';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */\r\n  mapStyle: string | { style: string; name: string }[];\r\n  /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */\r\n  mapLegend?: string | React.ReactNode | MapLegendDataType[];\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */\r\n  includeLayers?: string[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMap(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    includeLayers = [],\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n\r\n  const [selectedMapStyle, setSelectedMapStyle] = useState<string | undefined>(undefined);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const defaultMapStyleValue = typeof mapStyle === 'string' ? mapStyle : mapStyle[0].style;\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      {typeof mapStyle === 'string' ? null : (\r\n        <DropdownSelect\r\n          options={mapStyle.map(d => ({ label: d.name, value: d.style }))}\r\n          isClearable={false}\r\n          size='sm'\r\n          variant={uiMode}\r\n          isRtl={language === 'he' || language === 'ar'}\r\n          isSearchable\r\n          filterOption={createFilter(filterConfig)}\r\n          defaultValue={mapStyle.find(d => d.style === defaultMapStyleValue)}\r\n          controlShouldRenderValue\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          onChange={(el: any) => {\r\n            if (el) setSelectedMapStyle(el.value);\r\n          }}\r\n        />\r\n      )}\r\n      {typeof mapStyle === 'string' ? (\r\n        <GeoHubSingleMap\r\n          mapStyle={mapStyle}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={mapLegend as string | React.ReactNode | undefined}\r\n        />\r\n      ) : (\r\n        <GeoHubMultipleMap\r\n          mapStyle={selectedMapStyle || defaultMapStyleValue}\r\n          center={center}\r\n          zoomLevel={zoomLevel}\r\n          includeLayers={includeLayers}\r\n          excludeLayers={excludeLayers}\r\n          mapLegend={\r\n            ((mapLegend || []) as MapLegendDataType[]).find(\r\n              d =>\r\n                d.mapStyleName ===\r\n                mapStyle.find(el => el.style === (selectedMapStyle || defaultMapStyleValue))?.name,\r\n            )?.legend\r\n          }\r\n        />\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["GeoHubMultipleMap","props","$","_c","mapStyle","center","zoomLevel","includeLayers","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","mapDiv","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","length","layers","filterData","column","includeValues","excludeValues","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","d_0","mapStyleObj","setStyle","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubSingleMap","map","GeoHubMap","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","uiMode","styles","classNames","t8","selectedMapStyle","setSelectedMapStyle","graphParentDiv","defaultMapStyleValue","T0","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t9","description","graphContainer","title","filterConfig","ignoreCase","ignoreAccents","trim","GraphContainer","GraphHeader","DropdownSelect","_temp","createFilter","find","el","value","t24","d_1","mapStyleName","el_0","name","legend","t25","footnote","source","GraphFooter","t26","label"],"mappings":"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"}

package/dist/GeoHubMapWithLayerSelection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubMapWithLayerSelection.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}

package/dist/GeoHubMapWithLayerSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeoHubMapWithLayerSelection.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","ExpandIcon","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}

package/dist/GraphContainer-DcOM2CI6.js

@@ -1,79 +0,0 @@
-import { c as D, j as A } from "./compiler-runtime-qHgugrLy.js";
-import { cn as I } from "@undp/design-system-react/cn";
-import L from "react";
-const B = L.forwardRef((n, c) => {
-  const e = D.c(48);
-  let r, t, l, a, i, f, p, j, R, h, s, g, v, o;
-  e[0] !== n ? ({
-    className: a,
-    width: o,
-    height: f,
-    backgroundColor: t,
-    theme: v,
-    language: p,
-    relativeHeight: s,
-    minHeight: j,
-    padding: R,
-    children: l,
-    style: g,
-    graphID: i,
-    ariaLabel: r,
-    ...h
-  } = n, e[0] = n, e[1] = r, e[2] = t, e[3] = l, e[4] = a, e[5] = i, e[6] = f, e[7] = p, e[8] = j, e[9] = R, e[10] = h, e[11] = s, e[12] = g, e[13] = v, e[14] = o) : (r = e[1], t = e[2], l = e[3], a = e[4], i = e[5], f = e[6], p = e[7], j = e[8], R = e[9], h = e[10], s = e[11], g = e[12], v = e[13], o = e[14]);
-  const G = `${v || "light"} ${p || "en"} mx-auto box-border flex ${o ? "grow-0" : "grow w-full"}${s ? "" : " h-full"} flex-col`, H = t ? t === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent";
-  let d;
-  e[15] !== a || e[16] !== G || e[17] !== H ? (d = I(G, H, a), e[15] = a, e[16] = G, e[17] = H, e[18] = d) : d = e[18];
-  const k = p === "he" || p === "ar" ? "rtl" : void 0;
-  let m;
-  e[19] !== g ? (m = g || {}, e[19] = g, e[20] = m) : m = e[20];
-  let u;
-  e[21] !== o ? (u = o ? {
-    width: `${o}px`
-  } : {}, e[21] = o, e[22] = u) : u = e[22];
-  let x;
-  e[23] !== f ? (x = f ? {
-    height: `${f}px`
-  } : {}, e[23] = f, e[24] = x) : x = e[24];
-  const C = j ? `${j}px` : "auto";
-  let w;
-  e[25] !== s ? (w = s ? {
-    aspectRatio: 1 / s
-  } : {}, e[25] = s, e[26] = w) : w = e[26];
-  const E = t ? R || "1rem" : R || 0;
-  let b;
-  e[27] !== t ? (b = t && t !== !0 ? {
-    backgroundColor: t
-  } : {}, e[27] = t, e[28] = b) : b = e[28];
-  let $;
-  e[29] !== E || e[30] !== b || e[31] !== m || e[32] !== u || e[33] !== x || e[34] !== C || e[35] !== w ? ($ = {
-    ...m,
-    ...u,
-    ...x,
-    minHeight: C,
-    ...w,
-    padding: E,
-    ...b
-  }, e[29] = E, e[30] = b, e[31] = m, e[32] = u, e[33] = x, e[34] = C, e[35] = w, e[36] = $) : $ = e[36];
-  const _ = r || "This is a graph";
-  let y;
-  e[37] !== l ? (y = /* @__PURE__ */ A.jsx("div", { className: "flex flex-col w-full h-full grow justify-between", children: l }), e[37] = l, e[38] = y) : y = e[38];
-  let N;
-  return e[39] !== i || e[40] !== h || e[41] !== c || e[42] !== $ || e[43] !== _ || e[44] !== y || e[45] !== d || e[46] !== k ? (N = /* @__PURE__ */ A.jsx("div", { ...h, className: d, dir: k, style: $, id: i, ref: c, "aria-label": _, children: y }), e[39] = i, e[40] = h, e[41] = c, e[42] = $, e[43] = _, e[44] = y, e[45] = d, e[46] = k, e[47] = N) : N = e[47], N;
-}), F = L.forwardRef((n, c) => {
-  const e = D.c(11);
-  let r, t, l;
-  e[0] !== n ? ({
-    children: r,
-    className: t,
-    ...l
-  } = n, e[0] = n, e[1] = r, e[2] = t, e[3] = l) : (r = e[1], t = e[2], l = e[3]);
-  let a;
-  e[4] !== t ? (a = I("w-full grow min-h-0 leading-0", t), e[4] = t, e[5] = a) : a = e[5];
-  let i;
-  return e[6] !== r || e[7] !== l || e[8] !== c || e[9] !== a ? (i = /* @__PURE__ */ A.jsx("div", { ...l, className: a, ref: c, "aria-label": "Graph area", children: r }), e[6] = r, e[7] = l, e[8] = c, e[9] = a, e[10] = i) : i = e[10], i;
-});
-export {
-  B as G,
-  F as a
-};
-//# sourceMappingURL=GraphContainer-DcOM2CI6.js.map

package/dist/GraphContainer-DcOM2CI6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphContainer-DcOM2CI6.js","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}

package/dist/GraphContainer-gaG9TSy4.cjs

@@ -1,2 +0,0 @@
-"use strict";const v=require("./compiler-runtime-oPPev21o.cjs"),D=require("@undp/design-system-react/cn"),I=require("react"),L=I.forwardRef((o,c)=>{const e=v.compilerRuntimeExports.c(48);let i,t,l,r,s,p,h,j,y,u,a,f,E,n;e[0]!==o?({className:r,width:n,height:p,backgroundColor:t,theme:E,language:h,relativeHeight:a,minHeight:j,padding:y,children:l,style:f,graphID:s,ariaLabel:i,...u}=o,e[0]=o,e[1]=i,e[2]=t,e[3]=l,e[4]=r,e[5]=s,e[6]=p,e[7]=h,e[8]=j,e[9]=y,e[10]=u,e[11]=a,e[12]=f,e[13]=E,e[14]=n):(i=e[1],t=e[2],l=e[3],r=e[4],s=e[5],p=e[6],h=e[7],j=e[8],y=e[9],u=e[10],a=e[11],f=e[12],E=e[13],n=e[14]);const N=`${E||"light"} ${h||"en"} mx-auto box-border flex ${n?"grow-0":"grow w-full"}${a?"":" h-full"} flex-col`,q=t?t===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent";let g;e[15]!==r||e[16]!==N||e[17]!==q?(g=D.cn(N,q,r),e[15]=r,e[16]=N,e[17]=q,e[18]=g):g=e[18];const C=h==="he"||h==="ar"?"rtl":void 0;let m;e[19]!==f?(m=f||{},e[19]=f,e[20]=m):m=e[20];let d;e[21]!==n?(d=n?{width:`${n}px`}:{},e[21]=n,e[22]=d):d=e[22];let x;e[23]!==p?(x=p?{height:`${p}px`}:{},e[23]=p,e[24]=x):x=e[24];const H=j?`${j}px`:"auto";let w;e[25]!==a?(w=a?{aspectRatio:1/a}:{},e[25]=a,e[26]=w):w=e[26];const k=t?y||"1rem":y||0;let b;e[27]!==t?(b=t&&t!==!0?{backgroundColor:t}:{},e[27]=t,e[28]=b):b=e[28];let R;e[29]!==k||e[30]!==b||e[31]!==m||e[32]!==d||e[33]!==x||e[34]!==H||e[35]!==w?(R={...m,...d,...x,minHeight:H,...w,padding:k,...b},e[29]=k,e[30]=b,e[31]=m,e[32]=d,e[33]=x,e[34]=H,e[35]=w,e[36]=R):R=e[36];const A=i||"This is a graph";let $;e[37]!==l?($=v.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full h-full grow justify-between",children:l}),e[37]=l,e[38]=$):$=e[38];let G;return e[39]!==s||e[40]!==u||e[41]!==c||e[42]!==R||e[43]!==A||e[44]!==$||e[45]!==g||e[46]!==C?(G=v.jsxRuntimeExports.jsx("div",{...u,className:g,dir:C,style:R,id:s,ref:c,"aria-label":A,children:$}),e[39]=s,e[40]=u,e[41]=c,e[42]=R,e[43]=A,e[44]=$,e[45]=g,e[46]=C,e[47]=G):G=e[47],G}),T=I.forwardRef((o,c)=>{const e=v.compilerRuntimeExports.c(11);let i,t,l;e[0]!==o?({children:i,className:t,...l}=o,e[0]=o,e[1]=i,e[2]=t,e[3]=l):(i=e[1],t=e[2],l=e[3]);let r;e[4]!==t?(r=D.cn("w-full grow min-h-0 leading-0",t),e[4]=t,e[5]=r):r=e[5];let s;return e[6]!==i||e[7]!==l||e[8]!==c||e[9]!==r?(s=v.jsxRuntimeExports.jsx("div",{...l,className:r,ref:c,"aria-label":"Graph area",children:i}),e[6]=i,e[7]=l,e[8]=c,e[9]=r,e[10]=s):s=e[10],s});exports.GraphArea=T;exports.GraphContainer=L;
-//# sourceMappingURL=GraphContainer-gaG9TSy4.cjs.map

package/dist/GraphContainer-gaG9TSy4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphContainer-gaG9TSy4.cjs","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}