@undp/data-viz 2.5.4 → 2.6.0

package/dist/GeoHubMapWithLayerSelection.cjs.map

@@ -1 +1 @@
-{"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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"}
+{"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

@@ -1,29 +1,29 @@
-import { c as ie, j as s } from "./index-CHPV5EwG-BzibaIRc.js";
-import fe, { useState as T, useRef as Y, useEffect as ee } from "react";
+import { c as ne, j as s } from "./compiler-runtime-qHgugrLy.js";
+import fe, { useState as F, useRef as Y, useEffect as ee } from "react";
 import { f as de } from "./index-EArKRVKg.js";
-import { D as pe, j as ge } from "./DropdownSelect-Dz7imdTB.js";
-import { n as he } from "./Source-QGk8vhkS.js";
+import { createFilter as pe, DropdownSelect as ge } from "@undp/design-system-react/DropdownSelect";
+import { Spacer as he } from "@undp/design-system-react/Spacer";
 import U from "maplibre-gl";
 import * as ye from "pmtiles";
 /* empty css                     */
-import { f as ne } from "./fetchAndParseData-BAXhgTDM.js";
+import { b as ie } from "./fetchAndParseData-CDjQZ1fL.js";
 import { f as se } from "./filterData-DsAiFzKY.js";
 import { s as be } from "./string2HTML-DL-pInUB.js";
-import { X as ve, E as xe } from "./index-ApTBN0kp.js";
-import { a as Se, G as je } from "./GraphContainer-B8ZqOzKI.js";
+import { X as ve, E as xe } from "./index-D_ls5oK8.js";
+import { a as Se, G as je } from "./GraphContainer-DcOM2CI6.js";
 import { s as De } from "./select-DKy99ogv.js";
 import { GraphHeader as Le } from "./GraphHeader.js";
 import { GraphFooter as Ce } from "./GraphFooter.js";
 function _e(v) {
-  const e = ie.c(25), {
+  const e = ne.c(25), {
     mapStyle: m,
     center: g,
     zoomLevel: h,
     selectedLayer: r,
-    layerIdList: i,
-    excludeLayers: n,
+    layerIdList: n,
+    excludeLayers: i,
     mapLegend: u
-  } = v, [c, A] = T(0), [D, W] = T(0), [L, w] = T(!0), [y, F] = T(void 0), N = Y(null), t = Y(null), f = Y(null);
+  } = v, [c, A] = F(0), [D, W] = F(0), [L, I] = F(!0), [y, T] = F(void 0), N = Y(null), t = Y(null), f = Y(null);
   let x, C;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
     const a = new ResizeObserver((p) => {
@@ -32,53 +32,53 @@ function _e(v) {
     return N.current && a.observe(N.current), () => a.disconnect();
   }, C = [], e[0] = x, e[1] = C) : (x = e[0], C = e[1]), ee(x, C);
   let l, o;
-  e[2] !== g || e[3] !== n || e[4] !== i || e[5] !== m || e[6] !== r || e[7] !== c || e[8] !== h ? (l = () => {
-    t.current && c && !f.current && ne(m).then((a) => {
-      F(a), De(t.current).selectAll("div").remove();
+  e[2] !== g || e[3] !== i || e[4] !== n || e[5] !== m || e[6] !== r || e[7] !== c || e[8] !== h ? (l = () => {
+    t.current && c && !f.current && ie(m).then((a) => {
+      T(a), De(t.current).selectAll("div").remove();
       const _ = new ye.Protocol();
       U.addProtocol("pmtiles", _.tile);
-      const I = {
+      const w = {
         container: t.current,
         style: {
           ...a,
           layers: se(a.layers, [{
             column: "id",
-            excludeValues: [...n, ...i.filter((H) => r.indexOf(H) === -1)]
+            excludeValues: [...i, ...n.filter((H) => r.indexOf(H) === -1)]
           }])
         },
         attributionControl: !0
       };
-      g && (I.center = g), h && (I.zoom = h), f.current = new U.Map(I), f.current.addControl(new U.NavigationControl({
+      g && (w.center = g), h && (w.zoom = h), f.current = new U.Map(w), f.current.addControl(new U.NavigationControl({
         visualizePitch: !0,
         showZoom: !0,
         showCompass: !0
       }), "bottom-right"), f.current.addControl(new U.ScaleControl(), "bottom-left");
     });
-  }, o = [c, g, h, i, m, n, r], e[2] = g, e[3] = n, e[4] = i, e[5] = m, e[6] = r, e[7] = c, e[8] = h, e[9] = l, e[10] = o) : (l = e[9], o = e[10]), ee(l, o);
+  }, o = [c, g, h, n, m, i, r], e[2] = g, e[3] = i, e[4] = n, e[5] = m, e[6] = r, e[7] = c, e[8] = h, e[9] = l, e[10] = o) : (l = e[9], o = e[10]), ee(l, o);
   let b, S;
-  e[11] !== n || e[12] !== i || e[13] !== m || e[14] !== y || e[15] !== r ? (b = () => {
+  e[11] !== i || e[12] !== n || e[13] !== m || e[14] !== y || e[15] !== r ? (b = () => {
     if (f.current)
       if (y) {
         const a = {
           ...y,
           layers: se(y.layers, [{
             column: "id",
-            excludeValues: [...n, ...i.filter((p) => r.indexOf(p) === -1)]
+            excludeValues: [...i, ...n.filter((p) => r.indexOf(p) === -1)]
           }])
         };
         f.current.setStyle(a);
       } else
-        ne(m).then((a) => {
+        ie(m).then((a) => {
           const p = {
             ...a,
             layers: se(a.layers, [{
               column: "id",
-              excludeValues: [...n, ...i.filter((_) => r.indexOf(_) === -1)]
+              excludeValues: [...i, ...n.filter((_) => r.indexOf(_) === -1)]
             }])
           };
           f.current.setStyle(p);
         });
-  }, S = [n, i, m, y, r], e[11] = n, e[12] = i, e[13] = m, e[14] = y, e[15] = r, e[16] = b, e[17] = S) : (b = e[16], S = e[17]), ee(b, S);
+  }, S = [i, n, m, y, r], e[11] = i, e[12] = n, e[13] = m, e[14] = y, e[15] = r, e[16] = b, e[17] = S) : (b = e[16], S = e[17]), ee(b, S);
   let d;
   e[18] !== u || e[19] !== L || e[20] !== D || e[21] !== c ? (d = c && D ? /* @__PURE__ */ s.jsxs("div", { style: {
     width: c,
@@ -87,35 +87,35 @@ function _e(v) {
     /* @__PURE__ */ s.jsx("div", { ref: t, className: "map maplibre-show-control w-full h-full" }),
     u ? /* @__PURE__ */ s.jsx("div", { className: "absolute left-[22px] bottom-13", children: L ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("div", { 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]", onClick: () => {
-        w(!1);
+        I(!1);
       }, children: /* @__PURE__ */ s.jsx(ve, {}) }),
       /* @__PURE__ */ s.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof u == "string" ? {
         __html: be(u)
       } : void 0, children: fe.isValidElement(u) ? u : null })
     ] }) : /* @__PURE__ */ s.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-      w(!0);
+      I(!0);
     }, children: /* @__PURE__ */ s.jsx(xe, {}) }) }) : null
   ] }) : null, e[18] = u, e[19] = L, e[20] = D, e[21] = c, e[22] = d) : d = e[22];
   let j;
   return e[23] !== d ? (j = /* @__PURE__ */ s.jsx(Se, { ref: N, children: d }), e[23] = d, e[24] = j) : j = e[24], j;
 }
 function $e(v) {
-  const e = ie.c(69), {
+  const e = ne.c(69), {
     mapStyle: m,
     graphTitle: g,
     height: h,
     width: r,
-    relativeHeight: i,
-    sources: n,
+    relativeHeight: n,
+    sources: i,
     graphDescription: u,
     footNote: c,
     padding: A,
     backgroundColor: D,
     center: W,
     zoomLevel: L,
-    graphID: w,
+    graphID: I,
     language: y,
-    minHeight: F,
+    minHeight: T,
     theme: N,
     layerSelection: t,
     excludeLayers: f,
@@ -124,13 +124,13 @@ function $e(v) {
     styles: l,
     classNames: o,
     mapLegend: b
-  } = v, S = D === void 0 ? !1 : D, d = y === void 0 ? "en" : y, j = F === void 0 ? 0 : F, a = N === void 0 ? "light" : N;
+  } = v, S = D === void 0 ? !1 : D, d = y === void 0 ? "en" : y, j = T === void 0 ? 0 : T, a = N === void 0 ? "light" : N;
   let p;
   e[0] !== f ? (p = f === void 0 ? [] : f, e[0] = f, e[1] = p) : p = e[1];
-  const _ = p, I = C === void 0 ? "normal" : C;
+  const _ = p, w = C === void 0 ? "normal" : C;
   let H;
   e[2] !== b ? (H = b === void 0 ? [] : b, e[2] = b, e[3] = H) : H = e[3];
-  const te = H, [O, ae] = T(t[0].layerID), ce = Y(null);
+  const te = H, [O, ae] = F(t[0].layerID), ce = Y(null);
   let $;
   e[4] !== t[0].layerID ? ($ = () => {
     ae(t[0].layerID);
@@ -153,50 +153,50 @@ function $e(v) {
     description: o?.description
   }, graphTitle: g, graphDescription: u, width: r }) : null, e[9] = o?.description, e[10] = o?.title, e[11] = u, e[12] = g, e[13] = l?.description, e[14] = l?.title, e[15] = r, e[16] = z) : z = e[16];
   let M;
-  e[17] !== t ? (M = t.map(we), e[17] = t, e[18] = M) : M = e[18];
+  e[17] !== t ? (M = t.map(Ie), e[17] = t, e[18] = M) : M = e[18];
   const oe = d === "he" || d === "ar";
   let Z;
   e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = pe(me), e[19] = Z) : Z = e[19];
-  let k;
-  e[20] !== t[0].layerID || e[21] !== t[0].name ? (k = {
+  let R;
+  e[20] !== t[0].layerID || e[21] !== t[0].name ? (R = {
     label: t[0].name,
     value: t[0].layerID
-  }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = k) : k = e[22];
+  }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = R) : R = e[22];
   let q;
   e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (Q) => {
     Q && ae(Q.value);
   }, e[23] = q) : q = e[23];
