@undp/data-viz 2.6.0 → 2.6.1

package/dist/SlopeChart-BwQY7GJl.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./ColorLegendWithMouseOver.cjs`),l=require(`./EmptyState-Bq7ZJmZB.cjs`),u=require(`./linear-B93YyHf_.cjs`),d=require(`./fast-deep-equal-DN3ilkVq.cjs`),f=require(`./proxy-DaRMphjR.cjs`),p=require(`./AnimatePresence-CapU-Sxd.cjs`),ee=require(`./use-in-view-C4EPQfwM.cjs`),m=require(`./Axis-BbfI4T5K.cjs`),h=require(`./AxisTitle-Co2DmqOy.cjs`),g=require(`./DetailsModal-CtGqGcX9.cjs`),_=require(`./Tooltip-CO_iOj_w.cjs`);let v=require(`@undp/design-system-react/cn`),y=require(`react`);var te=e.a(d.t(),1),b=t.t();function x(e){let{data:t,width:r,height:i,showLabels:o,colors:s,colorDomain:c,radius:l,leftMargin:d,rightMargin:x,topMargin:S,bottomMargin:ne,tooltip:C,onSeriesMouseOver:w,axisTitles:T,highlightedDataPoints:E,selectedColor:D,minValue:O,maxValue:k,onSeriesMouseClick:A,resetSelectionOnDoubleClick:re,detailsOnClick:j,styles:M,classNames:N,animate:P,dimmedOpacity:F,customLayers:I}=e,L=(0,y.useRef)(null),R=ee.t(L,{once:P.once,amount:P.amount}),[z,B]=(0,y.useState)(void 0),[V,H]=(0,y.useState)(void 0),[U,W]=(0,y.useState)(void 0),[G,K]=(0,y.useState)(void 0),q={top:S,bottom:ne,left:d,right:x},J=r-q.left-q.right,Y=i-q.top-q.bottom,X=Math.min(Math.min(...t.map(e=>e.y1)),Math.min(...t.map(e=>e.y2))),Z=Math.max(Math.max(...t.map(e=>e.y1)),Math.max(...t.map(e=>e.y2))),Q=u.t().domain([a.t(O)?X>0?0:X:O,a.t(k)?Z>0?Z:0:k]).range([Y,0]).nice();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.t.svg,{width:`${r}px`,height:`${i}px`,viewBox:`0 0 ${r} ${i}`,className:`mx-auto`,direction:`ltr`,ref:L,children:(0,b.jsxs)(`g`,{transform:`translate(${q.left},${q.top})`,children:[(0,b.jsxs)(`g`,{children:[(0,b.jsx)(m.t,{y1:0,y2:Y,x1:l,x2:l,classNames:{axis:(0,v.cn)(`stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550`,N?.yAxis?.axis)}}),(0,b.jsx)(h.t,{x:l,y:Y+15,style:M?.yAxis?.title,className:(0,v.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,N?.yAxis?.title),text:T[0]})]}),(0,b.jsxs)(`g`,{children:[(0,b.jsx)(m.t,{y1:0,y2:Y,x1:J-l,x2:J-l,classNames:{axis:(0,v.cn)(`stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550`,N?.yAxis?.axis)}}),(0,b.jsx)(h.t,{x:J-l,y:Y+15,style:M?.yAxis?.title,className:(0,v.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,N?.yAxis?.title),text:T[1]})]}),I.filter(e=>e.position===`before`).map(e=>e.layer),(0,b.jsx)(p.t,{children:t.map(e=>(0,b.jsxs)(f.t.g,{variants:{initial:{opacity:D?e.color&&s[c.indexOf(`${e.color}`)]===D?1:F:z?z.label===e.label?1:F:E&&E.indexOf(e.label)===-1?F:1},whileInView:{opacity:D?e.color&&s[c.indexOf(`${e.color}`)]===D?1:F:z?z.label===e.label?1:F:E&&E.indexOf(e.label)===-1?F:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},onMouseEnter:t=>{B(e),K(t.clientY),W(t.clientX),w?.(e)},onMouseMove:t=>{B(e),K(t.clientY),W(t.clientX)},onMouseLeave:()=>{B(void 0),W(void 0),K(void 0),w?.(void 0)},onClick:()=>{(A||j)&&((0,te.default)(V,e)&&re?(H(void 0),A?.(void 0)):(H(e),A?.(e)))},children:[(0,b.jsx)(f.t.circle,{variants:{initial:{cx:l,cy:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{cx:l,cy:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},r:l,style:{fillOpacity:.6}}),o?(0,b.jsx)(f.t.text,{variants:{initial:{y:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{y:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},style:{textAnchor:`end`,...M?.yAxis?.labels||{}},className:(0,v.cn)(`text-xs`,N?.yAxis?.labels),x:5,dy:`0.33em`,textAnchor:`end`,dx:0-l-3,children:e.label}):E?E.indexOf(e.label)===-1?null:(0,b.jsx)(f.t.text,{variants:{initial:{y:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{y:Q(e.y1),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},style:{textAnchor:`end`,...M?.yAxis?.labels||{}},className:(0,v.cn)(`text-xs`,N?.yAxis?.labels),x:5,dy:`0.33em`,dx:-3,children:e.label}):null,(0,b.jsx)(f.t.circle,{variants:{initial:{cx:J-l,cy:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{cx:J-l,cy:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},r:l,style:{fillOpacity:.6}}),o?(0,b.jsx)(f.t.text,{variants:{initial:{y:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{y:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},style:{textAnchor:`start`,...M?.yAxis?.labels||{}},className:(0,v.cn)(`text-xs`,N?.yAxis?.labels),x:J-5,dy:`0.33em`,dx:l+3,children:e.label}):E?E.indexOf(e.label)===-1?null:(0,b.jsx)(f.t.text,{variants:{initial:{y:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:0},whileInView:{y:Q(e.y2),fill:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,opacity:1,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},style:{textAnchor:`start`,...M?.yAxis?.labels||{}},className:(0,v.cn)(`text-xs`,N?.yAxis?.labels),x:J-5,dy:`0.33em`,dx:3,children:e.label}):null,(0,b.jsx)(f.t.line,{variants:{initial:{x1:l,x2:J-l,y1:Q(e.y1),y2:Q(e.y1),stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray},whileInView:{x1:l,x2:J-l,y1:Q(e.y1),y2:Q(e.y2),stroke:t.filter(e=>e.color).length===0?s[0]:e.color?s[c.indexOf(`${e.color}`)]:n.Colors.gray,transition:{duration:P.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:P.duration}},className:N?.dataConnectors,style:{fill:`none`,strokeWidth:1,...M?.dataConnectors}})]},e.label))}),I.filter(e=>e.position===`after`).map(e=>e.layer)]})}),z&&C&&U&&G?(0,b.jsx)(_.t,{data:z,body:C,xPos:U,yPos:G,backgroundStyle:M?.tooltip,className:N?.tooltip}):null,j&&V!==void 0?(0,b.jsx)(g.t,{body:j,data:V,setData:H,className:N?.modal}):null]})}function S(e){let{data:t,graphTitle:u,colors:d,sources:f,graphDescription:p,showLabels:ee=!1,height:m,width:h,footNote:g,colorDomain:_,colorLegendTitle:v,radius:te=5,axisTitles:S=[``,``],padding:ne,backgroundColor:C=!1,leftMargin:w=50,rightMargin:T=50,topMargin:E=20,bottomMargin:D=20,tooltip:O,relativeHeight:k,onSeriesMouseOver:A,showColorScale:re=!0,highlightedDataPoints:j,graphID:M,minValue:N,maxValue:P,onSeriesMouseClick:F,graphDownload:I=!1,dataDownload:L=!1,fillContainer:R=!0,language:z=`en`,showNAColor:B=!0,minHeight:V=0,theme:H=`light`,ariaLabel:U,resetSelectionOnDoubleClick:W=!0,detailsOnClick:G,styles:K,classNames:q,animate:J=!1,dimmedOpacity:Y=.3,customLayers:X=[]}=e,[Z,Q]=(0,y.useState)(0),[ie,ae]=(0,y.useState)(0),[oe,se]=(0,y.useState)(void 0),$=(0,y.useRef)(null),ce=(0,y.useRef)(null);return(0,y.useEffect)(()=>{let e=new ResizeObserver(e=>{Q(e[0].target.clientWidth||620),ae(e[0].target.clientHeight||480)});return $.current&&e.observe($.current),()=>e.disconnect()},[]),(0,b.jsxs)(s.n,{className:q?.graphContainer,style:K?.graphContainer,id:M,ref:ce,"aria-label":U,backgroundColor:C,theme:H,language:z,minHeight:V,width:R?void 0:h,height:m,relativeHeight:k,padding:ne,children:[u||p||I||L?(0,b.jsx)(i.GraphHeader,{styles:{title:K?.title,description:K?.description},classNames:{title:q?.title,description:q?.description},graphTitle:u,graphDescription:p,width:h,graphDownload:I?ce:void 0,dataDownload:L?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,re&&t.filter(e=>e.color).length!==0&&t.length>0?(0,b.jsx)(c.ColorLegendWithMouseOver,{width:h,colorLegendTitle:v,colors:d||n.Colors[H].categoricalColors.colors,colorDomain:_||o.t(t,`color`,!0),setSelectedColor:se,showNAColor:B,className:q?.colorLegend}):null,(0,b.jsxs)(s.t,{ref:$,children:[t.length===0&&(0,b.jsx)(l.t,{}),Z&&ie&&t.length>0?(0,b.jsx)(x,{data:t.filter(e=>!a.t(e.y1)&&!a.t(e.y2)),width:R||!h||Z<h?Z:h,height:ie,colorDomain:t.filter(e=>e.color).length===0?[]:_||o.t(t,`color`,!0),colors:t.filter(e=>e.color).length===0?d?[d]:[n.Colors.primaryColors[`blue-600`]]:d||n.Colors[H].categoricalColors.colors,selectedColor:oe,axisTitles:S,showLabels:ee,radius:te,leftMargin:w,rightMargin:T,topMargin:E,bottomMargin:D,tooltip:O,onSeriesMouseOver:A,highlightedDataPoints:j,minValue:N,maxValue:P,onSeriesMouseClick:F,resetSelectionOnDoubleClick:W,detailsOnClick:G,styles:K,classNames:q,animate:J===!0?{duration:.5,once:!0,amount:.5}:J||{duration:0,once:!0,amount:0},dimmedOpacity:Y,customLayers:X}):null]}),f||g?(0,b.jsx)(r.GraphFooter,{styles:{footnote:K?.footnote,source:K?.source},classNames:{footnote:q?.footnote,source:q?.source},sources:f,footNote:g,width:h}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=SlopeChart-BwQY7GJl.cjs.map

package/dist/SlopeChart-BwQY7GJl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlopeChart-BwQY7GJl.cjs","names":[],"sources":["../src/Components/Graphs/SlopeChart/Graph.tsx","../src/Components/Graphs/SlopeChart/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { scaleLinear } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  SlopeChartDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\n\ninterface Props {\n  data: SlopeChartDataType[];\n  width: number;\n  height: number;\n  selectedColor?: string;\n  showLabels: boolean;\n  colors: string[];\n  colorDomain: string[];\n  radius: number;\n  leftMargin: number;\n  rightMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  axisTitles: [string, string];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  highlightedDataPoints?: (string | number)[];\n  maxValue?: number;\n  minValue?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    showLabels,\n    colors,\n    colorDomain,\n    radius,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    tooltip,\n    onSeriesMouseOver,\n    axisTitles,\n    highlightedDataPoints,\n    selectedColor,\n    minValue,\n    maxValue,\n    onSeriesMouseClick,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    styles,\n    classNames,\n    animate,\n    dimmedOpacity,\n    customLayers,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const minY = Math.min(Math.min(...data.map((d) => d.y1)), Math.min(...data.map((d) => d.y2)));\n  const maxY = Math.max(Math.max(...data.map((d) => d.y1)), Math.max(...data.map((d) => d.y2)));\n  const y = scaleLinear()\n    .domain([\n      checkIfNullOrUndefined(minValue) ? (minY > 0 ? 0 : minY) : (minValue as number),\n      checkIfNullOrUndefined(maxValue) ? (maxY > 0 ? maxY : 0) : (maxValue as number),\n    ])\n    .range([graphHeight, 0])\n    .nice();\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        className='mx-auto'\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <g>\n            <Axis\n              y1={0}\n              y2={graphHeight}\n              x1={radius}\n              x2={radius}\n              classNames={{\n                axis: cn(\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                  classNames?.yAxis?.axis,\n                ),\n              }}\n            />\n            <AxisTitle\n              x={radius}\n              y={graphHeight + 15}\n              style={styles?.yAxis?.title}\n              className={cn(\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\n                classNames?.yAxis?.title,\n              )}\n              text={axisTitles[0]}\n            />\n          </g>\n          <g>\n            <Axis\n              y1={0}\n              y2={graphHeight}\n              x1={graphWidth - radius}\n              x2={graphWidth - radius}\n              classNames={{\n                axis: cn(\n                  'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                  classNames?.yAxis?.axis,\n                ),\n              }}\n            />\n            <AxisTitle\n              x={graphWidth - radius}\n              y={graphHeight + 15}\n              style={styles?.yAxis?.title}\n              className={cn(\n                'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\n                classNames?.yAxis?.title,\n              )}\n              text={axisTitles[1]}\n            />\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {data.map((d) => {\n              return (\n                <motion.g\n                  key={d.label}\n                  variants={{\n                    initial: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.label === d.label\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                    },\n                    whileInView: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.label === d.label\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                >\n                  <motion.circle\n                    variants={{\n                      initial: {\n                        cx: radius,\n                        cy: y(d.y1),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        opacity: 0,\n                      },\n                      whileInView: {\n                        cx: radius,\n                        cy: y(d.y1),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        opacity: 1,\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    r={radius}\n                    style={{\n                      fillOpacity: 0.6,\n                    }}\n                  />\n                  {showLabels ? (\n                    <motion.text\n                      variants={{\n                        initial: {\n                          y: y(d.y1),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                          opacity: 0,\n                        },\n                        whileInView: {\n                          y: y(d.y1),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                          opacity: 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      style={{\n                        textAnchor: 'end',\n                        ...(styles?.yAxis?.labels || {}),\n                      }}\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\n                      x={5}\n                      dy='0.33em'\n                      textAnchor='end'\n                      dx={0 - radius - 3}\n                    >\n                      {d.label}\n                    </motion.text>\n                  ) : highlightedDataPoints ? (\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\n                      <motion.text\n                        variants={{\n                          initial: {\n                            y: y(d.y1),\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\n                            opacity: 0,\n                          },\n                          whileInView: {\n                            y: y(d.y1),\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\n                            opacity: 1,\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        style={{\n                          textAnchor: 'end',\n                          ...(styles?.yAxis?.labels || {}),\n                        }}\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\n                        x={5}\n                        dy='0.33em'\n                        dx={-3}\n                      >\n                        {d.label}\n                      </motion.text>\n                    ) : null\n                  ) : null}\n                  <motion.circle\n                    variants={{\n                      initial: {\n                        cx: graphWidth - radius,\n                        cy: y(d.y2),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        opacity: 0,\n                      },\n                      whileInView: {\n                        cx: graphWidth - radius,\n                        cy: y(d.y2),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        opacity: 1,\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    r={radius}\n                    style={{\n                      fillOpacity: 0.6,\n                    }}\n                  />\n                  {showLabels ? (\n                    <motion.text\n                      variants={{\n                        initial: {\n                          y: y(d.y2),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                          opacity: 0,\n                        },\n                        whileInView: {\n                          y: y(d.y2),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                          opacity: 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      style={{\n                        textAnchor: 'start',\n                        ...(styles?.yAxis?.labels || {}),\n                      }}\n                      className={cn('text-xs', classNames?.yAxis?.labels)}\n                      x={graphWidth - 5}\n                      dy='0.33em'\n                      dx={radius + 3}\n                    >\n                      {d.label}\n                    </motion.text>\n                  ) : highlightedDataPoints ? (\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\n                      <motion.text\n                        variants={{\n                          initial: {\n                            y: y(d.y2),\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\n                            opacity: 0,\n                          },\n                          whileInView: {\n                            y: y(d.y2),\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colors[colorDomain.indexOf(`${d.color}`)],\n                            opacity: 1,\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        style={{\n                          textAnchor: 'start',\n                          ...(styles?.yAxis?.labels || {}),\n                        }}\n                        className={cn('text-xs', classNames?.yAxis?.labels)}\n                        x={graphWidth - 5}\n                        dy='0.33em'\n                        dx={3}\n                      >\n                        {d.label}\n                      </motion.text>\n                    ) : null\n                  ) : null}\n                  <motion.line\n                    variants={{\n                      initial: {\n                        x1: radius,\n                        x2: graphWidth - radius,\n                        y1: y(d.y1),\n                        y2: y(d.y1),\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                      },\n                      whileInView: {\n                        x1: radius,\n                        x2: graphWidth - radius,\n                        y1: y(d.y1),\n                        y2: y(d.y2),\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colors[colorDomain.indexOf(`${d.color}`)],\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    className={classNames?.dataConnectors}\n                    style={{\n                      fill: 'none',\n                      strokeWidth: 1,\n                      ...styles?.dataConnectors,\n                    }}\n                  />\n                </motion.g>\n              );\n            })}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  SlopeChartDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: SlopeChartDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for circles */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\n  fillContainer?: boolean;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Radius of the circles */\n  radius?: number;\n  /** Title for the two axis */\n  axisTitles?: [string, string];\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\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 */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\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 */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function SlopeChart(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    showLabels = false,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    radius = 5,\n    axisTitles = ['', ''],\n    padding,\n    backgroundColor = false,\n    leftMargin = 50,\n    rightMargin = 50,\n    topMargin = 20,\n    bottomMargin = 20,\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    showColorScale = true,\n    highlightedDataPoints,\n    graphID,\n    minValue,\n    maxValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    fillContainer = true,\n    language = 'en',\n    showNAColor = true,\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    styles,\n    classNames,\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={fillContainer ? undefined : width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data.filter(\n              (d) => !checkIfNullOrUndefined(d.y1) && !checkIfNullOrUndefined(d.y2),\n            )}\n            width={fillContainer || !width ? svgWidth : svgWidth < width ? svgWidth : width}\n            height={svgHeight}\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            colors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            selectedColor={selectedColor}\n            axisTitles={axisTitles}\n            showLabels={showLabels}\n            radius={radius}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightedDataPoints={highlightedDataPoints}\n            minValue={minValue}\n            maxValue={maxValue}\n            onSeriesMouseClick={onSeriesMouseClick}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            styles={styles}\n            classNames={classNames}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/SlopeChart.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./compiler-runtime-oPPev21o.cjs"),H=require("react"),Zt=require("./index-DQA8q5sC.cjs"),bt=require("@undp/design-system-react/cn"),_t=require("./Tooltip-DwUFLDrj.cjs"),Ut=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),f=require("./Colors.cjs"),Ft=require("./Axis-DY7jsk1Y.cjs"),zt=require("./AxisTitle-CyFFbdNU.cjs"),te=require("./DetailsModal-BmjtLqrZ.cjs"),ee=require("./linear-CgUCbw9F.cjs"),yt=require("./proxy-QMeVVqam.cjs"),ie=require("./use-in-view-DjR_gqJP.cjs"),oe=require("./index-5BQWR1Z8.cjs"),ne=require("./GraphFooter.cjs"),le=require("./GraphHeader.cjs"),re=require("./ColorLegendWithMouseOver.cjs"),se=require("./EmptyState-BoaUUuo6.cjs"),Jt=require("./uniqBy-O05lp2S5.cjs"),Kt=require("./GraphContainer-gaG9TSy4.cjs");function ae(e){const t=r.compilerRuntimeExports.c(148),{data:o,width:G,height:h,showLabels:rt,colors:n,colorDomain:x,radius:s,leftMargin:y,rightMargin:dt,topMargin:P,bottomMargin:Ot,tooltip:At,onSeriesMouseOver:st,axisTitles:g,highlightedDataPoints:j,selectedColor:at,minValue:ct,maxValue:ut,onSeriesMouseClick:ht,resetSelectionOnDoubleClick:$t,detailsOnClick:S,styles:m,classNames:u,animate:a,dimmedOpacity:v,customLayers:R}=e,St=H.useRef(null);let gt;t[0]!==a.amount||t[1]!==a.once?(gt={once:a.once,amount:a.amount},t[0]=a.amount,t[1]=a.once,t[2]=gt):gt=t[2];const w=ie.useInView(St,gt),[b,Dt]=H.useState(void 0),[W,Nt]=H.useState(void 0),[Et,It]=H.useState(void 0),[vt,qt]=H.useState(void 0);let Ct;t[3]!==Ot||t[4]!==y||t[5]!==dt||t[6]!==P?(Ct={top:P,bottom:Ot,left:y,right:dt},t[3]=Ot,t[4]=y,t[5]=dt,t[6]=P,t[7]=Ct):Ct=t[7];const c=Ct,l=G-c.left-c.right,C=h-c.top-c.bottom;let Rt;t[8]!==o?(Rt=Math.min(...o.map(Ie)),t[8]=o,t[9]=Rt):Rt=t[9];let xt;t[10]!==o?(xt=Math.min(...o.map(Ne)),t[10]=o,t[11]=xt):xt=t[11];const Y=Math.min(Rt,xt);let jt;t[12]!==o?(jt=Math.max(...o.map(De)),t[12]=o,t[13]=jt):jt=t[13];let ft;t[14]!==o?(ft=Math.max(...o.map(Se)),t[14]=o,t[15]=ft):ft=t[15];const U=Math.max(jt,ft);let B,X,k,F,z,J,D,N,I,K,Q,M,d;if(t[16]!==a.duration||t[17]!==g[0]||t[18]!==g[1]||t[19]!==u?.dataConnectors||t[20]!==u?.yAxis?.axis||t[21]!==u?.yAxis?.labels||t[22]!==u?.yAxis?.title||t[23]!==x||t[24]!==n||t[25]!==R||t[26]!==o||t[27]!==S||t[28]!==v||t[29]!==C||t[30]!==l||t[31]!==h||t[32]!==j||t[33]!==w||t[34]!==c.left||t[35]!==c.top||t[36]!==ut||t[37]!==U||t[38]!==ct||t[39]!==Y||t[40]!==W||t[41]!==b||t[42]!==ht||t[43]!==st||t[44]!==s||t[45]!==$t||t[46]!==at||t[47]!==rt||t[48]!==m?.dataConnectors||t[49]!==m?.yAxis?.labels||t[50]!==m?.yAxis?.title||t[51]!==G){let mt;t[65]!==ct||t[66]!==Y?(mt=Ut.checkIfNullOrUndefined(ct)?Y>0?0:Y:ct,t[65]=ct,t[66]=Y,t[67]=mt):mt=t[67];let Lt;t[68]!==ut||t[69]!==U?(Lt=Ut.checkIfNullOrUndefined(ut)?U>0?U:0:ut,t[68]=ut,t[69]=U,t[70]=Lt):Lt=t[70];const p=ee.linear().domain([mt,Lt]).range([C,0]).nice();X=yt.motion.svg,F=`${G}px`,z=`${h}px`,J=`0 0 ${G} ${h}`,D="mx-auto",N="ltr",I=St,Q=`translate(${c.left},${c.top})`;const Wt=u?.yAxis?.axis;let et;t[71]!==Wt?(et=bt.cn("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",Wt),t[71]=Wt,t[72]=et):et=t[72];let pt;t[73]!==et?(pt={axis:et},t[73]=et,t[74]=pt):pt=t[74];let L;t[75]!==C||t[76]!==s||t[77]!==pt?(L=r.jsxRuntimeExports.jsx(Ft.Axis,{y1:0,y2:C,x1:s,x2:s,classNames:pt}),t[75]=C,t[76]=s,t[77]=pt,t[78]=L):L=t[78];const wt=C+15,kt=m?.yAxis?.title,Mt=u?.yAxis?.title;let it;t[79]!==Mt?(it=bt.cn("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",Mt),t[79]=Mt,t[80]=it):it=t[80];let A;t[81]!==g[0]||t[82]!==s||t[83]!==wt||t[84]!==kt||t[85]!==it?(A=r.jsxRuntimeExports.jsx(zt.AxisTitle,{x:s,y:wt,style:kt,className:it,text:g[0]}),t[81]=g[0],t[82]=s,t[83]=wt,t[84]=kt,t[85]=it,t[86]=A):A=t[86],t[87]!==L||t[88]!==A?(M=r.jsxRuntimeExports.jsxs("g",{children:[L,A]}),t[87]=L,t[88]=A,t[89]=M):M=t[89];const ot=l-s,nt=l-s,lt=u?.yAxis?.axis;let $;t[90]!==lt?($=bt.cn("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",lt),t[90]=lt,t[91]=$):$=t[91];let E;t[92]!==$?(E={axis:$},t[92]=$,t[93]=E):E=t[93];let T;t[94]!==C||t[95]!==ot||t[96]!==nt||t[97]!==E?(T=r.jsxRuntimeExports.jsx(Ft.Axis,{y1:0,y2:C,x1:ot,x2:nt,classNames:E}),t[94]=C,t[95]=ot,t[96]=nt,t[97]=E,t[98]=T):T=t[98];const Tt=l-s,Ht=C+15,Bt=m?.yAxis?.title,Xt=u?.yAxis?.title;let Gt;t[99]!==Xt?(Gt=bt.cn("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",Xt),t[99]=Xt,t[100]=Gt):Gt=t[100];let Pt;t[101]!==g[1]||t[102]!==Tt||t[103]!==Ht||t[104]!==Bt||t[105]!==Gt?(Pt=r.jsxRuntimeExports.jsx(zt.AxisTitle,{x:Tt,y:Ht,style:Bt,className:Gt,text:g[1]}),t[101]=g[1],t[102]=Tt,t[103]=Ht,t[104]=Bt,t[105]=Gt,t[106]=Pt):Pt=t[106],t[107]!==T||t[108]!==Pt?(d=r.jsxRuntimeExports.jsxs("g",{children:[T,Pt]}),t[107]=T,t[108]=Pt,t[109]=d):d=t[109],t[110]!==R?(k=R.filter(Me).map(ke),t[110]=R,t[111]=k):k=t[111],B=oe.AnimatePresence,K=o.map((i,Qt)=>r.jsxRuntimeExports.jsxs(yt.motion.g,{variants:{initial:{opacity:at?i.color&&n[x.indexOf(`${i.color}`)]===at?1:v:b?b.label===i.label?1:v:j?j.indexOf(i.label)!==-1?1:v:1},whileInView:{opacity:at?i.color&&n[x.indexOf(`${i.color}`)]===at?1:v:b?b.label===i.label?1:v:j?j.indexOf(i.label)!==-1?1:v:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},onMouseEnter:Yt=>{Dt(i),qt(Yt.clientY),It(Yt.clientX),st?.(i)},onMouseMove:Yt=>{Dt(i),qt(Yt.clientY),It(Yt.clientX)},onMouseLeave:()=>{Dt(void 0),It(void 0),qt(void 0),st?.(void 0)},onClick:()=>{(ht||S)&&(Zt.isEqual(W,i)&&$t?(Nt(void 0),ht?.(void 0)):(Nt(i),ht?.(i)))},children:[r.jsxRuntimeExports.jsx(yt.motion.circle,{variants:{initial:{cx:s,cy:p(i.y1),fill:o.filter(Re).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,stroke:o.filter(Ee).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{cx:s,cy:p(i.y1),fill:o.filter($e).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,stroke:o.filter(Ae).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},r:s,style:{fillOpacity:.6}}),rt?r.jsxRuntimeExports.jsx(yt.motion.text,{variants:{initial:{y:p(i.y1),fill:o.filter(Oe).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{y:p(i.y1),fill:o.filter(be).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},style:{textAnchor:"end",...m?.yAxis?.labels||{}},className:bt.cn("text-xs",u?.yAxis?.labels),x:5,dy:"0.33em",textAnchor:"end",dx:0-s-3,children:i.label}):j&&j.indexOf(i.label)!==-1?r.jsxRuntimeExports.jsx(yt.motion.text,{variants:{initial:{y:p(i.y1),fill:o.filter(we).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{y:p(i.y1),fill:o.filter(je).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},style:{textAnchor:"end",...m?.yAxis?.labels||{}},className:bt.cn("text-xs",u?.yAxis?.labels),x:5,dy:"0.33em",dx:-3,children:i.label}):null,r.jsxRuntimeExports.jsx(yt.motion.circle,{variants:{initial:{cx:l-s,cy:p(i.y2),fill:o.filter(Ce).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,stroke:o.filter(ve).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{cx:l-s,cy:p(i.y2),fill:o.filter(ge).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,stroke:o.filter(he).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},r:s,style:{fillOpacity:.6}}),rt?r.jsxRuntimeExports.jsx(yt.motion.text,{variants:{initial:{y:p(i.y2),fill:o.filter(de).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{y:p(i.y2),fill:o.filter(ye).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},style:{textAnchor:"start",...m?.yAxis?.labels||{}},className:bt.cn("text-xs",u?.yAxis?.labels),x:l-5,dy:"0.33em",dx:s+3,children:i.label}):j&&j.indexOf(i.label)!==-1?r.jsxRuntimeExports.jsx(yt.motion.text,{variants:{initial:{y:p(i.y2),fill:o.filter(pe).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:0},whileInView:{y:p(i.y2),fill:o.filter(me).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},style:{textAnchor:"start",...m?.yAxis?.labels||{}},className:bt.cn("text-xs",u?.yAxis?.labels),x:l-5,dy:"0.33em",dx:3,children:i.label}):null,r.jsxRuntimeExports.jsx(yt.motion.line,{variants:{initial:{x1:s,x2:l-s,y1:p(i.y1),y2:p(i.y1),stroke:o.filter(fe).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray},whileInView:{x1:s,x2:l-s,y1:p(i.y1),y2:p(i.y2),stroke:o.filter(xe).length===0?n[0]:i.color?n[x.indexOf(`${i.color}`)]:f.Colors.gray,transition:{duration:a.duration}}},initial:"initial",animate:w?"whileInView":"initial",exit:{opacity:0,transition:{duration:a.duration}},className:u?.dataConnectors,style:{fill:"none",strokeWidth:1,...m?.dataConnectors}})]},Qt)),t[16]=a.duration,t[17]=g[0],t[18]=g[1],t[19]=u?.dataConnectors,t[20]=u?.yAxis?.axis,t[21]=u?.yAxis?.labels,t[22]=u?.yAxis?.title,t[23]=x,t[24]=n,t[25]=R,t[26]=o,t[27]=S,t[28]=v,t[29]=C,t[30]=l,t[31]=h,t[32]=j,t[33]=w,t[34]=c.left,t[35]=c.top,t[36]=ut,t[37]=U,t[38]=ct,t[39]=Y,t[40]=W,t[41]=b,t[42]=ht,t[43]=st,t[44]=s,t[45]=$t,t[46]=at,t[47]=rt,t[48]=m?.dataConnectors,t[49]=m?.yAxis?.labels,t[50]=m?.yAxis?.title,t[51]=G,t[52]=B,t[53]=X,t[54]=k,t[55]=F,t[56]=z,t[57]=J,t[58]=D,t[59]=N,t[60]=I,t[61]=K,t[62]=Q,t[63]=M,t[64]=d}else B=t[52],X=t[53],k=t[54],F=t[55],z=t[56],J=t[57],D=t[58],N=t[59],I=t[60],K=t[61],Q=t[62],M=t[63],d=t[64];let Z;t[112]!==B||t[113]!==K?(Z=r.jsxRuntimeExports.jsx(B,{children:K}),t[112]=B,t[113]=K,t[114]=Z):Z=t[114];let q;t[115]!==R?(q=R.filter(ue).map(ce),t[115]=R,t[116]=q):q=t[116];let _;t[117]!==k||t[118]!==Z||t[119]!==q||t[120]!==Q||t[121]!==M||t[122]!==d?(_=r.jsxRuntimeExports.jsxs("g",{transform:Q,children:[M,d,k,Z,q]}),t[117]=k,t[118]=Z,t[119]=q,t[120]=Q,t[121]=M,t[122]=d,t[123]=_):_=t[123];let V;t[124]!==X||t[125]!==F||t[126]!==z||t[127]!==J||t[128]!==D||t[129]!==N||t[130]!==I||t[131]!==_?(V=r.jsxRuntimeExports.jsx(X,{width:F,height:z,viewBox:J,className:D,direction:N,ref:I,children:_}),t[124]=X,t[125]=F,t[126]=z,t[127]=J,t[128]=D,t[129]=N,t[130]=I,t[131]=_,t[132]=V):V=t[132];let tt;t[133]!==u?.tooltip||t[134]!==Et||t[135]!==vt||t[136]!==b||t[137]!==m?.tooltip||t[138]!==At?(tt=b&&At&&Et&&vt?r.jsxRuntimeExports.jsx(_t.Tooltip,{data:b,body:At,xPos:Et,yPos:vt,backgroundStyle:m?.tooltip,className:u?.tooltip}):null,t[133]=u?.tooltip,t[134]=Et,t[135]=vt,t[136]=b,t[137]=m?.tooltip,t[138]=At,t[139]=tt):tt=t[139];let O;t[140]!==u?.modal||t[141]!==S||t[142]!==W?(O=S&&W!==void 0?r.jsxRuntimeExports.jsx(te.DetailsModal,{body:S,data:W,setData:Nt,className:u?.modal}):null,t[140]=u?.modal,t[141]=S,t[142]=W,t[143]=O):O=t[143];let Vt;return t[144]!==V||t[145]!==tt||t[146]!==O?(Vt=r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[V,tt,O]}),t[144]=V,t[145]=tt,t[146]=O,t[147]=Vt):Vt=t[147],Vt}function ce(e){return e.layer}function ue(e){return e.position==="after"}function xe(e){return e.color}function fe(e){return e.color}function me(e){return e.color}function pe(e){return e.color}function ye(e){return e.color}function de(e){return e.color}function he(e){return e.color}function ge(e){return e.color}function ve(e){return e.color}function Ce(e){return e.color}function je(e){return e.color}function we(e){return e.color}function be(e){return e.color}function Oe(e){return e.color}function Ae(e){return e.color}function $e(e){return e.color}function Ee(e){return e.color}function Re(e){return e.color}function ke(e){return e.layer}function Me(e){return e.position==="before"}function Se(e){return e.y2}function De(e){return e.y1}function Ne(e){return e.y2}function Ie(e){return e.y1}function qe(e){const t=r.compilerRuntimeExports.c(87),{data:o,graphTitle:G,colors:h,sources:rt,graphDescription:n,showLabels:x,height:s,width:y,footNote:dt,colorDomain:P,colorLegendTitle:Ot,radius:At,axisTitles:st,padding:g,backgroundColor:j,leftMargin:at,rightMargin:ct,topMargin:ut,bottomMargin:ht,tooltip:$t,relativeHeight:S,onSeriesMouseOver:m,showColorScale:u,highlightedDataPoints:a,graphID:v,minValue:R,maxValue:St,onSeriesMouseClick:gt,graphDownload:w,dataDownload:b,fillContainer:Dt,language:W,showNAColor:Nt,minHeight:Et,theme:It,ariaLabel:vt,resetSelectionOnDoubleClick:qt,detailsOnClick:Ct,styles:c,classNames:l,animate:C,dimmedOpacity:Rt,customLayers:xt}=e,Y=x===void 0?!1:x,jt=At===void 0?5:At;let ft;t[0]!==st?(ft=st===void 0?["",""]:st,t[0]=st,t[1]=ft):ft=t[1];const U=ft,B=j===void 0?!1:j,X=at===void 0?50:at,k=ct===void 0?50:ct,F=ut===void 0?20:ut,z=ht===void 0?20:ht,J=u===void 0?!0:u,D=w===void 0?!1:w,N=b===void 0?!1:b,I=Dt===void 0?!0:Dt,K=W===void 0?"en":W,Q=Nt===void 0?!0:Nt,M=Et===void 0?0:Et,d=It===void 0?"light":It,Z=qt===void 0?!0:qt,q=C===void 0?!1:C,_=Rt===void 0?.3:Rt;let V;t[2]!==xt?(V=xt===void 0?[]:xt,t[2]=xt,t[3]=V):V=t[3];const tt=V,[O,Vt]=H.useState(0),[mt,Lt]=H.useState(0),[p,Wt]=H.useState(void 0),et=H.useRef(null),pt=H.useRef(null);let L,wt;t[4]===Symbol.for("react.memo_cache_sentinel")?(L=()=>{const Tt=new ResizeObserver(Ht=>{Vt(Ht[0].target.clientWidth||620),Lt(Ht[0].target.clientHeight||480)});return et.current&&Tt.observe(et.current),()=>Tt.disconnect()},wt=[],t[4]=L,t[5]=wt):(L=t[4],wt=t[5]),H.useEffect(L,wt);const kt=l?.graphContainer,Mt=c?.graphContainer,it=I?void 0:y;let A;t[6]!==l?.description||t[7]!==l?.title||t[8]!==o||t[9]!==N||t[10]!==n||t[11]!==D||t[12]!==G||t[13]!==c?.description||t[14]!==c?.title||t[15]!==y?(A=G||n||D||N?r.jsxRuntimeExports.jsx(le.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:l?.title,description:l?.description},graphTitle:G,graphDescription:n,width:y,graphDownload:D?pt:void 0,dataDownload:N?o.map(Ue).filter(Ye).length>0?o.map(We).filter(Pe):o.filter(Ge):null}):null,t[6]=l?.description,t[7]=l?.title,t[8]=o,t[9]=N,t[10]=n,t[11]=D,t[12]=G,t[13]=c?.description,t[14]=c?.title,t[15]=y,t[16]=A):A=t[16];let ot;t[17]!==l?.colorLegend||t[18]!==P||t[19]!==Ot||t[20]!==h||t[21]!==o||t[22]!==J||t[23]!==Q||t[24]!==d||t[25]!==y?(ot=J&&o.filter(He).length!==0&&o.length>0?r.jsxRuntimeExports.jsx(re.ColorLegendWithMouseOver,{width:y,colorLegendTitle:Ot,colors:h||f.Colors[d].categoricalColors.colors,colorDomain:P||Jt.uniqBy(o,"color",!0),setSelectedColor:Wt,showNAColor:Q,className:l?.colorLegend}):null,t[17]=l?.colorLegend,t[18]=P,t[19]=Ot,t[20]=h,t[21]=o,t[22]=J,t[23]=Q,t[24]=d,t[25]=y,t[26]=ot):ot=t[26];let nt;t[27]!==o.length?(nt=o.length===0&&r.jsxRuntimeExports.jsx(se.EmptyState,{}),t[27]=o.length,t[28]=nt):nt=t[28];let lt;t[29]!==q||t[30]!==U||t[31]!==z||t[32]!==l||t[33]!==P||t[34]!==h||t[35]!==tt||t[36]!==o||t[37]!==Ct||t[38]!==_||t[39]!==I||t[40]!==a||t[41]!==X||t[42]!==St||t[43]!==R||t[44]!==gt||t[45]!==m||t[46]!==jt||t[47]!==Z||t[48]!==k||t[49]!==p||t[50]!==Y||t[51]!==c||t[52]!==mt||t[53]!==O||t[54]!==d||t[55]!==$t||t[56]!==F||t[57]!==y?(lt=O&&mt&&o.length>0?r.jsxRuntimeExports.jsx(ae,{data:o.filter(Te),width:I||!y||O<y?O:y,height:mt,colorDomain:o.filter(Le).length===0?[]:P||Jt.uniqBy(o,"color",!0),colors:o.filter(Ve).length===0?h?[h]:[f.Colors.primaryColors["blue-600"]]:h||f.Colors[d].categoricalColors.colors,selectedColor:p,axisTitles:U,showLabels:Y,radius:jt,leftMargin:X,rightMargin:k,topMargin:F,bottomMargin:z,tooltip:$t,onSeriesMouseOver:m,highlightedDataPoints:a,minValue:R,maxValue:St,onSeriesMouseClick:gt,resetSelectionOnDoubleClick:Z,detailsOnClick:Ct,styles:c,classNames:l,animate:q===!0?{duration:.5,once:!0,amount:.5}:q||{duration:0,once:!0,amount:0},dimmedOpacity:_,customLayers:tt}):null,t[29]=q,t[30]=U,t[31]=z,t[32]=l,t[33]=P,t[34]=h,t[35]=tt,t[36]=o,t[37]=Ct,t[38]=_,t[39]=I,t[40]=a,t[41]=X,t[42]=St,t[43]=R,t[44]=gt,t[45]=m,t[46]=jt,t[47]=Z,t[48]=k,t[49]=p,t[50]=Y,t[51]=c,t[52]=mt,t[53]=O,t[54]=d,t[55]=$t,t[56]=F,t[57]=y,t[58]=lt):lt=t[58];let $;t[59]!==nt||t[60]!==lt?($=r.jsxRuntimeExports.jsxs(Kt.GraphArea,{ref:et,children:[nt,lt]}),t[59]=nt,t[60]=lt,t[61]=$):$=t[61];let E;t[62]!==l?.footnote||t[63]!==l?.source||t[64]!==dt||t[65]!==rt||t[66]!==c?.footnote||t[67]!==c?.source||t[68]!==y?(E=rt||dt?r.jsxRuntimeExports.jsx(ne.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:rt,footNote:dt,width:y}):null,t[62]=l?.footnote,t[63]=l?.source,t[64]=dt,t[65]=rt,t[66]=c?.footnote,t[67]=c?.source,t[68]=y,t[69]=E):E=t[69];let T;return t[70]!==vt||t[71]!==B||t[72]!==v||t[73]!==s||t[74]!==K||t[75]!==M||t[76]!==g||t[77]!==S||t[78]!==kt||t[79]!==Mt||t[80]!==it||t[81]!==A||t[82]!==ot||t[83]!==$||t[84]!==E||t[85]!==d?(T=r.jsxRuntimeExports.jsxs(Kt.GraphContainer,{className:kt,style:Mt,id:v,ref:pt,"aria-label":vt,backgroundColor:B,theme:d,language:K,minHeight:M,width:it,height:s,relativeHeight:S,padding:g,children:[A,ot,$,E]}),t[70]=vt,t[71]=B,t[72]=v,t[73]=s,t[74]=K,t[75]=M,t[76]=g,t[77]=S,t[78]=kt,t[79]=Mt,t[80]=it,t[81]=A,t[82]=ot,t[83]=$,t[84]=E,t[85]=d,t[86]=T):T=t[86],T}function Ve(e){return e.color}function Le(e){return e.color}function Te(e){return!Ut.checkIfNullOrUndefined(e.y1)&&!Ut.checkIfNullOrUndefined(e.y2)}function He(e){return e.color}function Ge(e){return e!==void 0}function Pe(e){return e!==void 0}function We(e){return e.data}function Ye(e){return e!==void 0}function Ue(e){return e.data}exports.SlopeChart=qe;
-//# sourceMappingURL=SlopeChart.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./SlopeChart-BwQY7GJl.cjs`);exports.SlopeChart=e.t;

