@undp/data-viz 2.5.4 → 2.6.1

package/dist/SingleGraphDashboardThreeDGraphs-qstwmomC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleGraphDashboardThreeDGraphs-qstwmomC.cjs","names":[],"sources":["../src/Components/Dashboard/PerformanceIntensive/ThreeDGraphEl.tsx","../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardThreeDGraphs.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\nimport type { GraphConfigurationDataType, GraphSettingsDataType, ThreeDGraphType } from '@/Types';\n\nimport { getValues } from '@/Utils/getValues';\nimport { ThreeDGlobe } from '../../Graphs/Maps/ThreeDGlobe';\n\ninterface Props {\n  graph: ThreeDGraphType;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  graphData: any;\n  settings?: GraphSettingsDataType;\n  debugMode?: boolean;\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  readableHeader: {\n    value: string;\n    label: string;\n  }[];\n  updateFilters?: (_d: string) => void;\n}\n\nfunction ThreeDGraphEl(props: Props) {\n  const {\n    settings,\n    graph,\n    graphData,\n    debugMode,\n    graphDataConfiguration,\n    readableHeader,\n    updateFilters,\n  } = props;\n  if (debugMode) {\n    // biome-ignore lint/suspicious/noConsole: This is for debug mode\n    console.log(`Graph: ${graph}`);\n    // biome-ignore lint/suspicious/noConsole: This is for debug mode\n    console.log('Transformed data:', graphData);\n    // biome-ignore lint/suspicious/noConsole: This is for debug mode\n    console.log('Settings:', settings);\n  }\n  if (typeof graphData === 'string')\n    return (\n      <div\n        className={`flex my-0 mx-auto grow flex-col justify-center ${\n          settings?.width ? 'w-fit' : 'w-full'\n        }`}\n        style={{ height: 'inherit' }}\n      >\n        <P\n          size='sm'\n          marginBottom='none'\n          className='p-2 text-center text-accent-dark-red dark:text-accent-red'\n        >\n          {graphData}\n        </P>\n      </div>\n    );\n  const graphComponents: Record<ThreeDGraphType, React.ElementType | null> = {\n    threeDGlobe: ThreeDGlobe,\n  };\n  const getGraphProps = (graphType: ThreeDGraphType) => {\n    switch (graphType) {\n      case 'threeDGlobe':\n        return {\n          numberDisplayOptions: settings?.numberDisplayOptions,\n          globeOffset: settings?.globeOffset,\n          collapseColorScaleByDefault: settings?.collapseColorScaleByDefault,\n          polygonAltitude: settings?.polygonAltitude,\n          highlightedIds: settings?.highlightedIds,\n          scale: settings?.scale,\n          theme: settings?.theme,\n          resetSelectionOnDoubleClick: settings?.resetSelectionOnDoubleClick,\n          graphTitle: settings?.graphTitle,\n          mapData: settings?.mapData,\n          graphDescription: settings?.graphDescription,\n          footNote: settings?.footNote,\n          width: settings?.width,\n          height: settings?.height,\n          sources: settings?.sources,\n          colorDomain: settings?.colorDomain as string[] | number[],\n          colors: settings?.colors as string[] | undefined,\n          colorLegendTitle:\n            Object.keys(settings || {}).indexOf('colorLegendTitle') !== -1\n              ? settings?.colorLegendTitle\n              : getValues('x', graphDataConfiguration || [], readableHeader || []),\n          scaleType: settings?.scaleType,\n          data: graphData,\n          centerPoint: settings?.centerPoint,\n          backgroundColor: settings?.backgroundColor,\n          mapNoDataColor: settings?.mapNoDataColor,\n          mapBorderColor: settings?.mapBorderColor,\n          relativeHeight: settings?.relativeHeight,\n          padding: settings?.padding,\n          tooltip: settings?.tooltip,\n          showColorScale: settings?.showColorScale,\n          graphID: settings?.graphID,\n          dataDownload: settings?.dataDownload,\n          mapProperty: settings?.mapProperty,\n          language: settings?.language,\n          minHeight: settings?.minHeight,\n          ariaLabel: settings?.ariaLabel,\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          onSeriesMouseClick: (el: any) => {\n            updateFilters?.(el.id);\n          },\n          detailsOnClick: settings?.detailsOnClick,\n          styles: settings?.styles,\n          classNames: settings?.classNames,\n          autoRotate: settings?.autoRotate,\n          globeMaterial: settings?.globeMaterial,\n          atmosphereColor: settings?.atmosphereColor,\n          enableZoom: settings?.enableZoom,\n          atmosphereAltitude: settings?.atmosphereAltitude,\n          globeCurvatureResolution: settings?.globeCurvatureResolution,\n          fogSettings: settings?.fogSetting,\n          lights: settings?.lights,\n          highlightedAltitude: settings?.highlightedAltitude,\n          selectedId: settings?.selectedId,\n        };\n      default:\n        return {};\n    }\n  };\n  const GraphComponent = graphComponents[graph];\n  const graphProps = getGraphProps(graph);\n  return (\n    <div\n      className={`grow my-0 mx-auto flex flex-col w-full justify-center ${settings?.theme || 'light'}`}\n      style={{ minHeight: 'inherit' }}\n    >\n      {GraphComponent ? (\n        <GraphComponent {...graphProps} />\n      ) : (\n        <P\n          size='sm'\n          marginBottom='none'\n          className='p-2 text-center text-accent-dark-red dark:text-accent-red'\n        >\n          {`Invalid chart type: ${graph}`}\n        </P>\n      )}\n    </div>\n  );\n}\n\nexport default ThreeDGraphEl;\n","import { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\nimport { Label } from '@undp/design-system-react/Label';\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport isEqual from 'fast-deep-equal';\nimport flattenDeep from 'lodash.flattendeep';\nimport intersection from 'lodash.intersection';\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AdvancedDataSelectionDataType,\n  AggregationSettingsDataType,\n  DataFilterDataType,\n  DataSelectionDataType,\n  DataSettingsDataType,\n  FilterSettingsDataType,\n  FilterUiSettingsDataType,\n  GraphConfigurationDataType,\n  GraphSettingsDataType,\n  HighlightDataPointSettingsDataType,\n  ThreeDGraphType,\n} from '@/Types';\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\nimport {\n  fetchAndParseCSV,\n  fetchAndParseJSON,\n  fetchAndParseMultipleDataSources,\n  fetchAndTransformDataFromAPI,\n} from '@/Utils/fetchAndParseData';\nimport { graphList } from '@/Utils/getGraphList';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport { filterData } from '@/Utils/transformData/filterData';\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\nimport ThreeDGraphEl from './ThreeDGraphEl';\n\ninterface Props {\n  graphSettings?: GraphSettingsDataType;\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\n  noOfFiltersPerRow?: number;\n  graphType: ThreeDGraphType;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  debugMode?: boolean;\n  uiMode?: 'light' | 'normal';\n  updateFilters?: (_d: string) => void;\n}\n\nconst getGraphSettings = (\n  dataSelectionOptions: DataSelectionDataType[],\n  updatedConfig?: GraphConfigurationDataType[],\n) => {\n  const updatedSettings =\n    updatedConfig?.map((c) => {\n      const indx = dataSelectionOptions?.findIndex((opt) => opt.chartConfigId === c.chartConfigId);\n      if (indx === -1) return {};\n      const allowedValIndx = dataSelectionOptions[indx]?.allowedColumnIds?.findIndex(\n        (col) => col.value === c.columnId,\n      );\n      if (allowedValIndx === -1) return {};\n      return dataSelectionOptions[indx].allowedColumnIds[allowedValIndx].graphSettings || {};\n    }) || [];\n  return Object.assign({}, ...updatedSettings);\n};\n\nexport function SingleGraphDashboardThreeDGraphs(props: Props) {\n  const {\n    graphSettings,\n    dataSettings,\n    filters,\n    graphType,\n    dataTransform,\n    graphDataConfiguration,\n    dataFilters,\n    debugMode,\n    dataSelectionOptions,\n    advancedDataSelectionOptions,\n    readableHeader,\n    noOfFiltersPerRow = 4,\n    updateFilters,\n    uiMode = 'normal',\n    highlightDataPointSettings,\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [filteredData, setFilteredData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [data, setData] = useState<any>(undefined);\n  const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\n    graphDataConfiguration,\n  );\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\n  const [highlightedDataPointList, setHighlightedDataPointList] = useState<\n    (string | number)[] | undefined\n  >(undefined);\n  const [highlightedDataPointOptions, setHighlightedDataPointOption] = useState<\n    { label: string | number; value: string | number }[]\n  >([]);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  const prevGraphDataConfigRef = useRef<GraphConfigurationDataType[] | undefined>(\n    graphDataConfiguration,\n  );\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\n\n  const filterConfig = {\n    ignoreCase: true,\n    ignoreAccents: true,\n    trim: true,\n  };\n\n  const updateFiltersEvent = useEffectEvent(() => {\n    const filterSettingsTemp = (filters || []).map((el) => ({\n      filter: el.column,\n      label: el.label || `Filter by ${el.column}`,\n      singleSelect: el.singleSelect,\n      clearable: el.clearable,\n      defaultValue: transformDefaultValue(el.defaultValue),\n      value: transformDefaultValue(el.defaultValue),\n      availableValues: getUniqValue(data, el.column)\n        .filter((v) => !el.excludeValues?.includes(`${v}`))\n        .map((v) => ({ value: v, label: v })),\n      allowSelectAll: el.allowSelectAll,\n      width: el.width,\n    }));\n    setFilterSettings(filterSettingsTemp);\n  });\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const dataFromFile = dataSettings.dataURL\n          ? typeof dataSettings.dataURL === 'string'\n            ? dataSettings.fileType === 'json'\n              ? await fetchAndParseJSON(\n                  dataSettings.dataURL,\n                  dataSettings.columnsToArray,\n                  dataSettings.dataTransformation,\n                  debugMode,\n                )\n              : dataSettings.fileType === 'api'\n                ? await fetchAndTransformDataFromAPI(\n                    dataSettings.dataURL,\n                    dataSettings.apiHeaders,\n                    dataSettings.columnsToArray,\n                    dataSettings.dataTransformation,\n                    debugMode,\n                  )\n                : await fetchAndParseCSV(\n                    dataSettings.dataURL,\n                    dataSettings.dataTransformation,\n                    dataSettings.columnsToArray,\n                    debugMode,\n                    dataSettings.delimiter,\n                    true,\n                  )\n            : await fetchAndParseMultipleDataSources(\n                dataSettings.dataURL,\n                dataSettings.idColumnTitle,\n              )\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\n        setData(dataFromFile);\n      } catch (error) {\n        console.error('Data fetching error:', error);\n      }\n    };\n    fetchData();\n    updateFiltersEvent();\n  }, [dataSettings, debugMode]);\n\n  useEffect(() => {\n    updateFiltersEvent();\n  }, [filters, data]);\n\n  const filteredDataEvent = useEffectEvent(() => {\n    if (!data || filterSettings.length === 0) setFilteredData(data);\n    else {\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      const result = data.filter((item: any) =>\n        filterSettings.every((filter) =>\n          filter.value && flattenDeep([filter.value]).length > 0\n            ? intersection(\n                flattenDeep([item[filter.filter]]),\n                flattenDeep([filter.value]).map((el) => el.value),\n              ).length > 0\n            : true,\n        ),\n      );\n      setFilteredData(result);\n    }\n  });\n\n  useEffect(() => {\n    filteredDataEvent();\n  }, [filterSettings, data]);\n\n  useEffect(() => {\n    if (dataSelectionOptions)\n      setAdvancedGraphSettings(getGraphSettings(dataSelectionOptions, graphDataConfiguration));\n  }, [dataSelectionOptions, graphDataConfiguration]);\n\n  const updateHighlightedDataPointOptions = useEffectEvent(() => {\n    if (highlightDataPointSettings?.column && filteredData)\n      setHighlightedDataPointOption(\n        getUniqValue(filteredData, highlightDataPointSettings.column)\n          .filter((v) => !highlightDataPointSettings?.excludeValues?.includes(`${v}`))\n          .map((d) => ({ value: d, label: d })),\n      );\n  });\n\n  useEffect(() => {\n    updateHighlightedDataPointOptions();\n  }, [highlightDataPointSettings]);\n\n  useEffect(() => {\n    if (!isEqual(prevGraphDataConfigRef.current, graphDataConfiguration)) {\n      setGraphConfig(graphDataConfiguration);\n      prevGraphDataConfigRef.current = graphDataConfiguration;\n    }\n  }, [graphDataConfiguration]);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleFilterChange = (filter: string, values: any) => {\n    setFilterSettings((prev) =>\n      prev.map((f) => (f.filter === filter ? { ...f, value: values } : f)),\n    );\n  };\n\n  const graphData = !data\n    ? undefined\n    : transformDataForGraph(\n        dataTransform\n          ? transformDataForAggregation(\n              filterData(data, dataFilters || []),\n              dataTransform.keyColumn,\n              dataTransform.aggregationColumnsSetting,\n            )\n          : filterData(data, dataFilters || []),\n        graphType,\n        graphConfig,\n      );\n  return (\n    <GraphContainer\n      className={graphSettings?.classNames?.graphContainer}\n      style={graphSettings?.styles?.graphContainer}\n      id={graphSettings?.graphID}\n      ref={graphParentDiv}\n      aria-label={graphSettings?.ariaLabel}\n      backgroundColor={graphSettings?.backgroundColor ?? false}\n      theme={graphSettings?.theme || 'light'}\n      language={graphSettings?.language || 'en'}\n      width={graphSettings?.width}\n      height={graphSettings?.height}\n      padding={graphSettings?.padding}\n      minHeight={graphSettings?.minHeight}\n      relativeHeight={graphSettings?.relativeHeight}\n    >\n      {data ||\n      graphList\n        .filter((el) => el.geoHubMapPresentation)\n        .map((el) => el.graphID)\n        .indexOf(graphType) !== -1 ? (\n        <>\n          {advancedGraphSettings?.graphTitle ||\n          advancedGraphSettings?.graphDescription ||\n          graphSettings?.graphTitle ||\n          graphSettings?.graphDescription ||\n          graphSettings?.graphDownload ||\n          graphSettings?.dataDownload ? (\n            <GraphHeader\n              styles={{\n                title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\n                description:\n                  advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\n              }}\n              classNames={{\n                title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\n                description:\n                  advancedGraphSettings?.classNames?.description ||\n                  graphSettings?.classNames?.description,\n              }}\n              graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\n              graphDescription={\n                advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\n              }\n              width={advancedGraphSettings?.width || graphSettings?.width}\n              graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\n              dataDownload={\n                graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\n              }\n            />\n          ) : null}\n          {filterSettings.length !== 0 ||\n          (dataSelectionOptions || []).length !== 0 ||\n          (advancedDataSelectionOptions || []).length !== 0 ||\n          highlightDataPointSettings ? (\n            <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\n              {advancedDataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  className='pb-4'\n                >\n                  <Label className='mb-2'>{d.label || 'Graph by'}</Label>\n                  {d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.options.map((opt) => ({\n                        ...opt,\n                        value: opt.label,\n                      }))}\n                      size='sm'\n                      isClearable={false}\n                      isSearchable\n                      variant={uiMode}\n                      controlShouldRenderValue\n                      defaultValue={\n                        d.defaultValue\n                          ? {\n                              ...d.defaultValue,\n                              value: d.defaultValue?.label,\n                            }\n                          : {\n                              ...d.options[0],\n                              value: d.options[0].label,\n                            }\n                      }\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        setAdvancedGraphSettings(el?.graphSettings || {});\n                        setGraphConfig(el?.dataConfiguration);\n                      }}\n                    />\n                  ) : (\n                    <RadioGroup\n                      defaultValue={d.defaultValue?.label || d.options[0].label}\n                      variant={uiMode}\n                      onValueChange={(el) => {\n                        const selectedOption =\n                          d.options[d.options.findIndex((opt) => opt.label === el)];\n                        setAdvancedGraphSettings(selectedOption.graphSettings || {});\n                        setGraphConfig(selectedOption.dataConfiguration);\n                      }}\n                    >\n                      {d.options.map((el) => (\n                        <RadioGroupItem label={el.label} value={el.label} key={el.label} />\n                      ))}\n                    </RadioGroup>\n                  )}\n                </div>\n              ))}\n              {dataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  className='pb-4'\n                >\n                  <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\n                  {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.allowedColumnIds}\n                        size='sm'\n                        isClearable={false}\n                        isSearchable\n                        variant={uiMode}\n                        controlShouldRenderValue\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ]\n                            : undefined\n                        }\n                        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                        onChange={(el: any) => {\n                          const newGraphConfig = {\n                            columnId: el?.value as string,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\n                          );\n                          setGraphConfig(updatedConfig);\n                        }}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ].label\n                            : ''\n                        }\n                        onValueChange={(el) => {\n                          const selectedOption =\n                            d.allowedColumnIds[\n                              d.allowedColumnIds.findIndex((opt) => opt.label === el)\n                            ];\n                          const newGraphConfig = {\n                            columnId: selectedOption.value,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\n                          );\n                          setGraphConfig(updatedConfig);\n                        }}\n                      >\n                        {d.allowedColumnIds.map((el) => (\n                          <RadioGroupItem label={el.label} value={el.value} key={el.value} />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.allowedColumnIds}\n                      size='sm'\n                      isMulti\n                      isSearchable\n                      variant={uiMode}\n                      controlShouldRenderValue\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            ).map(\n                              (el) =>\n                                d.allowedColumnIds[\n                                  d.allowedColumnIds.findIndex((j) => j.value === el)\n                                ],\n                            )\n                          : undefined\n                      }\n                      filterOption={createFilter(filterConfig)}\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        const newGraphConfig = {\n                          columnId: (el || []).map(\n                            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                            (item: any) => item.value,\n                          ) as string[],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                    />\n                  ) : (\n                    <CheckboxGroup\n                      variant={uiMode}\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            )\n                              .map(\n                                (el) =>\n                                  d.allowedColumnIds[\n                                    d.allowedColumnIds.findIndex((j) => j.value === el)\n                                  ],\n                              )\n                              .map((el) => el.value)\n                          : []\n                      }\n                      onValueChange={(el) => {\n                        const newGraphConfig = {\n                          columnId: el || [],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                    >\n                      {d.allowedColumnIds.map((el) => (\n                        <CheckboxGroupItem label={el.label} value={el.value} key={el.value} />\n                      ))}\n                    </CheckboxGroup>\n                  )}\n                </div>\n              ))}\n              {filterSettings?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  className='pb-4'\n                >\n                  <Label className='mb-2'>{d.label}</Label>\n                  {d.singleSelect ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.availableValues}\n                        variant={uiMode}\n                        isClearable={d.clearable === undefined ? true : d.clearable}\n                        isSearchable\n                        controlShouldRenderValue\n                        filterOption={createFilter(filterConfig)}\n                        onChange={(el) => {\n                          handleFilterChange(d.filter, el);\n                        }}\n                        value={d.value}\n                        defaultValue={d.defaultValue}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\n                        onValueChange={(el) => {\n                          handleFilterChange(\n                            d.filter,\n                            d.availableValues.filter((v) => v.value === el),\n                          );\n                        }}\n                      >\n                        {d.availableValues.map((el) => (\n                          <RadioGroupItem\n                            label={`${el.label}`}\n                            value={`${el.value}`}\n                            key={el.value}\n                          />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : (\n                    <>\n                      {d.ui !== 'radio' ? (\n                        <DropdownSelect\n                          options={d.availableValues}\n                          variant={uiMode}\n                          size='sm'\n                          isMulti\n                          isClearable={d.clearable === undefined ? true : d.clearable}\n                          isSearchable\n                          controlShouldRenderValue\n                          filterOption={createFilter(filterConfig)}\n                          onChange={(el) => {\n                            handleFilterChange(d.filter, el);\n                          }}\n                          value={d.value}\n                          defaultValue={d.defaultValue}\n                        />\n                      ) : (\n                        <CheckboxGroup\n                          variant={uiMode}\n                          defaultValue={\n                            d.defaultValue\n                              ? (\n                                  d.defaultValue as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : []\n                          }\n                          value={\n                            d.value\n                              ? (\n                                  d.value as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : undefined\n                          }\n                          onValueChange={(el) => {\n                            handleFilterChange(\n                              d.filter,\n                              d.availableValues.filter((v) => el.indexOf(`${v.value}`) !== -1),\n                            );\n                          }}\n                        >\n                          {d.availableValues.map((el) => (\n                            <CheckboxGroupItem\n                              label={`${el.label}`}\n                              value={`${el.value}`}\n                              key={el.value}\n                            />\n                          ))}\n                        </CheckboxGroup>\n                      )}\n                      {d.allowSelectAll ? (\n                        <button\n                          type='button'\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\n                          onClick={() => {\n                            handleFilterChange(d.filter, d.availableValues);\n                          }}\n                        >\n                          Select all options\n                        </button>\n                      ) : null}\n                    </>\n                  )}\n                </div>\n              ))}\n              {highlightDataPointSettings ? (\n                <div\n                  style={{\n                    width:\n                      highlightDataPointSettings.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: highlightDataPointSettings.width ? 0 : 1,\n                    flexShrink: 0,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                >\n                  <Label className='mb-2'>\n                    {highlightDataPointSettings.label || 'Highlight data'}\n                  </Label>\n                  <DropdownSelect\n                    options={highlightedDataPointOptions}\n                    variant={uiMode}\n                    size='sm'\n                    isMulti\n                    isClearable\n                    isSearchable\n                    controlShouldRenderValue\n                    filterOption={createFilter(filterConfig)}\n                    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    onChange={(el: any) => {\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      setHighlightedDataPointList(el?.map((d: any) => d.value));\n                    }}\n                    value={highlightedDataPointList?.map((d) => ({\n                      label: d,\n                      value: d,\n                    }))}\n                    defaultValue={highlightDataPointSettings.defaultValues?.map((d) => ({\n                      label: d,\n                      value: d,\n                    }))}\n                  />\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n          <ThreeDGraphEl\n            graph={graphType}\n            graphData={graphData}\n            graphDataConfiguration={graphConfig}\n            debugMode={debugMode}\n            readableHeader={readableHeader || []}\n            updateFilters={updateFilters}\n            settings={{\n              ...(graphSettings || {}),\n              ...advancedGraphSettings,\n              graphTitle: undefined,\n              graphDescription: undefined,\n              graphDownload: false,\n              dataDownload: false,\n              backgroundColor: undefined,\n              padding: '0',\n              width: undefined,\n              height: undefined,\n              relativeHeight: undefined,\n              minHeight: undefined,\n              theme: graphSettings?.theme,\n              ...(highlightedDataPointList\n                ? {\n                    highlightedDataPoints: highlightedDataPointList,\n                    highlightedIds: highlightedDataPointList?.map((d) => `${d}`),\n                    highlightedLines: highlightedDataPointList?.map((d) => d),\n                  }\n                : {}),\n            }}\n          />\n        </>\n      ) : (\n        <div className='w-full flex justify-center p-4'>\n          <Spinner />\n        </div>\n      )}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/SingleGraphDashboardThreeDGraphs.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-D4pAp7u0.cjs"),u=require("react"),le=require("./index-CyZ1lmi_.cjs"),F=require("./index-BS2TADPj.cjs"),ie=require("./index-DQA8q5sC.cjs"),w=require("./DropdownSelect-CX1yMemd.cjs"),g=require("./checkIfMultiple-CH5tqj4q.cjs"),ne=require("./Spinner-WHzzloYQ.cjs"),W=require("./Typography-BqmyF1gP.cjs"),oe=require("./ThreeDGlobe.cjs"),k=require("./fetchAndParseData-QTF6tjij.cjs"),Z=require("./transformDataForAggregation-BFdha9Dx.cjs"),J=require("./getUniqValue-NX8DgwND.cjs"),re=require("./GraphHeader.cjs"),K=require("./filterData-T5DQBE9b.cjs"),se=require("./getGraphList-DQ24IzAn.cjs"),Q=require("./transformDataForSelect-YmStusCI.cjs"),ue=require("./GraphContainer-Cul9b74X.cjs");function ce(y){const t=i.compilerRuntimeExports.c(24),{settings:a,graph:m,graphData:d,debugMode:S,graphDataConfiguration:o,readableHeader:E,updateFilters:I}=y;if(S&&(console.log(`Graph: ${m}`),console.log("Transformed data:",d),console.log("Settings:",a)),typeof d=="string"){const b=`flex my-0 mx-auto grow flex-col justify-center ${a?.width?"w-fit":"w-full"}`;let x;t[0]===Symbol.for("react.memo_cache_sentinel")?(x={height:"inherit"},t[0]=x):x=t[0];let c;t[1]!==d?(c=i.jsxRuntimeExports.jsx(W._,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:d}),t[1]=d,t[2]=c):c=t[2];let D;return t[3]!==b||t[4]!==c?(D=i.jsxRuntimeExports.jsx("div",{className:b,style:x,children:c}),t[3]=b,t[4]=c,t[5]=D):D=t[5],D}let v;t[6]===Symbol.for("react.memo_cache_sentinel")?(v={threeDGlobe:oe.ThreeDGlobe},t[6]=v):v=t[6];const A=v;let V;t[7]!==d||t[8]!==o||t[9]!==E||t[10]!==a||t[11]!==I?(V=b=>b==="threeDGlobe"?{numberDisplayOptions:a?.numberDisplayOptions,globeOffset:a?.globeOffset,collapseColorScaleByDefault:a?.collapseColorScaleByDefault,polygonAltitude:a?.polygonAltitude,highlightedIds:a?.highlightedIds,scale:a?.scale,theme:a?.theme,resetSelectionOnDoubleClick:a?.resetSelectionOnDoubleClick,graphTitle:a?.graphTitle,mapData:a?.mapData,graphDescription:a?.graphDescription,footNote:a?.footNote,width:a?.width,height:a?.height,sources:a?.sources,colorDomain:a?.colorDomain,colors:a?.colors,colorLegendTitle:Object.keys(a||{}).indexOf("colorLegendTitle")!==-1?a?.colorLegendTitle:g.getValues("x",o||[],E||[]),scaleType:a?.scaleType,data:d,centerPoint:a?.centerPoint,backgroundColor:a?.backgroundColor,mapNoDataColor:a?.mapNoDataColor,mapBorderColor:a?.mapBorderColor,relativeHeight:a?.relativeHeight,padding:a?.padding,tooltip:a?.tooltip,showColorScale:a?.showColorScale,graphID:a?.graphID,dataDownload:a?.dataDownload,mapProperty:a?.mapProperty,language:a?.language,minHeight:a?.minHeight,ariaLabel:a?.ariaLabel,onSeriesMouseClick:x=>{I?.(x.id)},detailsOnClick:a?.detailsOnClick,styles:a?.styles,classNames:a?.classNames,autoRotate:a?.autoRotate,globeMaterial:a?.globeMaterial,atmosphereColor:a?.atmosphereColor,enableZoom:a?.enableZoom,atmosphereAltitude:a?.atmosphereAltitude,globeCurvatureResolution:a?.globeCurvatureResolution,fogSettings:a?.fogSetting,lights:a?.lights,highlightedAltitude:a?.highlightedAltitude,selectedId:a?.selectedId}:{},t[7]=d,t[8]=o,t[9]=E,t[10]=a,t[11]=I,t[12]=V):V=t[12];const h=V,T=A[m];let p;t[13]!==h||t[14]!==m?(p=h(m),t[13]=h,t[14]=m,t[15]=p):p=t[15];const f=p,G=`grow my-0 mx-auto flex flex-col w-full justify-center ${a?.theme||"light"}`;let R;t[16]===Symbol.for("react.memo_cache_sentinel")?(R={minHeight:"inherit"},t[16]=R):R=t[16];let s;t[17]!==T||t[18]!==m||t[19]!==f?(s=T?i.jsxRuntimeExports.jsx(T,{...f}):i.jsxRuntimeExports.jsx(W._,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:`Invalid chart type: ${m}`}),t[17]=T,t[18]=m,t[19]=f,t[20]=s):s=t[20];let N;return t[21]!==G||t[22]!==s?(N=i.jsxRuntimeExports.jsx("div",{className:G,style:R,children:s}),t[21]=G,t[22]=s,t[23]=N):N=t[23],N}const L=(y,t)=>{const a=t?.map(m=>{const d=y?.findIndex(o=>o.chartConfigId===m.chartConfigId);if(d===-1)return{};const S=y[d]?.allowedColumnIds?.findIndex(o=>o.value===m.columnId);return S===-1?{}:y[d].allowedColumnIds[S].graphSettings||{}})||[];return Object.assign({},...a)};function de(y){const{graphSettings:t,dataSettings:a,filters:m,graphType:d,dataTransform:S,graphDataConfiguration:o,dataFilters:E,debugMode:I,dataSelectionOptions:v,advancedDataSelectionOptions:A,readableHeader:V,noOfFiltersPerRow:h=4,updateFilters:T,uiMode:p="normal",highlightDataPointSettings:f}=y,[G,R]=u.useState(void 0),[s,N]=u.useState(void 0),[b,x]=u.useState(o),[c,D]=u.useState({}),[$,X]=u.useState(void 0),[Y,_]=u.useState([]),M=u.useRef(null),U=u.useRef(o),[O,z]=u.useState([]),H={ignoreCase:!0,ignoreAccents:!0,trim:!0},B=u.useEffectEvent(()=>{const e=(m||[]).map(r=>({filter:r.column,label:r.label||`Filter by ${r.column}`,singleSelect:r.singleSelect,clearable:r.clearable,defaultValue:Q.transformDefaultValue(r.defaultValue),value:Q.transformDefaultValue(r.defaultValue),availableValues:J.getUniqValue(s,r.column).filter(l=>!r.excludeValues?.includes(`${l}`)).map(l=>({value:l,label:l})),allowSelectAll:r.allowSelectAll,width:r.width}));z(e)});u.useEffect(()=>{(async()=>{try{const r=a.dataURL?typeof a.dataURL=="string"?a.fileType==="json"?await k.fetchAndParseJSON(a.dataURL,a.columnsToArray,a.dataTransformation,I):a.fileType==="api"?await k.fetchAndTransformDataFromAPI(a.dataURL,a.apiHeaders,a.columnsToArray,a.dataTransformation,I):await k.fetchAndParseCSV(a.dataURL,a.dataTransformation,a.columnsToArray,I,a.delimiter,!0):await k.fetchAndParseMultipleDataSources(a.dataURL,a.idColumnTitle):await k.transformColumnsToArray(a.data,a.columnsToArray);N(r)}catch(r){console.error("Data fetching error:",r)}})(),B()},[a,I]),u.useEffect(()=>{B()},[m,s]);const ee=u.useEffectEvent(()=>{if(!s||O.length===0)R(s);else{const e=s.filter(r=>O.every(l=>l.value&&F.flattenDeep([l.value]).length>0?le.intersection(F.flattenDeep([r[l.filter]]),F.flattenDeep([l.value]).map(n=>n.value)).length>0:!0));R(e)}});u.useEffect(()=>{ee()},[O,s]),u.useEffect(()=>{v&&D(L(v,o))},[v,o]);const te=u.useEffectEvent(()=>{f?.column&&G&&_(J.getUniqValue(G,f.column).filter(e=>!f?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))});u.useEffect(()=>{te()},[f]),u.useEffect(()=>{ie.isEqual(U.current,o)||(x(o),U.current=o)},[o]);const P=(e,r)=>{z(l=>l.map(n=>n.filter===e?{...n,value:r}:n))},ae=s?Z.transformDataForGraph(S?Z.transformDataForAggregation(K.filterData(s,E||[]),S.keyColumn,S.aggregationColumnsSetting):K.filterData(s,E||[]),d,b):void 0;return i.jsxRuntimeExports.jsx(ue.GraphContainer,{className:t?.classNames?.graphContainer,style:t?.styles?.graphContainer,id:t?.graphID,ref:M,"aria-label":t?.ariaLabel,backgroundColor:t?.backgroundColor??!1,theme:t?.theme||"light",language:t?.language||"en",width:t?.width,height:t?.height,padding:t?.padding,minHeight:t?.minHeight,relativeHeight:t?.relativeHeight,children:s||se.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(d)!==-1?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[c?.graphTitle||c?.graphDescription||t?.graphTitle||t?.graphDescription||t?.graphDownload||t?.dataDownload?i.jsxRuntimeExports.jsx(re.GraphHeader,{styles:{title:c?.styles?.title||t?.styles?.title,description:c?.styles?.description||t?.styles?.description},classNames:{title:c?.classNames?.title||t?.classNames?.title,description:c?.classNames?.description||t?.classNames?.description},graphTitle:c?.graphTitle||t?.graphTitle,graphDescription:c?.graphDescription||t?.graphDescription,width:c?.width||t?.width,graphDownload:t?.graphDownload?M:void 0,dataDownload:t?.dataDownload&&s&&s.length>0?s:null}):null,O.length!==0||(v||[]).length!==0||(A||[]).length!==0||f?i.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-start gap-x-4 gap-y-0 w-full",children:[A?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(g.b,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?i.jsxRuntimeExports.jsx(w.ja,{options:e.options.map(l=>({...l,value:l.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:l=>{D(l?.graphSettings||{}),x(l?.dataConfiguration)}}):i.jsxRuntimeExports.jsx(g.ye,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:p,onValueChange:l=>{const n=e.options[e.options.findIndex(j=>j.label===l)];D(n.graphSettings||{}),x(n.dataConfiguration)},children:e.options.map((l,n)=>i.jsxRuntimeExports.jsx(g.he,{label:l.label,value:l.label},n))})]},r)),v?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(g.b,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),g.checkIfMultiple(e.chartConfigId,b||[])?e.ui!=="radio"?i.jsxRuntimeExports.jsx(w.ja,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:o?o[o.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId.map(l=>e.allowedColumnIds[e.allowedColumnIds.findIndex(n=>n.value===l)]):void 0,filterOption:w.Du(H),onChange:l=>{const n={columnId:(l||[]).map(C=>C.value),chartConfigId:e.chartConfigId},j=b?.map(C=>C.chartConfigId===n.chartConfigId?n:C);x(j)}}):i.jsxRuntimeExports.jsx(g.$,{variant:p,defaultValue:o?o[o.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId.map(l=>e.allowedColumnIds[e.allowedColumnIds.findIndex(n=>n.value===l)]).map(l=>l.value):[],onValueChange:l=>{const n={columnId:l||[],chartConfigId:e.chartConfigId},j=b?.map(C=>C.chartConfigId===n.chartConfigId?n:C);x(j)},children:e.allowedColumnIds.map((l,n)=>i.jsxRuntimeExports.jsx(g.P,{label:l.label,value:l.label},n))}):e.ui!=="radio"?i.jsxRuntimeExports.jsx(w.ja,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:o?e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===o[o.findIndex(n=>n.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:l=>{const n={columnId:l?.value,chartConfigId:e.chartConfigId},j=b?.map(C=>C.chartConfigId===n.chartConfigId?n:C);D(L(v,j)),x(j)}}):i.jsxRuntimeExports.jsx(g.ye,{variant:p,defaultValue:o?e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===o[o.findIndex(n=>n.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:l=>{const j={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(q=>q.label===l)].value,chartConfigId:e.chartConfigId},C=b?.map(q=>q.chartConfigId===j.chartConfigId?j:q);D(L(v,C)),x(C)},children:e.allowedColumnIds.map((l,n)=>i.jsxRuntimeExports.jsx(g.he,{label:l.label,value:l.label},n))})]},r)),O?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(g.b,{className:"mb-2",children:e.label}),e.singleSelect?e.ui!=="radio"?i.jsxRuntimeExports.jsx(w.ja,{options:e.availableValues,variant:p,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:w.Du(H),onChange:l=>{P(e.filter,l)},value:e.value,defaultValue:e.defaultValue}):i.jsxRuntimeExports.jsx(g.ye,{variant:p,defaultValue:e.defaultValue.value,onValueChange:l=>{P(e.filter,e.availableValues.filter(n=>n.value===l))},children:e.availableValues.map((l,n)=>i.jsxRuntimeExports.jsx(g.he,{label:`${l.label}`,value:`${l.value}`},n))}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?i.jsxRuntimeExports.jsx(w.ja,{options:e.availableValues,variant:p,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:w.Du(H),onChange:l=>{P(e.filter,l)},value:e.value,defaultValue:e.defaultValue}):i.jsxRuntimeExports.jsx(g.$,{variant:p,defaultValue:e.defaultValue?e.defaultValue.map(l=>`${l.value}`):[],value:e.value?e.value.map(l=>`${l.value}`):void 0,onValueChange:l=>{P(e.filter,e.availableValues.filter(n=>l.indexOf(`${n.value}`)!==-1))},children:e.availableValues.map((l,n)=>i.jsxRuntimeExports.jsx(g.P,{label:`${l.label}`,value:`${l.value}`},n))}),e.allowSelectAll?i.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400",onClick:()=>{P(e.filter,e.availableValues)},children:"Select all options"}):null]})]},r)),f?i.jsxRuntimeExports.jsxs("div",{style:{width:f.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:f.width?0:1,flexShrink:0,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(g.b,{className:"mb-2",children:f.label||"Highlight data"}),i.jsxRuntimeExports.jsx(w.ja,{options:Y,variant:p,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:w.Du(H),onChange:e=>{X(e?.map(r=>r.value))},value:$?.map(e=>({label:e,value:e})),defaultValue:f.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,i.jsxRuntimeExports.jsx(ce,{graph:d,graphData:ae,graphDataConfiguration:b,debugMode:I,readableHeader:V||[],updateFilters:T,settings:{...t||{},...c,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",width:void 0,height:void 0,relativeHeight:void 0,minHeight:void 0,theme:t?.theme,...$?{highlightedDataPoints:$,highlightedIds:$?.map(e=>`${e}`),highlightedLines:$?.map(e=>e)}:{}}})]}):i.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:i.jsxRuntimeExports.jsx(ne.w,{})})})}exports.SingleGraphDashboardThreeDGraphs=de;
-//# sourceMappingURL=SingleGraphDashboardThreeDGraphs.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./SingleGraphDashboardThreeDGraphs-qstwmomC.cjs`);exports.SingleGraphDashboardThreeDGraphs=e.t;