-  let E;
-  e[24] !== M || e[25] !== oe || e[26] !== k || e[27] !== I ? (E = /* @__PURE__ */ s.jsx(ge, { options: M, size: "sm", isClearable: !1, variant: I, isRtl: oe, isSearchable: !0, filterOption: Z, defaultValue: k, controlShouldRenderValue: !0, onChange: q }), e[24] = M, e[25] = oe, e[26] = k, e[27] = I, e[28] = E) : E = e[28];
+  let k;
+  e[24] !== M || e[25] !== oe || e[26] !== R || e[27] !== w ? (k = /* @__PURE__ */ s.jsx(ge, { options: M, size: "sm", isClearable: !1, variant: w, isRtl: oe, isSearchable: !0, filterOption: Z, defaultValue: R, controlShouldRenderValue: !0, onChange: q }), e[24] = M, e[25] = oe, e[26] = R, e[27] = w, e[28] = k) : k = e[28];
   let B;
   e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ s.jsx(he, { size: "lg" }), e[29] = B) : B = e[29];
+  let E;
+  e[30] !== t ? (E = de(t.map(we)), e[30] = t, e[31] = E) : E = e[31];
   let G;
-  e[30] !== t ? (G = de(t.map(Ie)), e[30] = t, e[31] = G) : G = e[31];
-  let R;
-  e[32] !== t || e[33] !== te || e[34] !== O ? (R = te.find((Q) => Q.mapStyleName === t.find((ue) => ue.layerID === O)?.name)?.legend, e[32] = t, e[33] = te, e[34] = O, e[35] = R) : R = e[35];
+  e[32] !== t || e[33] !== te || e[34] !== O ? (G = te.find((Q) => Q.mapStyleName === t.find((ue) => ue.layerID === O)?.name)?.legend, e[32] = t, e[33] = te, e[34] = O, e[35] = G) : G = e[35];
   let V;