package/dist/SlopeChart.d.ts

@@ -1,170 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AnimateDataType {
-    duration: number;
-    once: boolean;
-    amount: 'some' | 'all' | number;
-}
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare interface CustomLayerDataType {
-    position: 'before' | 'after';
-    layer: React.ReactNode;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface Props {
-    /** Array of data objects */
-    data: SlopeChartDataType[];
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Color or array of colors for circles */
-    colors?: string | string[];
-    /** Domain of colors for the graph */
-    colorDomain?: string[];
-    /** Title for the color legend */
-    colorLegendTitle?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Left margin of the graph */
-    leftMargin?: number;
-    /** Right margin of the graph */
-    rightMargin?: number;
-    /** Top margin of the graph */
-    topMargin?: number;
-    /** Bottom margin of the graph */
-    bottomMargin?: number;
-    /** Toggles the background to fill the container. This only works if the width of the graph is defined. */
-    fillContainer?: boolean;
-    /** Maximum value for the chart */
-    maxValue?: number;
-    /** Minimum value for the chart */
-    minValue?: number;
-    /** Toggle visibility of labels */
-    showLabels?: boolean;
-    /** Radius of the circles */
-    radius?: number;
-    /** Title for the two axis */
-    axisTitles?: [string, string];
-    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
-    showColorScale?: boolean;
-    /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */
-    showNAColor?: boolean;
-    /** Data points to highlight. Use the label value from data to highlight the data point */
-    highlightedDataPoints?: (string | number)[];
-    /** Defines the opacity of the non-highlighted data */
-    dimmedOpacity?: number;
-    /** Toggles if the graph animates in when loaded.  */
-    animate?: boolean | AnimateDataType;
-    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
-    customLayers?: CustomLayerDataType[];
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */
-    resetSelectionOnDoubleClick?: boolean;
-    /** 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 */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** 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 */
-    detailsOnClick?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Callback for mouse click event */
-    onSeriesMouseClick?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-export declare function SlopeChart(props: Props): JSX.Element;
-
-declare interface SlopeChartDataType {
-    y1: number;
-    y2: number;
-    color?: string | number;
-    label: string | number;
-    data?: object;
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/SlopeChart/index'
+export {}