@undp/data-viz 1.4.14 → 1.4.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/DualAxisLineChart.cjs +1 -1
  2. package/dist/DualAxisLineChart.cjs.map +1 -1
  3. package/dist/DualAxisLineChart.js +2 -2
  4. package/dist/DualAxisLineChart.js.map +1 -1
  5. package/dist/GraphEl-Bz2jatkM.cjs +2 -0
  6. package/dist/GraphEl-Bz2jatkM.cjs.map +1 -0
  7. package/dist/{GraphEl-N6vuMRw_.js → GraphEl-zNOHBYrK.js} +3 -3
  8. package/dist/GraphEl-zNOHBYrK.js.map +1 -0
  9. package/dist/GriddedGraphs.cjs +1 -1
  10. package/dist/GriddedGraphs.js +1 -1
  11. package/dist/ParetoChart.cjs +1 -1
  12. package/dist/ParetoChart.cjs.map +1 -1
  13. package/dist/ParetoChart.js +2 -2
  14. package/dist/ParetoChart.js.map +1 -1
  15. package/dist/SingleGraphDashboard.cjs +1 -1
  16. package/dist/SingleGraphDashboard.js +1 -1
  17. package/package.json +1 -1
  18. package/dist/GraphEl-N6vuMRw_.js.map +0 -1
  19. package/dist/GraphEl-Zl0W-LK9.cjs +0 -2
  20. package/dist/GraphEl-Zl0W-LK9.cjs.map +0 -1