-  e[36] !== W || e[37] !== _ || e[38] !== m || e[39] !== O || e[40] !== G || e[41] !== R || e[42] !== L ? (V = /* @__PURE__ */ s.jsx(_e, { mapStyle: m, center: W, zoomLevel: L, selectedLayer: O, layerIdList: G, excludeLayers: _, mapLegend: R }), e[36] = W, e[37] = _, e[38] = m, e[39] = O, e[40] = G, e[41] = R, e[42] = L, e[43] = V) : V = e[43];
+  e[36] !== W || e[37] !== _ || e[38] !== m || e[39] !== O || e[40] !== E || e[41] !== G || e[42] !== L ? (V = /* @__PURE__ */ s.jsx(_e, { mapStyle: m, center: W, zoomLevel: L, selectedLayer: O, layerIdList: E, excludeLayers: _, mapLegend: G }), e[36] = W, e[37] = _, e[38] = m, e[39] = O, e[40] = E, e[41] = G, e[42] = L, e[43] = V) : V = e[43];
   let P;
-  e[44] !== o?.footnote || e[45] !== o?.source || e[46] !== c || e[47] !== n || e[48] !== l?.footnote || e[49] !== l?.source || e[50] !== r ? (P = n || c ? /* @__PURE__ */ s.jsx(Ce, { styles: {
+  e[44] !== o?.footnote || e[45] !== o?.source || e[46] !== c || e[47] !== i || e[48] !== l?.footnote || e[49] !== l?.source || e[50] !== r ? (P = i || c ? /* @__PURE__ */ s.jsx(Ce, { styles: {
     footnote: l?.footnote,
     source: l?.source
   }, classNames: {
     footnote: o?.footnote,
     source: o?.source
-  }, sources: n, footNote: c, width: r }) : null, e[44] = o?.footnote, e[45] = o?.source, e[46] = c, e[47] = n, e[48] = l?.footnote, e[49] = l?.source, e[50] = r, e[51] = P) : P = e[51];
+  }, sources: i, footNote: c, width: r }) : null, e[44] = o?.footnote, e[45] = o?.source, e[46] = c, e[47] = i, e[48] = l?.footnote, e[49] = l?.source, e[50] = r, e[51] = P) : P = e[51];
   let K;
-  return e[52] !== x || e[53] !== S || e[54] !== w || e[55] !== h || e[56] !== d || e[57] !== j || e[58] !== A || e[59] !== i || e[60] !== re || e[61] !== le || e[62] !== z || e[63] !== E || e[64] !== V || e[65] !== P || e[66] !== a || e[67] !== r ? (K = /* @__PURE__ */ s.jsxs(je, { className: re, style: le, id: w, ref: ce, "aria-label": x, backgroundColor: S, theme: a, language: d, minHeight: j, width: r, height: h, relativeHeight: i, padding: A, children: [
+  return e[52] !== x || e[53] !== S || e[54] !== I || e[55] !== h || e[56] !== d || e[57] !== j || e[58] !== A || e[59] !== n || e[60] !== re || e[61] !== le || e[62] !== z || e[63] !== k || e[64] !== V || e[65] !== P || e[66] !== a || e[67] !== r ? (K = /* @__PURE__ */ s.jsxs(je, { className: re, style: le, id: I, ref: ce, "aria-label": x, backgroundColor: S, theme: a, language: d, minHeight: j, width: r, height: h, relativeHeight: n, padding: A, children: [
     z,
-    E,
+    k,
     B,
     V,
     P
-  ] }), e[52] = x, e[53] = S, e[54] = w, e[55] = h, e[56] = d, e[57] = j, e[58] = A, e[59] = i, e[60] = re, e[61] = le, e[62] = z, e[63] = E, e[64] = V, e[65] = P, e[66] = a, e[67] = r, e[68] = K) : K = e[68], K;
+  ] }), e[52] = x, e[53] = S, e[54] = I, e[55] = h, e[56] = d, e[57] = j, e[58] = A, e[59] = n, e[60] = re, e[61] = le, e[62] = z, e[63] = k, e[64] = V, e[65] = P, e[66] = a, e[67] = r, e[68] = K) : K = e[68], K;
 }