package/dist/ParetoChart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ParetoChart.js","sources":["../src/Components/Graphs/ParetoChart/Graph.tsx","../src/Components/Graphs/ParetoChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport {\r\n line,\r\n curveMonotoneX,\r\n curveLinear,\r\n curveStep,\r\n curveStepAfter,\r\n curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleBand, scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CurveTypes,\r\n CustomLayerDataType,\r\n ParetoChartDataType,\r\n StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\n\r\ninterface Props {\r\n data: ParetoChartDataType[];\r\n barColor: string;\r\n lineColor: string;\r\n axisTitles: [string, string];\r\n width: number;\r\n height: number;\r\n rightMargin: number;\r\n leftMargin: number;\r\n topMargin: number;\r\n bottomMargin: number;\r\n sameAxes: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n barPadding: number;\r\n truncateBy: number;\r\n showLabels: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n resetSelectionOnDoubleClick: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n noOfTicks: number;\r\n lineSuffix: string;\r\n barSuffix: string;\r\n linePrefix: string;\r\n showValues: boolean;\r\n barPrefix: string;\r\n curveType: CurveTypes;\r\n styles?: StyleObject;\r\n classNames?: ClassNameObject;\r\n animate: AnimateDataType;\r\n precision: number;\r\n naLabel: string;\r\n customLayers: CustomLayerDataType[];\r\n showAxisLabels: boolean;\r\n}\r\ninterface DataFormattedType {\r\n id: string;\r\n label: number | string;\r\n line?: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n width,\r\n height,\r\n barColor,\r\n lineColor,\r\n axisTitles,\r\n sameAxes,\r\n rightMargin,\r\n leftMargin,\r\n topMargin,\r\n bottomMargin,\r\n tooltip,\r\n showValues,\r\n onSeriesMouseOver,\r\n barPadding,\r\n truncateBy,\r\n showLabels,\r\n onSeriesMouseClick,\r\n resetSelectionOnDoubleClick,\r\n detailsOnClick,\r\n noOfTicks,\r\n lineSuffix,\r\n barSuffix,\r\n linePrefix,\r\n barPrefix,\r\n curveType,\r\n styles,\r\n classNames,\r\n animate,\r\n precision,\r\n customLayers,\r\n naLabel,\r\n showAxisLabels,\r\n } = props;\r\n const svgRef = useRef(null);\r\n const isInView = useInView(svgRef, {\r\n once: animate.once,\r\n amount: animate.amount,\r\n });\r\n const curve =\r\n curveType === 'linear'\r\n ? curveLinear\r\n : curveType === 'step'\r\n ? curveStep\r\n : curveType === 'stepAfter'\r\n ? curveStepAfter\r\n : curveType === 'stepBefore'\r\n ? curveStepBefore\r\n : curveMonotoneX;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n const margin = {\r\n top: topMargin,\r\n bottom: bottomMargin,\r\n left: leftMargin + 50,\r\n right: rightMargin + 65,\r\n };\r\n const graphWidth = width - margin.left - margin.right;\r\n const graphHeight = height - margin.top - margin.bottom;\r\n\r\n const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n const x = scaleBand()\r\n .domain(dataWithId.map(d => `${d.id}`))\r\n .range([0, graphWidth])\r\n .paddingInner(barPadding);\r\n const minParam1 =\r\n Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) > 0\r\n ? 0\r\n : Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const minParam2 =\r\n Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) > 0\r\n ? 0\r\n : Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const maxParam1 =\r\n Math.max(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.max(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const maxParam2 =\r\n Math.max(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.max(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n\r\n const minParam = minParam1 < minParam2 ? minParam1 : minParam2;\r\n const maxParam = maxParam1 > maxParam2 ? maxParam1 : maxParam2;\r\n\r\n const y1 = scaleLinear()\r\n .domain([\r\n sameAxes ? minParam : minParam1,\r\n sameAxes ? (maxParam > 0 ? maxParam : 0) : maxParam1 > 0 ? maxParam1 : 0,\r\n ])\r\n .range([graphHeight, 0])\r\n .nice();\r\n const y2 = scaleLinear()\r\n .domain([\r\n sameAxes ? minParam : minParam2,\r\n sameAxes ? (maxParam > 0 ? maxParam : 0) : maxParam2 > 0 ? maxParam2 : 0,\r\n ])\r\n .range([graphHeight, 0])\r\n .nice();\r\n\r\n const lineShape = line<DataFormattedType>()\r\n .defined(d => !checkIfNullOrUndefined(d.line))\r\n .x(d => (x(`${d.id}`) as number) + x.bandwidth() / 2)\r\n .y(d => y2(d.line as number))\r\n .curve(curve);\r\n const y1Ticks = y1.ticks(noOfTicks);\r\n const y2Ticks = y2.ticks(noOfTicks);\r\n return (\r\n <>\r\n <motion.svg\r\n width={`${width}px`}\r\n height={`${height}px`}\r\n viewBox={`0 0 ${width} ${height}`}\r\n direction='ltr'\r\n ref={svgRef}\r\n >\r\n <g transform={`translate(${margin.left},${margin.top})`}>\r\n <g>\r\n {y1Ticks.map((d, i) => (\r\n <g key={i}>\r\n <line\r\n y1={y1(d)}\r\n y2={y1(d)}\r\n x1={-15}\r\n x2={-20}\r\n style={{\r\n stroke: barColor,\r\n strokeWidth: 1,\r\n ...(styles?.yAxis?.gridLines || {}),\r\n }}\r\n className={classNames?.yAxis?.gridLines}\r\n />\r\n <text\r\n x={0 - 25}\r\n y={y1(d)}\r\n dy='0.33em'\r\n className={cn('text-xs', classNames?.yAxis?.labels)}\r\n style={{\r\n textAnchor: 'end',\r\n fill: barColor,\r\n ...(styles?.yAxis?.labels || {}),\r\n }}\r\n >\r\n {numberFormattingFunction(d, naLabel, precision, barPrefix, barSuffix)}\r\n </text>\r\n </g>\r\n ))}\r\n <Axis\r\n y1={0}\r\n y2={graphHeight}\r\n x1={-15}\r\n x2={-15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: { stroke: barColor, ...(styles?.xAxis?.axis || {}) } }}\r\n />\r\n {showAxisLabels ? (\r\n <AxisTitle\r\n x={10 - margin.left}\r\n y={graphHeight / 2}\r\n style={{ fill: barColor, ...(styles?.yAxis?.title || {}) }}\r\n className={classNames?.yAxis?.title}\r\n text={\r\n axisTitles[0].length > 100\r\n ? `${axisTitles[0].substring(0, 100)}...`\r\n : axisTitles[0]\r\n }\r\n rotate90\r\n />\r\n ) : null}\r\n </g>\r\n <g>\r\n {y2Ticks.map((d, i) => (\r\n <g key={i}>\r\n <line\r\n y1={y2(d)}\r\n y2={y2(d)}\r\n x1={graphWidth + 15}\r\n x2={graphWidth + 20}\r\n style={{\r\n stroke: lineColor,\r\n strokeWidth: 1,\r\n ...(styles?.yAxis?.gridLines || {}),\r\n }}\r\n className={classNames?.yAxis?.gridLines}\r\n />\r\n <text\r\n x={graphWidth + 25}\r\n y={y2(d)}\r\n dy='0.33em'\r\n dx={-2}\r\n style={{\r\n textAnchor: 'start',\r\n fill: lineColor,\r\n ...(styles?.yAxis?.labels || {}),\r\n }}\r\n className={cn('text-xs', classNames?.yAxis?.labels)}\r\n >\r\n {numberFormattingFunction(d, naLabel, precision, linePrefix, lineSuffix)}\r\n </text>\r\n </g>\r\n ))}\r\n <Axis\r\n y1={0}\r\n y2={graphHeight}\r\n x1={graphWidth + 15}\r\n x2={graphWidth + 15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: { stroke: lineColor, ...(styles?.xAxis?.axis || {}) } }}\r\n />\r\n {showAxisLabels ? (\r\n <AxisTitle\r\n x={graphWidth + margin.right - 15}\r\n y={graphHeight / 2}\r\n style={{ fill: lineColor, ...(styles?.yAxis?.title || {}) }}\r\n className={classNames?.yAxis?.title}\r\n text={\r\n axisTitles[1].length > 100\r\n ? `${axisTitles[1].substring(0, 100)}...`\r\n : axisTitles[1]\r\n }\r\n rotate90\r\n />\r\n ) : null}\r\n </g>\r\n <Axis\r\n y1={sameAxes ? y1(0) : graphHeight}\r\n y2={sameAxes ? y1(0) : graphHeight}\r\n x1={-15}\r\n x2={graphWidth + 15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: styles?.xAxis?.axis }}\r\n />\r\n {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n <AnimatePresence>\r\n {dataWithId.map((d, i) => {\r\n return (\r\n <motion.g\r\n className='undp-viz-g-with-hover'\r\n key={d.label}\r\n opacity={0.85}\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n >\r\n <motion.rect\r\n variants={{\r\n initial: {\r\n attrY: y1(0),\r\n height: 0,\r\n opacity: 1,\r\n },\r\n whileInView: {\r\n attrY: d.bar ? (d.bar > 0 ? y1(d.bar) : y1(0)) : 0,\r\n height: d.bar ? Math.abs(y1(d.bar) - y1(0)) : 0,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{\r\n attrY: y1(0),\r\n height: 0,\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n x={x(`${i}`)}\r\n width={x.bandwidth()}\r\n style={{ fill: barColor }}\r\n />\r\n {showValues && !checkIfNullOrUndefined(d.bar) ? (\r\n <motion.text\r\n x={(x(`${d.id}`) as number) + x.bandwidth() / 2}\r\n exit={{\r\n attrY: y1(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n attrY: y1(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n attrY: y1(d.bar || 0),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n style={{\r\n fill: barColor,\r\n textAnchor: 'middle',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n dy={d.bar ? (d.bar >= 0 ? '-5px' : '1em') : '-5px'}\r\n >\r\n {numberFormattingFunction(d.bar, naLabel, precision, barPrefix, barSuffix)}\r\n </motion.text>\r\n ) : null}\r\n {showLabels ? (\r\n <XAxesLabels\r\n value={\r\n `${d.label}`.length < truncateBy\r\n ? `${d.label}`\r\n : `${`${d.label}`.substring(0, truncateBy)}...`\r\n }\r\n y={graphHeight + 5}\r\n x={x(`${d.id}`) as number}\r\n width={x.bandwidth()}\r\n height={margin.bottom}\r\n style={styles?.xAxis?.labels}\r\n className={classNames?.xAxis?.labels}\r\n alignment='top'\r\n animate={animate}\r\n isInView={isInView}\r\n />\r\n ) : null}\r\n </motion.g>\r\n );\r\n })}\r\n <motion.path\r\n exit={{\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n d: lineShape(dataWithId.map(d => ({ ...d, line: 0 }))) as string,\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n d: lineShape(dataWithId) as string,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n style={{\r\n stroke: lineColor,\r\n fill: 'none',\r\n strokeWidth: 2,\r\n }}\r\n />\r\n {dataWithId.map((d, i) => (\r\n <g key={i}>\r\n {!checkIfNullOrUndefined(d.line) ? (\r\n <g\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n >\r\n <motion.circle\r\n exit={{\r\n cy: y2(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n cy: y2(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n cy: y2(d.line as number),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n cx={(x(d.id) as number) + x.bandwidth() / 2}\r\n r={\r\n graphWidth / dataWithId.length < 5\r\n ? 0\r\n : graphWidth / dataWithId.length < 20\r\n ? 2\r\n : 4\r\n }\r\n style={{ fill: lineColor }}\r\n />\r\n {showValues ? (\r\n <motion.text\r\n x={(x(`${d.id}`) as number) + x.bandwidth() / 2}\r\n exit={{\r\n y: y2(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n style={{\r\n fill: lineColor,\r\n textAnchor: 'middle',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n variants={{\r\n initial: {\r\n y: y2(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n y: y2(d.line as number),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n dy='-5px'\r\n >\r\n {numberFormattingFunction(\r\n d.line,\r\n naLabel,\r\n precision,\r\n linePrefix,\r\n lineSuffix,\r\n )}\r\n </motion.text>\r\n ) : null}\r\n </g>\r\n ) : null}\r\n </g>\r\n ))}\r\n </AnimatePresence>\r\n {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n </g>\r\n </motion.svg>\r\n {mouseOverData && tooltip && eventX && eventY ? (\r\n <Tooltip\r\n data={mouseOverData}\r\n body={tooltip}\r\n xPos={eventX}\r\n yPos={eventY}\r\n backgroundStyle={styles?.tooltip}\r\n className={classNames?.tooltip}\r\n />\r\n ) : null}\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <Modal\r\n open={mouseClickData !== undefined}\r\n onClose={() => {\r\n setMouseClickData(undefined);\r\n }}\r\n >\r\n <div\r\n className='graph-modal-content m-0'\r\n dangerouslySetInnerHTML={\r\n typeof detailsOnClick === 'string'\r\n ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n : undefined\r\n }\r\n >\r\n {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n </div>\r\n </Modal>\r\n ) : null}\r\n </>\r\n );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\r\nimport {\r\n Languages,\r\n ParetoChartDataType,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n CurveTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects */\r\n data: ParetoChartDataType[];\r\n\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 /** Color of the bars */\r\n barColor?: string;\r\n /** Color of the line */\r\n lineColor?: string;\r\n /** Title for the color legend */\r\n colorLegendTitle?: string;\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 /** Left margin of the graph */\r\n leftMargin?: number;\r\n /** Right margin of the graph */\r\n rightMargin?: number;\r\n /** Top margin of the graph */\r\n topMargin?: number;\r\n /** Bottom margin of the graph */\r\n bottomMargin?: number;\r\n /** Padding between bars */\r\n barPadding?: number;\r\n\r\n // Values and Ticks\r\n /** Suffix for values of the lines */\r\n lineSuffix?: string;\r\n /** Suffix for values of the bars */\r\n barSuffix?: string;\r\n /** Prefix for values of the lines */\r\n linePrefix?: string;\r\n /** Prefix for values of the bars */\r\n barPrefix?: string;\r\n /** Truncate labels by specified length */\r\n truncateBy?: number;\r\n /** Number of ticks on the axis */\r\n noOfTicks?: number;\r\n\r\n // Graph Parameters\r\n /** Toggle visibility of labels */\r\n showLabels?: boolean;\r\n /** Toggle visibility of values */\r\n showValues?: boolean;\r\n /** Curve type for the line */\r\n curveType?: CurveTypes;\r\n /** Enables same axis for bars and line */\r\n sameAxes?: boolean;\r\n /** Toggle visibility of color scale. */\r\n showColorScale?: boolean;\r\n /** Toggle visibility of labels of the axis. */\r\n showAxisLabels?: boolean;\r\n /** Title for the bar axis */\r\n barAxisTitle?: string;\r\n /** Title for the line axis */\r\n lineAxisTitle?: string;\r\n /** Defines how “NA” values should be displayed/labelled in the graph */\r\n naLabel?: string;\r\n /** Toggles if the graph animates in when loaded. */\r\n animate?: boolean | AnimateDataType;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n customLayers?: CustomLayerDataType[];\r\n /** Enable graph download option as png */\r\n graphDownload?: boolean;\r\n /** Enable data download option as a csv */\r\n dataDownload?: boolean;\r\n /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n /** Callback for mouse over event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /** Callback for mouse click event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function ParetoChart(props: Props) {\r\n const {\r\n data,\r\n graphTitle,\r\n sources,\r\n graphDescription,\r\n height,\r\n width,\r\n footNote,\r\n padding,\r\n lineColor = Colors.light.categoricalColors.colors[1],\r\n barColor = Colors.light.categoricalColors.colors[0],\r\n sameAxes = false,\r\n backgroundColor = false,\r\n leftMargin = 80,\r\n rightMargin = 80,\r\n topMargin = 20,\r\n bottomMargin = 25,\r\n lineAxisTitle = 'Line chart',\r\n barAxisTitle = 'Bar graph',\r\n tooltip,\r\n relativeHeight,\r\n onSeriesMouseOver,\r\n graphID,\r\n graphDownload = false,\r\n dataDownload = false,\r\n barPadding = 0.25,\r\n truncateBy = 999,\r\n showLabels = true,\r\n onSeriesMouseClick,\r\n language = 'en',\r\n colorLegendTitle,\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n showValues = true,\r\n noOfTicks = 5,\r\n lineSuffix = '',\r\n barSuffix = '',\r\n linePrefix = '',\r\n barPrefix = '',\r\n curveType = 'curve',\r\n styles,\r\n classNames,\r\n animate = false,\r\n precision = 2,\r\n customLayers = [],\r\n naLabel = 'NA',\r\n showColorScale = true,\r\n showAxisLabels = true,\r\n } = props;\r\n\r\n const [svgWidth, setSvgWidth] = useState(0);\r\n const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n });\r\n if (graphDiv.current) {\r\n setSvgHeight(graphDiv.current.clientHeight || 480);\r\n setSvgWidth(graphDiv.current.clientWidth || 620);\r\n if (!width) resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, [width, height]);\r\n\r\n return (\r\n <div\r\n className={`${theme || 'light'} flex ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\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 }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n width ? 'w-fit' : 'w-full',\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={\r\n ariaLabel ||\r\n `${\r\n graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n }This is a pareto chart that shows a variable as bars and another as line chart.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n >\r\n <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n {graphTitle || graphDescription || graphDownload || dataDownload ? (\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 graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n {data.length === 0 ? (\r\n <EmptyState />\r\n ) : (\r\n <>\r\n {showColorScale ? null : (\r\n <ColorLegend\r\n colorDomain={[barAxisTitle, lineAxisTitle]}\r\n colors={[\r\n barColor || Colors[theme].categoricalColors.colors[0],\r\n lineColor || Colors[theme].categoricalColors.colors[1],\r\n ]}\r\n colorLegendTitle={colorLegendTitle}\r\n showNAColor={false}\r\n />\r\n )}\r\n <div\r\n className='flex flex-col grow justify-center leading-0'\r\n ref={graphDiv}\r\n aria-label='Graph area'\r\n >\r\n {(width || svgWidth) && (height || svgHeight) ? (\r\n <Graph\r\n data={data}\r\n sameAxes={sameAxes}\r\n lineColor={lineColor}\r\n barColor={barColor}\r\n width={width || svgWidth}\r\n height={Math.max(\r\n minHeight,\r\n height ||\r\n (relativeHeight\r\n ? minHeight\r\n ? (width || svgWidth) * relativeHeight > minHeight\r\n ? (width || svgWidth) * relativeHeight\r\n : minHeight\r\n : (width || svgWidth) * relativeHeight\r\n : svgHeight),\r\n )}\r\n truncateBy={truncateBy}\r\n leftMargin={leftMargin}\r\n rightMargin={rightMargin}\r\n topMargin={topMargin}\r\n bottomMargin={bottomMargin}\r\n axisTitles={[barAxisTitle, lineAxisTitle]}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n barPadding={barPadding}\r\n showLabels={showLabels}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n detailsOnClick={detailsOnClick}\r\n noOfTicks={noOfTicks}\r\n lineSuffix={lineSuffix}\r\n barSuffix={barSuffix}\r\n linePrefix={linePrefix}\r\n barPrefix={barPrefix}\r\n curveType={curveType}\r\n showValues={showValues}\r\n styles={styles}\r\n classNames={classNames}\r\n animate={\r\n animate === true\r\n ? { duration: 0.5, once: true, amount: 0.5 }\r\n : animate || { duration: 0, once: true, amount: 0 }\r\n }\r\n precision={precision}\r\n customLayers={customLayers}\r\n naLabel={naLabel}\r\n showAxisLabels={showAxisLabels}\r\n />\r\n ) : null}\r\n </div>\r\n </>\r\n )}\r\n </div>\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 </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["Graph","props","data","width","height","barColor","lineColor","axisTitles","sameAxes","rightMargin","leftMargin","topMargin","bottomMargin","tooltip","showValues","onSeriesMouseOver","barPadding","truncateBy","showLabels","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","noOfTicks","lineSuffix","barSuffix","linePrefix","barPrefix","curveType","styles","classNames","animate","precision","customLayers","naLabel","showAxisLabels","svgRef","useRef","isInView","useInView","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","dataWithId","d","i","x","scaleBand","minParam1","minParam2","maxParam1","maxParam2","minParam","maxParam","y1","scaleLinear","y2","lineShape","line","checkIfNullOrUndefined","y1Ticks","y2Ticks","jsxs","Fragment","jsx","motion","cn","numberFormattingFunction","Axis","AxisTitle","AnimatePresence","event","isEqual","XAxesLabels","Tooltip","Modal","string2HTML","ParetoChart","graphTitle","sources","graphDescription","footNote","padding","Colors","backgroundColor","lineAxisTitle","barAxisTitle","relativeHeight","graphID","graphDownload","dataDownload","language","colorLegendTitle","minHeight","theme","ariaLabel","showColorScale","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegend","GraphFooter"],"mappings":"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"}
1
+ {"version":3,"file":"ParetoChart.js","sources":["../src/Components/Graphs/ParetoChart/Graph.tsx","../src/Components/Graphs/ParetoChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport {\r\n line,\r\n curveMonotoneX,\r\n curveLinear,\r\n curveStep,\r\n curveStepAfter,\r\n curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleBand, scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CurveTypes,\r\n CustomLayerDataType,\r\n ParetoChartDataType,\r\n StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\n\r\ninterface Props {\r\n data: ParetoChartDataType[];\r\n barColor: string;\r\n lineColor: string;\r\n axisTitles: [string, string];\r\n width: number;\r\n height: number;\r\n rightMargin: number;\r\n leftMargin: number;\r\n topMargin: number;\r\n bottomMargin: number;\r\n sameAxes: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n barPadding: number;\r\n truncateBy: number;\r\n showLabels: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n resetSelectionOnDoubleClick: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n noOfTicks: number;\r\n lineSuffix: string;\r\n barSuffix: string;\r\n linePrefix: string;\r\n showValues: boolean;\r\n barPrefix: string;\r\n curveType: CurveTypes;\r\n styles?: StyleObject;\r\n classNames?: ClassNameObject;\r\n animate: AnimateDataType;\r\n precision: number;\r\n naLabel: string;\r\n customLayers: CustomLayerDataType[];\r\n showAxisLabels: boolean;\r\n}\r\ninterface DataFormattedType {\r\n id: string;\r\n label: number | string;\r\n line?: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n width,\r\n height,\r\n barColor,\r\n lineColor,\r\n axisTitles,\r\n sameAxes,\r\n rightMargin,\r\n leftMargin,\r\n topMargin,\r\n bottomMargin,\r\n tooltip,\r\n showValues,\r\n onSeriesMouseOver,\r\n barPadding,\r\n truncateBy,\r\n showLabels,\r\n onSeriesMouseClick,\r\n resetSelectionOnDoubleClick,\r\n detailsOnClick,\r\n noOfTicks,\r\n lineSuffix,\r\n barSuffix,\r\n linePrefix,\r\n barPrefix,\r\n curveType,\r\n styles,\r\n classNames,\r\n animate,\r\n precision,\r\n customLayers,\r\n naLabel,\r\n showAxisLabels,\r\n } = props;\r\n const svgRef = useRef(null);\r\n const isInView = useInView(svgRef, {\r\n once: animate.once,\r\n amount: animate.amount,\r\n });\r\n const curve =\r\n curveType === 'linear'\r\n ? curveLinear\r\n : curveType === 'step'\r\n ? curveStep\r\n : curveType === 'stepAfter'\r\n ? curveStepAfter\r\n : curveType === 'stepBefore'\r\n ? curveStepBefore\r\n : curveMonotoneX;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n const margin = {\r\n top: topMargin,\r\n bottom: bottomMargin,\r\n left: leftMargin + 50,\r\n right: rightMargin + 65,\r\n };\r\n const graphWidth = width - margin.left - margin.right;\r\n const graphHeight = height - margin.top - margin.bottom;\r\n\r\n const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n const x = scaleBand()\r\n .domain(dataWithId.map(d => `${d.id}`))\r\n .range([0, graphWidth])\r\n .paddingInner(barPadding);\r\n const minParam1 =\r\n Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) > 0\r\n ? 0\r\n : Math.min(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const minParam2 =\r\n Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) > 0\r\n ? 0\r\n : Math.min(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const maxParam1 =\r\n Math.max(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.max(...dataWithId.map(d => d.bar).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n const maxParam2 =\r\n Math.max(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null)) !== Infinity\r\n ? Math.max(...dataWithId.map(d => d.line).filter(d => d !== undefined && d !== null))\r\n : 0;\r\n\r\n const minParam = minParam1 < minParam2 ? minParam1 : minParam2;\r\n const maxParam = maxParam1 > maxParam2 ? maxParam1 : maxParam2;\r\n\r\n const y1 = scaleLinear()\r\n .domain([\r\n sameAxes ? minParam : minParam1,\r\n sameAxes ? (maxParam > 0 ? maxParam : 0) : maxParam1 > 0 ? maxParam1 : 0,\r\n ])\r\n .range([graphHeight, 0])\r\n .nice();\r\n const y2 = scaleLinear()\r\n .domain([\r\n sameAxes ? minParam : minParam2,\r\n sameAxes ? (maxParam > 0 ? maxParam : 0) : maxParam2 > 0 ? maxParam2 : 0,\r\n ])\r\n .range([graphHeight, 0])\r\n .nice();\r\n\r\n const lineShape = line<DataFormattedType>()\r\n .defined(d => !checkIfNullOrUndefined(d.line))\r\n .x(d => (x(`${d.id}`) as number) + x.bandwidth() / 2)\r\n .y(d => y2(d.line as number))\r\n .curve(curve);\r\n const y1Ticks = y1.ticks(noOfTicks);\r\n const y2Ticks = y2.ticks(noOfTicks);\r\n return (\r\n <>\r\n <motion.svg\r\n width={`${width}px`}\r\n height={`${height}px`}\r\n viewBox={`0 0 ${width} ${height}`}\r\n direction='ltr'\r\n ref={svgRef}\r\n >\r\n <g transform={`translate(${margin.left},${margin.top})`}>\r\n <g>\r\n {y1Ticks.map((d, i) => (\r\n <g key={i}>\r\n <line\r\n y1={y1(d)}\r\n y2={y1(d)}\r\n x1={-15}\r\n x2={-20}\r\n style={{\r\n stroke: barColor,\r\n strokeWidth: 1,\r\n ...(styles?.yAxis?.gridLines || {}),\r\n }}\r\n className={classNames?.yAxis?.gridLines}\r\n />\r\n <text\r\n x={0 - 25}\r\n y={y1(d)}\r\n dy='0.33em'\r\n className={cn('text-xs', classNames?.yAxis?.labels)}\r\n style={{\r\n textAnchor: 'end',\r\n fill: barColor,\r\n ...(styles?.yAxis?.labels || {}),\r\n }}\r\n >\r\n {numberFormattingFunction(d, naLabel, precision, barPrefix, barSuffix)}\r\n </text>\r\n </g>\r\n ))}\r\n <Axis\r\n y1={0}\r\n y2={graphHeight}\r\n x1={-15}\r\n x2={-15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: { stroke: barColor, ...(styles?.xAxis?.axis || {}) } }}\r\n />\r\n {showAxisLabels ? (\r\n <AxisTitle\r\n x={10 - margin.left}\r\n y={graphHeight / 2}\r\n style={{ fill: barColor, ...(styles?.yAxis?.title || {}) }}\r\n className={classNames?.yAxis?.title}\r\n text={\r\n axisTitles[0].length > 100\r\n ? `${axisTitles[0].substring(0, 100)}...`\r\n : axisTitles[0]\r\n }\r\n rotate90\r\n />\r\n ) : null}\r\n </g>\r\n <g>\r\n {y2Ticks.map((d, i) => (\r\n <g key={i}>\r\n <line\r\n y1={y2(d)}\r\n y2={y2(d)}\r\n x1={graphWidth + 15}\r\n x2={graphWidth + 20}\r\n style={{\r\n stroke: lineColor,\r\n strokeWidth: 1,\r\n ...(styles?.yAxis?.gridLines || {}),\r\n }}\r\n className={classNames?.yAxis?.gridLines}\r\n />\r\n <text\r\n x={graphWidth + 25}\r\n y={y2(d)}\r\n dy='0.33em'\r\n dx={-2}\r\n style={{\r\n textAnchor: 'start',\r\n fill: lineColor,\r\n ...(styles?.yAxis?.labels || {}),\r\n }}\r\n className={cn('text-xs', classNames?.yAxis?.labels)}\r\n >\r\n {numberFormattingFunction(d, naLabel, precision, linePrefix, lineSuffix)}\r\n </text>\r\n </g>\r\n ))}\r\n <Axis\r\n y1={0}\r\n y2={graphHeight}\r\n x1={graphWidth + 15}\r\n x2={graphWidth + 15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: { stroke: lineColor, ...(styles?.xAxis?.axis || {}) } }}\r\n />\r\n {showAxisLabels ? (\r\n <AxisTitle\r\n x={graphWidth + margin.right - 15}\r\n y={graphHeight / 2}\r\n style={{ fill: lineColor, ...(styles?.yAxis?.title || {}) }}\r\n className={classNames?.yAxis?.title}\r\n text={\r\n axisTitles[1].length > 100\r\n ? `${axisTitles[1].substring(0, 100)}...`\r\n : axisTitles[1]\r\n }\r\n rotate90\r\n />\r\n ) : null}\r\n </g>\r\n <Axis\r\n y1={sameAxes ? y1(0) : graphHeight}\r\n y2={sameAxes ? y1(0) : graphHeight}\r\n x1={-15}\r\n x2={graphWidth + 15}\r\n classNames={{ axis: classNames?.xAxis?.axis }}\r\n styles={{ axis: styles?.xAxis?.axis }}\r\n />\r\n {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n <AnimatePresence>\r\n {dataWithId.map((d, i) => {\r\n return (\r\n <motion.g\r\n className='undp-viz-g-with-hover'\r\n key={d.label}\r\n opacity={0.85}\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n >\r\n <motion.rect\r\n variants={{\r\n initial: {\r\n attrY: y1(0),\r\n height: 0,\r\n opacity: 1,\r\n },\r\n whileInView: {\r\n attrY: d.bar ? (d.bar > 0 ? y1(d.bar) : y1(0)) : 0,\r\n height: d.bar ? Math.abs(y1(d.bar) - y1(0)) : 0,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{\r\n attrY: y1(0),\r\n height: 0,\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n x={x(`${i}`)}\r\n width={x.bandwidth()}\r\n style={{ fill: barColor }}\r\n />\r\n {showValues && !checkIfNullOrUndefined(d.bar) ? (\r\n <motion.text\r\n x={(x(`${d.id}`) as number) + x.bandwidth() / 2}\r\n exit={{\r\n attrY: y1(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n attrY: y1(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n attrY: y1(d.bar || 0),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n style={{\r\n fill: barColor,\r\n textAnchor: 'middle',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n dy={d.bar ? (d.bar >= 0 ? '-5px' : '1em') : '-5px'}\r\n >\r\n {numberFormattingFunction(d.bar, naLabel, precision, barPrefix, barSuffix)}\r\n </motion.text>\r\n ) : null}\r\n {showLabels ? (\r\n <XAxesLabels\r\n value={\r\n `${d.label}`.length < truncateBy\r\n ? `${d.label}`\r\n : `${`${d.label}`.substring(0, truncateBy)}...`\r\n }\r\n y={graphHeight + 5}\r\n x={x(`${d.id}`) as number}\r\n width={x.bandwidth()}\r\n height={margin.bottom}\r\n style={styles?.xAxis?.labels}\r\n className={classNames?.xAxis?.labels}\r\n alignment='top'\r\n animate={animate}\r\n isInView={isInView}\r\n />\r\n ) : null}\r\n </motion.g>\r\n );\r\n })}\r\n <motion.path\r\n exit={{\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n d: lineShape(dataWithId.map(d => ({ ...d, line: 0 }))) as string,\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n d: lineShape(dataWithId) as string,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n style={{\r\n stroke: lineColor,\r\n fill: 'none',\r\n strokeWidth: 2,\r\n }}\r\n />\r\n {dataWithId.map((d, i) => (\r\n <g key={i}>\r\n {!checkIfNullOrUndefined(d.line) ? (\r\n <g\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n >\r\n <motion.circle\r\n exit={{\r\n cy: y2(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n variants={{\r\n initial: {\r\n cy: y2(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n cy: y2(d.line as number),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n cx={(x(d.id) as number) + x.bandwidth() / 2}\r\n r={\r\n graphWidth / dataWithId.length < 5\r\n ? 0\r\n : graphWidth / dataWithId.length < 20\r\n ? 2\r\n : 4\r\n }\r\n style={{ fill: lineColor }}\r\n />\r\n {showValues ? (\r\n <motion.text\r\n x={(x(`${d.id}`) as number) + x.bandwidth() / 2}\r\n exit={{\r\n y: y2(0),\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n style={{\r\n fill: lineColor,\r\n textAnchor: 'middle',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n variants={{\r\n initial: {\r\n y: y2(0),\r\n opacity: 0,\r\n },\r\n whileInView: {\r\n y: y2(d.line as number),\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n dy='-5px'\r\n >\r\n {numberFormattingFunction(\r\n d.line,\r\n naLabel,\r\n precision,\r\n linePrefix,\r\n lineSuffix,\r\n )}\r\n </motion.text>\r\n ) : null}\r\n </g>\r\n ) : null}\r\n </g>\r\n ))}\r\n </AnimatePresence>\r\n {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n </g>\r\n </motion.svg>\r\n {mouseOverData && tooltip && eventX && eventY ? (\r\n <Tooltip\r\n data={mouseOverData}\r\n body={tooltip}\r\n xPos={eventX}\r\n yPos={eventY}\r\n backgroundStyle={styles?.tooltip}\r\n className={classNames?.tooltip}\r\n />\r\n ) : null}\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <Modal\r\n open={mouseClickData !== undefined}\r\n onClose={() => {\r\n setMouseClickData(undefined);\r\n }}\r\n >\r\n <div\r\n className='graph-modal-content m-0'\r\n dangerouslySetInnerHTML={\r\n typeof detailsOnClick === 'string'\r\n ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n : undefined\r\n }\r\n >\r\n {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n </div>\r\n </Modal>\r\n ) : null}\r\n </>\r\n );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\r\nimport {\r\n Languages,\r\n ParetoChartDataType,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n CurveTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects */\r\n data: ParetoChartDataType[];\r\n\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 /** Color of the bars */\r\n barColor?: string;\r\n /** Color of the line */\r\n lineColor?: string;\r\n /** Title for the color legend */\r\n colorLegendTitle?: string;\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 /** Left margin of the graph */\r\n leftMargin?: number;\r\n /** Right margin of the graph */\r\n rightMargin?: number;\r\n /** Top margin of the graph */\r\n topMargin?: number;\r\n /** Bottom margin of the graph */\r\n bottomMargin?: number;\r\n /** Padding between bars */\r\n barPadding?: number;\r\n\r\n // Values and Ticks\r\n /** Suffix for values of the lines */\r\n lineSuffix?: string;\r\n /** Suffix for values of the bars */\r\n barSuffix?: string;\r\n /** Prefix for values of the lines */\r\n linePrefix?: string;\r\n /** Prefix for values of the bars */\r\n barPrefix?: string;\r\n /** Truncate labels by specified length */\r\n truncateBy?: number;\r\n /** Number of ticks on the axis */\r\n noOfTicks?: number;\r\n\r\n // Graph Parameters\r\n /** Toggle visibility of labels */\r\n showLabels?: boolean;\r\n /** Toggle visibility of values */\r\n showValues?: boolean;\r\n /** Curve type for the line */\r\n curveType?: CurveTypes;\r\n /** Enables same axis for bars and line */\r\n sameAxes?: boolean;\r\n /** Toggle visibility of color scale. */\r\n showColorScale?: boolean;\r\n /** Toggle visibility of labels of the axis. */\r\n showAxisLabels?: boolean;\r\n /** Title for the bar axis */\r\n barAxisTitle?: string;\r\n /** Title for the line axis */\r\n lineAxisTitle?: string;\r\n /** Defines how “NA” values should be displayed/labelled in the graph */\r\n naLabel?: string;\r\n /** Toggles if the graph animates in when loaded. */\r\n animate?: boolean | AnimateDataType;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n customLayers?: CustomLayerDataType[];\r\n /** Enable graph download option as png */\r\n graphDownload?: boolean;\r\n /** Enable data download option as a csv */\r\n dataDownload?: boolean;\r\n /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n /** Callback for mouse over event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /** Callback for mouse click event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function ParetoChart(props: Props) {\r\n const {\r\n data,\r\n graphTitle,\r\n sources,\r\n graphDescription,\r\n height,\r\n width,\r\n footNote,\r\n padding,\r\n lineColor = Colors.light.categoricalColors.colors[1],\r\n barColor = Colors.light.categoricalColors.colors[0],\r\n sameAxes = false,\r\n backgroundColor = false,\r\n leftMargin = 80,\r\n rightMargin = 80,\r\n topMargin = 20,\r\n bottomMargin = 25,\r\n lineAxisTitle = 'Line chart',\r\n barAxisTitle = 'Bar graph',\r\n tooltip,\r\n relativeHeight,\r\n onSeriesMouseOver,\r\n graphID,\r\n graphDownload = false,\r\n dataDownload = false,\r\n barPadding = 0.25,\r\n truncateBy = 999,\r\n showLabels = true,\r\n onSeriesMouseClick,\r\n language = 'en',\r\n colorLegendTitle,\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n showValues = true,\r\n noOfTicks = 5,\r\n lineSuffix = '',\r\n barSuffix = '',\r\n linePrefix = '',\r\n barPrefix = '',\r\n curveType = 'curve',\r\n styles,\r\n classNames,\r\n animate = false,\r\n precision = 2,\r\n customLayers = [],\r\n naLabel = 'NA',\r\n showColorScale = true,\r\n showAxisLabels = true,\r\n } = props;\r\n\r\n const [svgWidth, setSvgWidth] = useState(0);\r\n const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n });\r\n if (graphDiv.current) {\r\n setSvgHeight(graphDiv.current.clientHeight || 480);\r\n setSvgWidth(graphDiv.current.clientWidth || 620);\r\n if (!width) resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, [width, height]);\r\n\r\n return (\r\n <div\r\n className={`${theme || 'light'} flex ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\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 }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n width ? 'w-fit' : 'w-full',\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={\r\n ariaLabel ||\r\n `${\r\n graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n }This is a pareto chart that shows a variable as bars and another as line chart.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n >\r\n <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n {graphTitle || graphDescription || graphDownload || dataDownload ? (\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 graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n {data.length === 0 ? (\r\n <EmptyState />\r\n ) : (\r\n <>\r\n {!showColorScale ? null : (\r\n <ColorLegend\r\n colorDomain={[barAxisTitle, lineAxisTitle]}\r\n colors={[\r\n barColor || Colors[theme].categoricalColors.colors[0],\r\n lineColor || Colors[theme].categoricalColors.colors[1],\r\n ]}\r\n colorLegendTitle={colorLegendTitle}\r\n showNAColor={false}\r\n />\r\n )}\r\n <div\r\n className='flex flex-col grow justify-center leading-0'\r\n ref={graphDiv}\r\n aria-label='Graph area'\r\n >\r\n {(width || svgWidth) && (height || svgHeight) ? (\r\n <Graph\r\n data={data}\r\n sameAxes={sameAxes}\r\n lineColor={lineColor}\r\n barColor={barColor}\r\n width={width || svgWidth}\r\n height={Math.max(\r\n minHeight,\r\n height ||\r\n (relativeHeight\r\n ? minHeight\r\n ? (width || svgWidth) * relativeHeight > minHeight\r\n ? (width || svgWidth) * relativeHeight\r\n : minHeight\r\n : (width || svgWidth) * relativeHeight\r\n : svgHeight),\r\n )}\r\n truncateBy={truncateBy}\r\n leftMargin={leftMargin}\r\n rightMargin={rightMargin}\r\n topMargin={topMargin}\r\n bottomMargin={bottomMargin}\r\n axisTitles={[barAxisTitle, lineAxisTitle]}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n barPadding={barPadding}\r\n showLabels={showLabels}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n detailsOnClick={detailsOnClick}\r\n noOfTicks={noOfTicks}\r\n lineSuffix={lineSuffix}\r\n barSuffix={barSuffix}\r\n linePrefix={linePrefix}\r\n barPrefix={barPrefix}\r\n curveType={curveType}\r\n showValues={showValues}\r\n styles={styles}\r\n classNames={classNames}\r\n animate={\r\n animate === true\r\n ? { duration: 0.5, once: true, amount: 0.5 }\r\n : animate || { duration: 0, once: true, amount: 0 }\r\n }\r\n precision={precision}\r\n customLayers={customLayers}\r\n naLabel={naLabel}\r\n showAxisLabels={showAxisLabels}\r\n />\r\n ) : null}\r\n </div>\r\n </>\r\n )}\r\n </div>\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 </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["Graph","props","data","width","height","barColor","lineColor","axisTitles","sameAxes","rightMargin","leftMargin","topMargin","bottomMargin","tooltip","showValues","onSeriesMouseOver","barPadding","truncateBy","showLabels","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","noOfTicks","lineSuffix","barSuffix","linePrefix","barPrefix","curveType","styles","classNames","animate","precision","customLayers","naLabel","showAxisLabels","svgRef","useRef","isInView","useInView","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","dataWithId","d","i","x","scaleBand","minParam1","minParam2","maxParam1","maxParam2","minParam","maxParam","y1","scaleLinear","y2","lineShape","line","checkIfNullOrUndefined","y1Ticks","y2Ticks","jsxs","Fragment","jsx","motion","cn","numberFormattingFunction","Axis","AxisTitle","AnimatePresence","event","isEqual","XAxesLabels","Tooltip","Modal","string2HTML","ParetoChart","graphTitle","sources","graphDescription","footNote","padding","Colors","backgroundColor","lineAxisTitle","barAxisTitle","relativeHeight","graphID","graphDownload","dataDownload","language","colorLegendTitle","minHeight","theme","ariaLabel","showColorScale","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegend","GraphFooter"],"mappings":"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"}
package/dist/SingleGraphDashboard.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-DDoeWRVt.cjs"),o=require("react"),ae=require("./index-Ds0uHjK9.cjs"),A=require("./index-B0rbzOoC.cjs"),te=require("./index-BXns0-ng.cjs"),C=require("./DropdownSelect-DBDM64B5.cjs"),h=require("./checkIfMultiple-BXbHUCWM.cjs"),le=require("./Typography-k-kOjICQ.cjs"),ne=require("./Spinner-DA6Z5E4n.cjs"),re=require("./GraphEl-Zl0W-LK9.cjs"),G=require("./fetchAndParseData-CQyVGCul.cjs"),U=require("./transformDataForAggregation-Du-Hei-W.cjs"),z=require("./getUniqValue-CHqgSss5.cjs"),ie=require("./GraphHeader.cjs"),W=require("./filterData-DN6py7y_.cjs"),oe=require("./getGraphList-gf02xgT2.cjs"),Z=require("./transformDataForSelect-YmStusCI.cjs"),se=s=>{if(s.findIndex(r=>r.chartConfigId==="yMin")!==-1&&s.findIndex(r=>r.chartConfigId==="yMax")!==-1)return s;const l=[...s];return s.findIndex(r=>r.chartConfigId==="yMin")===-1&&l.push({chartConfigId:"yMin",columnId:`${s[s.findIndex(r=>r.chartConfigId==="y")].columnId}Min`}),s.findIndex(r=>r.chartConfigId==="yMax")===-1&&l.push({chartConfigId:"yMax",columnId:`${s[s.findIndex(r=>r.chartConfigId==="y")].columnId}Max`}),l},F=(s,l)=>{const r=l?.map(y=>{const f=s?.findIndex(i=>i.chartConfigId===y.chartConfigId);if(f===-1)return{};const v=s[f]?.allowedColumnIds?.findIndex(i=>i.value===y.columnId);return v===-1?{}:s[f].allowedColumnIds[v].graphSettings||{}})||[];return Object.assign({},...r)};function ue(s){const{graphSettings:l,dataSettings:r,filters:y,graphType:f,dataTransform:v,graphDataConfiguration:i,dataFilters:q,debugMode:D,dataSelectionOptions:j,advancedDataSelectionOptions:N,readableHeader:J,noOfFiltersPerRow:p=4,updateFilters:B,uiMode:g="normal",highlightDataPointSettings:I}=s,[b,K]=o.useState(void 0),[S,Q]=o.useState(void 0),[m,w]=o.useState(i),[x,R]=o.useState({}),[V,X]=o.useState(void 0),[Y,_]=o.useState([]),P=o.useRef(null),H=o.useRef(i),[E,O]=o.useState([]),k=o.useMemo(()=>({ignoreCase:!0,ignoreAccents:!0,trim:!0}),[]),L=o.useCallback(async()=>{if(r)try{const d=await(r.dataURL?typeof r.dataURL=="string"?r.fileType==="json"?G.fetchAndParseJSON(r.dataURL,r.columnsToArray,r.dataTransformation,D):r.fileType==="api"?G.fetchAndTransformDataFromAPI(r.dataURL,r.apiHeaders,r.columnsToArray,r.dataTransformation,D):G.fetchAndParseCSV(r.dataURL,r.dataTransformation,r.columnsToArray,D,r.delimiter,!0):G.fetchAndParseMultipleDataSources(r.dataURL,r.idColumnTitle):G.transformColumnsToArray(r.data,r.columnsToArray));Q(d);const a=(y||[]).map(t=>({filter:t.column,label:t.label||`Filter by ${t.column}`,singleSelect:t.singleSelect,clearable:t.clearable,defaultValue:Z.transformDefaultValue(t.defaultValue),value:Z.transformDefaultValue(t.defaultValue),availableValues:z.getUniqValue(d,t.column).filter(u=>!t.excludeValues?.includes(`${u}`)).map(u=>({value:u,label:u})),allowSelectAll:t.allowSelectAll,width:t.width}));O(a)}catch(e){console.error("Data fetching error:",e)}},[r,y,D]);o.useEffect(()=>{L()},[L]);const $=o.useMemo(()=>!S||E.length===0?S:S.filter(d=>E.every(a=>a.value&&A.flattenDeep([a.value]).length>0?ae.intersection(A.flattenDeep([d[a.filter]]),A.flattenDeep([a.value]).map(t=>t.value)).length>0:!0)),[E,S]);o.useEffect(()=>{j&&R(F(j,i))},[j,i]),o.useEffect(()=>{S&&K($)},[$,f,S]),o.useEffect(()=>{I?.column&&$&&_(z.getUniqValue($,I.column).filter(e=>!I?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))},[$,I]),o.useEffect(()=>{te.isEqual(H.current,i)||(w(i),H.current=i)},[i]);const M=o.useCallback((e,d)=>{O(a=>a.map(t=>t.filter===e?{...t,value:d}:t))},[]),ee=o.useMemo(()=>{if(!b)return;const e=f==="lineChartWithConfidenceInterval"&&m?se(m):m;return U.transformDataForGraph(v?U.transformDataForAggregation(W.filterData(b,q||[]),v.keyColumn,v.aggregationColumnsSetting):W.filterData(b,q||[]),f,e)},[f,m,b,q,v]);return r?n.jsxRuntimeExports.jsx("div",{className:`${l?.theme||"light"} flex ${l?.width?"w-fit grow-0":"w-full grow"}${l?.height?"":" h-full"}`,dir:l?.language==="he"||l?.language==="ar"?"rtl":void 0,children:n.jsxRuntimeExports.jsx("div",{className:n.mo(`${l?.backgroundColor?l?.backgroundColor===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l?.language||"en"}`,l?.classNames?.graphContainer),style:{...l?.styles?.graphContainer||{},...l?.backgroundColor&&l?.backgroundColor!==!0?{backgroundColor:l?.backgroundColor}:{}},id:l?.graphID,ref:P,children:n.jsxRuntimeExports.jsx("div",{style:{padding:l?.backgroundColor?l?.padding||"1rem":l?.padding||0,flexGrow:1,display:"flex"},children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:b||oe.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(f)!==-1?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[x?.graphTitle||x?.graphDescription||l?.graphTitle||l?.graphDescription||l?.graphDownload||l?.dataDownload?n.jsxRuntimeExports.jsx(ie.GraphHeader,{styles:{title:x?.styles?.title||l?.styles?.title,description:x?.styles?.description||l?.styles?.description},classNames:{title:x?.classNames?.title||l?.classNames?.title,description:x?.classNames?.description||l?.classNames?.description},graphTitle:x?.graphTitle||l?.graphTitle,graphDescription:x?.graphDescription||l?.graphDescription,width:x?.width||l?.width,graphDownload:l?.graphDownload?P.current:void 0,dataDownload:l?.dataDownload&&b&&b.length>0?b:null}):null,E.length!==0||(j||[]).length!==0||(N||[]).length!==0||I?n.jsxRuntimeExports.jsxs("div",{style:{display:"flex",gap:"1rem",flexWrap:"wrap",alignItems:"flex-start",width:"100%"},children:[N?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.options.map(a=>({...a,value:a.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:a=>{R(a?.graphSettings||{}),w(a?.dataConfiguration)}}):n.jsxRuntimeExports.jsx(h.fe,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:g,onValueChange:a=>{const t=e.options[e.options.findIndex(u=>u.label===a)];R(t.graphSettings||{}),w(t.dataConfiguration)},children:e.options.map((a,t)=>n.jsxRuntimeExports.jsx(h.ve,{label:a.label,value:a.label},t))})]},d)),j?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),h.checkIfMultiple(e.chartConfigId,m||[])?e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:i?i[i.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]):void 0,filterOption:C.Hu(k),onChange:a=>{const t={columnId:(a||[]).map(c=>c.value),chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);w(u)}}):n.jsxRuntimeExports.jsx(h.w,{variant:g,defaultValue:i?i[i.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]).map(a=>a.value):[],onValueChange:a=>{const t={columnId:a||[],chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);w(u)},children:e.allowedColumnIds.map((a,t)=>n.jsxRuntimeExports.jsx(h.G,{label:a.label,value:a.label},t))}):e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:i?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===i[i.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:a=>{const t={columnId:a?.value,chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);R(F(j,u)),w(u)}}):n.jsxRuntimeExports.jsx(h.fe,{variant:g,defaultValue:i?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===i[i.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:a=>{const u={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(T=>T.label===a)].value,chartConfigId:e.chartConfigId},c=m?.map(T=>T.chartConfigId===u.chartConfigId?u:T);R(F(j,c)),w(c)},children:e.allowedColumnIds.map((a,t)=>n.jsxRuntimeExports.jsx(h.ve,{label:a.label,value:a.label},t))})]},d)),E?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label}),e.singleSelect?n.jsxRuntimeExports.jsx(C.Za,{options:e.availableValues,variant:g,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:a=>{M(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.availableValues,variant:g,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:a=>{M(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):n.jsxRuntimeExports.jsx(h.w,{variant:g,defaultValue:e.defaultValue?e.defaultValue.map(a=>`${a.value}`):[],value:e.value?e.value.map(a=>`${a.value}`):void 0,onValueChange:a=>{M(e.filter,e.availableValues.filter(t=>a.indexOf(`${t.value}`)!==-1))},children:e.availableValues.map((a,t)=>n.jsxRuntimeExports.jsx(h.G,{label:`${a.label}`,value:`${a.value}`},t))}),e.allowSelectAll?n.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:()=>{M(e.filter,e.availableValues)},children:"Select all options"}):null]})]},d)),I?n.jsxRuntimeExports.jsxs("div",{style:{width:I.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:I.label||"Highlight data"}),n.jsxRuntimeExports.jsx(C.Za,{options:Y,variant:g,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:e=>{X(e?.map(d=>d.value))},value:V?.map(e=>({label:e,value:e})),defaultValue:I.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,n.jsxRuntimeExports.jsx(re.GraphEl,{graph:f,graphData:ee,graphDataConfiguration:m,debugMode:D,readableHeader:J||[],updateFilters:B,settings:{...l||{},...x,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",theme:l?.theme,...V?{highlightedDataPoints:V,highlightedIds:V?.map(e=>`${e}`),highlightedLines:V?.map(e=>e)}:{}}})]}):n.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:n.jsxRuntimeExports.jsx(ne.y,{})})})})})}):n.jsxRuntimeExports.jsx(le.u,{size:"xs",className:"text-center text-accent-dark-red dark:text-accent-red p-2",children:"Please make sure either `dataSettings` props are present as they are required for data."})}exports.SingleGraphDashboard=ue;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-DDoeWRVt.cjs"),o=require("react"),ae=require("./index-Ds0uHjK9.cjs"),A=require("./index-B0rbzOoC.cjs"),te=require("./index-BXns0-ng.cjs"),C=require("./DropdownSelect-DBDM64B5.cjs"),h=require("./checkIfMultiple-BXbHUCWM.cjs"),le=require("./Typography-k-kOjICQ.cjs"),ne=require("./Spinner-DA6Z5E4n.cjs"),re=require("./GraphEl-Bz2jatkM.cjs"),G=require("./fetchAndParseData-CQyVGCul.cjs"),U=require("./transformDataForAggregation-Du-Hei-W.cjs"),z=require("./getUniqValue-CHqgSss5.cjs"),ie=require("./GraphHeader.cjs"),W=require("./filterData-DN6py7y_.cjs"),oe=require("./getGraphList-gf02xgT2.cjs"),Z=require("./transformDataForSelect-YmStusCI.cjs"),se=s=>{if(s.findIndex(r=>r.chartConfigId==="yMin")!==-1&&s.findIndex(r=>r.chartConfigId==="yMax")!==-1)return s;const l=[...s];return s.findIndex(r=>r.chartConfigId==="yMin")===-1&&l.push({chartConfigId:"yMin",columnId:`${s[s.findIndex(r=>r.chartConfigId==="y")].columnId}Min`}),s.findIndex(r=>r.chartConfigId==="yMax")===-1&&l.push({chartConfigId:"yMax",columnId:`${s[s.findIndex(r=>r.chartConfigId==="y")].columnId}Max`}),l},F=(s,l)=>{const r=l?.map(y=>{const f=s?.findIndex(i=>i.chartConfigId===y.chartConfigId);if(f===-1)return{};const v=s[f]?.allowedColumnIds?.findIndex(i=>i.value===y.columnId);return v===-1?{}:s[f].allowedColumnIds[v].graphSettings||{}})||[];return Object.assign({},...r)};function ue(s){const{graphSettings:l,dataSettings:r,filters:y,graphType:f,dataTransform:v,graphDataConfiguration:i,dataFilters:q,debugMode:D,dataSelectionOptions:j,advancedDataSelectionOptions:N,readableHeader:J,noOfFiltersPerRow:p=4,updateFilters:B,uiMode:g="normal",highlightDataPointSettings:I}=s,[b,K]=o.useState(void 0),[S,Q]=o.useState(void 0),[m,w]=o.useState(i),[x,R]=o.useState({}),[V,X]=o.useState(void 0),[Y,_]=o.useState([]),P=o.useRef(null),H=o.useRef(i),[E,O]=o.useState([]),k=o.useMemo(()=>({ignoreCase:!0,ignoreAccents:!0,trim:!0}),[]),L=o.useCallback(async()=>{if(r)try{const d=await(r.dataURL?typeof r.dataURL=="string"?r.fileType==="json"?G.fetchAndParseJSON(r.dataURL,r.columnsToArray,r.dataTransformation,D):r.fileType==="api"?G.fetchAndTransformDataFromAPI(r.dataURL,r.apiHeaders,r.columnsToArray,r.dataTransformation,D):G.fetchAndParseCSV(r.dataURL,r.dataTransformation,r.columnsToArray,D,r.delimiter,!0):G.fetchAndParseMultipleDataSources(r.dataURL,r.idColumnTitle):G.transformColumnsToArray(r.data,r.columnsToArray));Q(d);const a=(y||[]).map(t=>({filter:t.column,label:t.label||`Filter by ${t.column}`,singleSelect:t.singleSelect,clearable:t.clearable,defaultValue:Z.transformDefaultValue(t.defaultValue),value:Z.transformDefaultValue(t.defaultValue),availableValues:z.getUniqValue(d,t.column).filter(u=>!t.excludeValues?.includes(`${u}`)).map(u=>({value:u,label:u})),allowSelectAll:t.allowSelectAll,width:t.width}));O(a)}catch(e){console.error("Data fetching error:",e)}},[r,y,D]);o.useEffect(()=>{L()},[L]);const $=o.useMemo(()=>!S||E.length===0?S:S.filter(d=>E.every(a=>a.value&&A.flattenDeep([a.value]).length>0?ae.intersection(A.flattenDeep([d[a.filter]]),A.flattenDeep([a.value]).map(t=>t.value)).length>0:!0)),[E,S]);o.useEffect(()=>{j&&R(F(j,i))},[j,i]),o.useEffect(()=>{S&&K($)},[$,f,S]),o.useEffect(()=>{I?.column&&$&&_(z.getUniqValue($,I.column).filter(e=>!I?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))},[$,I]),o.useEffect(()=>{te.isEqual(H.current,i)||(w(i),H.current=i)},[i]);const M=o.useCallback((e,d)=>{O(a=>a.map(t=>t.filter===e?{...t,value:d}:t))},[]),ee=o.useMemo(()=>{if(!b)return;const e=f==="lineChartWithConfidenceInterval"&&m?se(m):m;return U.transformDataForGraph(v?U.transformDataForAggregation(W.filterData(b,q||[]),v.keyColumn,v.aggregationColumnsSetting):W.filterData(b,q||[]),f,e)},[f,m,b,q,v]);return r?n.jsxRuntimeExports.jsx("div",{className:`${l?.theme||"light"} flex ${l?.width?"w-fit grow-0":"w-full grow"}${l?.height?"":" h-full"}`,dir:l?.language==="he"||l?.language==="ar"?"rtl":void 0,children:n.jsxRuntimeExports.jsx("div",{className:n.mo(`${l?.backgroundColor?l?.backgroundColor===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l?.language||"en"}`,l?.classNames?.graphContainer),style:{...l?.styles?.graphContainer||{},...l?.backgroundColor&&l?.backgroundColor!==!0?{backgroundColor:l?.backgroundColor}:{}},id:l?.graphID,ref:P,children:n.jsxRuntimeExports.jsx("div",{style:{padding:l?.backgroundColor?l?.padding||"1rem":l?.padding||0,flexGrow:1,display:"flex"},children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:b||oe.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(f)!==-1?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[x?.graphTitle||x?.graphDescription||l?.graphTitle||l?.graphDescription||l?.graphDownload||l?.dataDownload?n.jsxRuntimeExports.jsx(ie.GraphHeader,{styles:{title:x?.styles?.title||l?.styles?.title,description:x?.styles?.description||l?.styles?.description},classNames:{title:x?.classNames?.title||l?.classNames?.title,description:x?.classNames?.description||l?.classNames?.description},graphTitle:x?.graphTitle||l?.graphTitle,graphDescription:x?.graphDescription||l?.graphDescription,width:x?.width||l?.width,graphDownload:l?.graphDownload?P.current:void 0,dataDownload:l?.dataDownload&&b&&b.length>0?b:null}):null,E.length!==0||(j||[]).length!==0||(N||[]).length!==0||I?n.jsxRuntimeExports.jsxs("div",{style:{display:"flex",gap:"1rem",flexWrap:"wrap",alignItems:"flex-start",width:"100%"},children:[N?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.options.map(a=>({...a,value:a.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:a=>{R(a?.graphSettings||{}),w(a?.dataConfiguration)}}):n.jsxRuntimeExports.jsx(h.fe,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:g,onValueChange:a=>{const t=e.options[e.options.findIndex(u=>u.label===a)];R(t.graphSettings||{}),w(t.dataConfiguration)},children:e.options.map((a,t)=>n.jsxRuntimeExports.jsx(h.ve,{label:a.label,value:a.label},t))})]},d)),j?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),h.checkIfMultiple(e.chartConfigId,m||[])?e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:i?i[i.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]):void 0,filterOption:C.Hu(k),onChange:a=>{const t={columnId:(a||[]).map(c=>c.value),chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);w(u)}}):n.jsxRuntimeExports.jsx(h.w,{variant:g,defaultValue:i?i[i.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]).map(a=>a.value):[],onValueChange:a=>{const t={columnId:a||[],chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);w(u)},children:e.allowedColumnIds.map((a,t)=>n.jsxRuntimeExports.jsx(h.G,{label:a.label,value:a.label},t))}):e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:g,controlShouldRenderValue:!0,defaultValue:i?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===i[i.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:a=>{const t={columnId:a?.value,chartConfigId:e.chartConfigId},u=m?.map(c=>c.chartConfigId===t.chartConfigId?t:c);R(F(j,u)),w(u)}}):n.jsxRuntimeExports.jsx(h.fe,{variant:g,defaultValue:i?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===i[i.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:a=>{const u={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(T=>T.label===a)].value,chartConfigId:e.chartConfigId},c=m?.map(T=>T.chartConfigId===u.chartConfigId?u:T);R(F(j,c)),w(c)},children:e.allowedColumnIds.map((a,t)=>n.jsxRuntimeExports.jsx(h.ve,{label:a.label,value:a.label},t))})]},d)),E?.map((e,d)=>n.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:e.label}),e.singleSelect?n.jsxRuntimeExports.jsx(C.Za,{options:e.availableValues,variant:g,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:a=>{M(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?n.jsxRuntimeExports.jsx(C.Za,{options:e.availableValues,variant:g,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:a=>{M(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):n.jsxRuntimeExports.jsx(h.w,{variant:g,defaultValue:e.defaultValue?e.defaultValue.map(a=>`${a.value}`):[],value:e.value?e.value.map(a=>`${a.value}`):void 0,onValueChange:a=>{M(e.filter,e.availableValues.filter(t=>a.indexOf(`${t.value}`)!==-1))},children:e.availableValues.map((a,t)=>n.jsxRuntimeExports.jsx(h.G,{label:`${a.label}`,value:`${a.value}`},t))}),e.allowSelectAll?n.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:()=>{M(e.filter,e.availableValues)},children:"Select all options"}):null]})]},d)),I?n.jsxRuntimeExports.jsxs("div",{style:{width:I.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[n.jsxRuntimeExports.jsx(h.f,{className:"mb-2",children:I.label||"Highlight data"}),n.jsxRuntimeExports.jsx(C.Za,{options:Y,variant:g,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Hu(k),onChange:e=>{X(e?.map(d=>d.value))},value:V?.map(e=>({label:e,value:e})),defaultValue:I.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,n.jsxRuntimeExports.jsx(re.GraphEl,{graph:f,graphData:ee,graphDataConfiguration:m,debugMode:D,readableHeader:J||[],updateFilters:B,settings:{...l||{},...x,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",theme:l?.theme,...V?{highlightedDataPoints:V,highlightedIds:V?.map(e=>`${e}`),highlightedLines:V?.map(e=>e)}:{}}})]}):n.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:n.jsxRuntimeExports.jsx(ne.y,{})})})})})}):n.jsxRuntimeExports.jsx(le.u,{size:"xs",className:"text-center text-accent-dark-red dark:text-accent-red p-2",children:"Please make sure either `dataSettings` props are present as they are required for data."})}exports.SingleGraphDashboard=ue;
2
2
  //# sourceMappingURL=SingleGraphDashboard.cjs.map
package/dist/SingleGraphDashboard.js CHANGED
@@ -7,7 +7,7 @@ import { Z as y, H as N } from "./DropdownSelect-CtOKZHD0.js";
7
7
  import { f as F, a as J, v as B, c as ca, w as K, G as Q } from "./checkIfMultiple-ChTJk2Tk.js";
8
8
  import { u as ha } from "./Typography-Ctgfl1J5.js";
9
9
  import { y as fa } from "./Spinner-C85UF28E.js";
10
- import { G as ga } from "./GraphEl-N6vuMRw_.js";
10
+ import { G as ga } from "./GraphEl-zNOHBYrK.js";
11
11
  import { f as pa, a as ma, b as Ca, c as xa, t as Ia } from "./fetchAndParseData-4gsYTy6_.js";
12
12
  import { a as va, t as ba } from "./transformDataForAggregation-CdcwlnNe.js";
13
13
  import { g as X } from "./getUniqValue-BtUENB2H.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@undp/data-viz",
3
- "version": "1.4.14",
3
+ "version": "1.4.15",
4
4
  "main": "./dist/index.cjs",
5
5
  "module": "./dist/index.js",
6
6
  "browser": "./dist/index.umd.js",