-function Ie(v) {
+function we(v) {
   return v.layerID;
 }
-function we(v) {
+function Ie(v) {
   return {
     label: v.name,
     value: v.layerID

package/dist/{GraphContainer-B8ZqOzKI.js → GraphContainer-DcOM2CI6.js}

@@ -1,28 +1,29 @@
-import { c as D, m as I, j as A } from "./index-CHPV5EwG-BzibaIRc.js";
+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 z = L.forwardRef((n, c) => {
+const B = L.forwardRef((n, c) => {
   const e = D.c(48);
-  let s, t, l, a, i, f, h, j, v, p, r, g, N, o;
+  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: N,
-    language: h,
-    relativeHeight: r,
+    theme: v,
+    language: p,
+    relativeHeight: s,
     minHeight: j,
-    padding: v,
+    padding: R,
     children: l,
     style: g,
     graphID: i,
-    ariaLabel: s,
-    ...p
-  } = n, e[0] = n, e[1] = s, e[2] = t, e[3] = l, e[4] = a, e[5] = i, e[6] = f, e[7] = h, e[8] = j, e[9] = v, e[10] = p, e[11] = r, e[12] = g, e[13] = N, e[14] = o) : (s = e[1], t = e[2], l = e[3], a = e[4], i = e[5], f = e[6], h = e[7], j = e[8], v = e[9], p = e[10], r = e[11], g = e[12], N = e[13], o = e[14]);
-  const G = `${N || "light"} ${h || "en"} mx-auto box-border flex ${o ? "grow-0" : "grow w-full"}${r ? "" : " h-full"} flex-col`, H = t ? t === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent";
+    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 = h === "he" || h === "ar" ? "rtl" : void 0;
+  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;
@@ -35,10 +36,10 @@ const z = L.forwardRef((n, c) => {
   } : {}, e[23] = f, e[24] = x) : x = e[24];
   const C = j ? `${j}px` : "auto";
   let w;
-  e[25] !== r ? (w = r ? {
-    aspectRatio: 1 / r
-  } : {}, e[25] = r, e[26] = w) : w = e[26];
-  const E = t ? v || "1rem" : v || 0;
+  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
@@ -53,26 +54,26 @@ const z = L.forwardRef((n, c) => {
     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 _ = s || "This is a graph";
+  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 R;
-  return e[39] !== i || e[40] !== p || e[41] !== c || e[42] !== $ || e[43] !== _ || e[44] !== y || e[45] !== d || e[46] !== k ? (R = /* @__PURE__ */ A.jsx("div", { ...p, className: d, dir: k, style: $, id: i, ref: c, "aria-label": _, children: y }), e[39] = i, e[40] = p, e[41] = c, e[42] = $, e[43] = _, e[44] = y, e[45] = d, e[46] = k, e[47] = R) : R = e[47], R;
-}), B = L.forwardRef((n, c) => {
+  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 s, t, l;
+  let r, t, l;
   e[0] !== n ? ({
-    children: s,
+    children: r,
     className: t,
     ...l
-  } = n, e[0] = n, e[1] = s, e[2] = t, e[3] = l) : (s = e[1], t = e[2], l = e[3]);
+  } = 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] !== s || e[7] !== l || e[8] !== c || e[9] !== a ? (i = /* @__PURE__ */ A.jsx("div", { ...l, className: a, ref: c, "aria-label": "Graph area", children: s }), e[6] = s, e[7] = l, e[8] = c, e[9] = a, e[10] = i) : i = e[10], 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 {
-  z as G,
-  B as a
+  B as G,
+  F as a
 };
-//# sourceMappingURL=GraphContainer-B8ZqOzKI.js.map
+//# sourceMappingURL=GraphContainer-DcOM2CI6.js.map

package/dist/GraphContainer-DcOM2CI6.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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-Cul9b74X.cjs.map → GraphContainer-gaG9TSy4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphContainer-Cul9b74X.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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"}
+{"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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"}

package/dist/GraphDescription.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),a=require("./Typography-BqmyF1gP.cjs"),c=require("react");function p(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=o.mo("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a._,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(c.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),c=require("@undp/design-system-react/cn"),a=require("@undp/design-system-react/Typography"),p=require("react");function u(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=c.cn("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a.P,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(p.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=u;
 //# sourceMappingURL=GraphDescription.cjs.map

package/dist/GraphDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDescription.cjs","sources":["../src/Components/Typography/GraphDescription.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function GraphDescription(props: Props) {\r\n  const { text, style, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n        aria-label='Graph description'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('GraphDescription: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphDescription","props","$","_c","text","style","className","trim","t0","cn","t1","jsx","P","React","isValidElement","console","error"],"mappings":"2LAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAA,EAAAC,UAAAA,CAAAA,EAAmCL,EACnC,GAAI,OAAOG,GAAS,SAAQ,CAC1B,GAAIA,EAAIG,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAN,OAAAI,GAKrBE,EAAAC,EAAAA,GAAG,mDAAoDH,CAAS,EAACJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAA,IAAAQ,EAAA,OAAAR,EAAA,CAAA,IAAAG,GAAAH,OAAAM,GAAAN,EAAA,CAAA,IAAAE,GAH9EM,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,oBACJH,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAM,EAAAN,KAAAE,EAAAF,KAAAQ,GAAAA,EAAAR,EAAA,CAAA,EARJQ,CAQI,CAIR,GAAIG,EAAKC,eAAgBV,CAAI,EAAC,CAAA,IAAAI,EAAA,OAAAN,EAAA,CAAA,IAAAI,GAAAJ,OAAAG,GAAAH,EAAA,CAAA,IAAAE,GAE1BI,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBL,UAAAA,EAAkBD,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAI,EAAAJ,KAAAG,EAAAH,KAAAE,EAAAF,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAFNM,CAEM,CAEVO,eAAOC,MAAO,wEAAwE,EAC/E,IAAI"}
+{"version":3,"file":"GraphDescription.cjs","sources":["../src/Components/Typography/GraphDescription.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function GraphDescription(props: Props) {\r\n  const { text, style, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\r\n        aria-label='Graph description'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('GraphDescription: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["GraphDescription","props","$","_c","text","style","className","trim","t0","cn","t1","jsx","P","React","isValidElement","console","error"],"mappings":"kPAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAA,EAAAC,UAAAA,CAAAA,EAAmCL,EACnC,GAAI,OAAOG,GAAS,SAAQ,CAC1B,GAAIA,EAAIG,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAN,OAAAI,GAKrBE,EAAAC,EAAAA,GAAG,mDAAoDH,CAAS,EAACJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAA,IAAAQ,EAAA,OAAAR,EAAA,CAAA,IAAAG,GAAAH,OAAAM,GAAAN,EAAA,CAAA,IAAAE,GAH9EM,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,oBACJH,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAM,EAAAN,KAAAE,EAAAF,KAAAQ,GAAAA,EAAAR,EAAA,CAAA,EARJQ,CAQI,CAIR,GAAIG,EAAKC,eAAgBV,CAAI,EAAC,CAAA,IAAAI,EAAA,OAAAN,EAAA,CAAA,IAAAI,GAAAJ,OAAAG,GAAAH,EAAA,CAAA,IAAAE,GAE1BI,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBL,UAAAA,EAAkBD,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAI,EAAAJ,KAAAG,EAAAH,KAAAE,EAAAF,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAFNM,CAEM,CAEVO,eAAOC,MAAO,wEAAwE,EAC/E,IAAI"}

package/dist/GraphDescription.js

@@ -1,27 +1,28 @@
-import { c as a, m, j as l } from "./index-CHPV5EwG-BzibaIRc.js";
-import { _ as p } from "./Typography-BO0gQDIT.js";
+import { c as a, j as s } from "./compiler-runtime-qHgugrLy.js";
+import { cn as m } from "@undp/design-system-react/cn";
+import { P as p } from "@undp/design-system-react/Typography";
 import c from "react";
-function d(o) {
-  const e = a.c(10), {
+function y(l) {
+  const t = a.c(10), {
     text: r,
     style: i,
-    className: s
-  } = o;
+    className: n
+  } = l;
   if (typeof r == "string") {
     if (r.trim() === "")
       return null;
-    let t;
-    e[0] !== s ? (t = m("text-primary-gray-550 dark:text-primary-gray-400", s), e[0] = s, e[1] = t) : t = e[1];
-    let n;
-    return e[2] !== i || e[3] !== t || e[4] !== r ? (n = /* @__PURE__ */ l.jsx(p, { size: "sm", marginBottom: "none", className: t, "aria-label": "Graph description", style: i, children: r }), e[2] = i, e[3] = t, e[4] = r, e[5] = n) : n = e[5], n;
+    let e;
+    t[0] !== n ? (e = m("text-primary-gray-550 dark:text-primary-gray-400", n), t[0] = n, t[1] = e) : e = t[1];
+    let o;
+    return t[2] !== i || t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ s.jsx(p, { size: "sm", marginBottom: "none", className: e, "aria-label": "Graph description", style: i, children: r }), t[2] = i, t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
   }
   if (c.isValidElement(r)) {
-    let t;
-    return e[6] !== s || e[7] !== i || e[8] !== r ? (t = /* @__PURE__ */ l.jsx("div", { className: s, style: i, children: r }), e[6] = s, e[7] = i, e[8] = r, e[9] = t) : t = e[9], t;
+    let e;
+    return t[6] !== n || t[7] !== i || t[8] !== r ? (e = /* @__PURE__ */ s.jsx("div", { className: n, style: i, children: r }), t[6] = n, t[7] = i, t[8] = r, t[9] = e) : e = t[9], e;
   }
   return console.error("GraphDescription: Invalid text type. Expected string or React element."), null;
 }
 export {
-  d as GraphDescription
+  y as GraphDescription
 };
 //# sourceMappingURL=GraphDescription.js.map