@undp/data-viz 1.2.8 → 1.3.1

package/dist/SankeyChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.js","sources":["../node_modules/d3-sankey/node_modules/d3-array/src/max.js","../node_modules/d3-sankey/node_modules/d3-array/src/min.js","../node_modules/d3-sankey/node_modules/d3-array/src/sum.js","../node_modules/d3-sankey/src/align.js","../node_modules/d3-sankey/src/constant.js","../node_modules/d3-sankey/src/sankey.js","../node_modules/d3-sankey/node_modules/d3-path/src/path.js","../node_modules/d3-sankey/node_modules/d3-shape/src/constant.js","../node_modules/d3-sankey/node_modules/d3-shape/src/point.js","../node_modules/d3-sankey/node_modules/d3-shape/src/array.js","../node_modules/d3-sankey/node_modules/d3-shape/src/link/index.js","../node_modules/d3-sankey/src/sankeyLinkHorizontal.js","../src/Components/Graphs/SankeyChart/Graph.tsx","../src/Components/Graphs/SankeyChart/index.tsx"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n","export default function min(values, valueof) {\n  let min;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (min > value || (min === undefined && value >= value))) {\n        min = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (min > value || (min === undefined && value >= value))) {\n        min = value;\n      }\n    }\n  }\n  return min;\n}\n","export default function sum(values, valueof) {\n  let sum = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value = +value) {\n        sum += value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if (value = +valueof(value, ++index, values)) {\n        sum += value;\n      }\n    }\n  }\n  return sum;\n}\n","import {min} from \"d3-array\";\n\nfunction targetDepth(d) {\n  return d.target.depth;\n}\n\nexport function left(node) {\n  return node.depth;\n}\n\nexport function right(node, n) {\n  return n - 1 - node.height;\n}\n\nexport function justify(node, n) {\n  return node.sourceLinks.length ? node.depth : n - 1;\n}\n\nexport function center(node) {\n  return node.targetLinks.length ? node.depth\n      : node.sourceLinks.length ? min(node.sourceLinks, targetDepth) - 1\n      : 0;\n}\n","export default function constant(x) {\n  return function() {\n    return x;\n  };\n}\n","import {max, min, sum} from \"d3-array\";\nimport {justify} from \"./align.js\";\nimport constant from \"./constant.js\";\n\nfunction ascendingSourceBreadth(a, b) {\n  return ascendingBreadth(a.source, b.source) || a.index - b.index;\n}\n\nfunction ascendingTargetBreadth(a, b) {\n  return ascendingBreadth(a.target, b.target) || a.index - b.index;\n}\n\nfunction ascendingBreadth(a, b) {\n  return a.y0 - b.y0;\n}\n\nfunction value(d) {\n  return d.value;\n}\n\nfunction defaultId(d) {\n  return d.index;\n}\n\nfunction defaultNodes(graph) {\n  return graph.nodes;\n}\n\nfunction defaultLinks(graph) {\n  return graph.links;\n}\n\nfunction find(nodeById, id) {\n  const node = nodeById.get(id);\n  if (!node) throw new Error(\"missing: \" + id);\n  return node;\n}\n\nfunction computeLinkBreadths({nodes}) {\n  for (const node of nodes) {\n    let y0 = node.y0;\n    let y1 = y0;\n    for (const link of node.sourceLinks) {\n      link.y0 = y0 + link.width / 2;\n      y0 += link.width;\n    }\n    for (const link of node.targetLinks) {\n      link.y1 = y1 + link.width / 2;\n      y1 += link.width;\n    }\n  }\n}\n\nexport default function Sankey() {\n  let x0 = 0, y0 = 0, x1 = 1, y1 = 1; // extent\n  let dx = 24; // nodeWidth\n  let dy = 8, py; // nodePadding\n  let id = defaultId;\n  let align = justify;\n  let sort;\n  let linkSort;\n  let nodes = defaultNodes;\n  let links = defaultLinks;\n  let iterations = 6;\n\n  function sankey() {\n    const graph = {nodes: nodes.apply(null, arguments), links: links.apply(null, arguments)};\n    computeNodeLinks(graph);\n    computeNodeValues(graph);\n    computeNodeDepths(graph);\n    computeNodeHeights(graph);\n    computeNodeBreadths(graph);\n    computeLinkBreadths(graph);\n    return graph;\n  }\n\n  sankey.update = function(graph) {\n    computeLinkBreadths(graph);\n    return graph;\n  };\n\n  sankey.nodeId = function(_) {\n    return arguments.length ? (id = typeof _ === \"function\" ? _ : constant(_), sankey) : id;\n  };\n\n  sankey.nodeAlign = function(_) {\n    return arguments.length ? (align = typeof _ === \"function\" ? _ : constant(_), sankey) : align;\n  };\n\n  sankey.nodeSort = function(_) {\n    return arguments.length ? (sort = _, sankey) : sort;\n  };\n\n  sankey.nodeWidth = function(_) {\n    return arguments.length ? (dx = +_, sankey) : dx;\n  };\n\n  sankey.nodePadding = function(_) {\n    return arguments.length ? (dy = py = +_, sankey) : dy;\n  };\n\n  sankey.nodes = function(_) {\n    return arguments.length ? (nodes = typeof _ === \"function\" ? _ : constant(_), sankey) : nodes;\n  };\n\n  sankey.links = function(_) {\n    return arguments.length ? (links = typeof _ === \"function\" ? _ : constant(_), sankey) : links;\n  };\n\n  sankey.linkSort = function(_) {\n    return arguments.length ? (linkSort = _, sankey) : linkSort;\n  };\n\n  sankey.size = function(_) {\n    return arguments.length ? (x0 = y0 = 0, x1 = +_[0], y1 = +_[1], sankey) : [x1 - x0, y1 - y0];\n  };\n\n  sankey.extent = function(_) {\n    return arguments.length ? (x0 = +_[0][0], x1 = +_[1][0], y0 = +_[0][1], y1 = +_[1][1], sankey) : [[x0, y0], [x1, y1]];\n  };\n\n  sankey.iterations = function(_) {\n    return arguments.length ? (iterations = +_, sankey) : iterations;\n  };\n\n  function computeNodeLinks({nodes, links}) {\n    for (const [i, node] of nodes.entries()) {\n      node.index = i;\n      node.sourceLinks = [];\n      node.targetLinks = [];\n    }\n    const nodeById = new Map(nodes.map((d, i) => [id(d, i, nodes), d]));\n    for (const [i, link] of links.entries()) {\n      link.index = i;\n      let {source, target} = link;\n      if (typeof source !== \"object\") source = link.source = find(nodeById, source);\n      if (typeof target !== \"object\") target = link.target = find(nodeById, target);\n      source.sourceLinks.push(link);\n      target.targetLinks.push(link);\n    }\n    if (linkSort != null) {\n      for (const {sourceLinks, targetLinks} of nodes) {\n        sourceLinks.sort(linkSort);\n        targetLinks.sort(linkSort);\n      }\n    }\n  }\n\n  function computeNodeValues({nodes}) {\n    for (const node of nodes) {\n      node.value = node.fixedValue === undefined\n          ? Math.max(sum(node.sourceLinks, value), sum(node.targetLinks, value))\n          : node.fixedValue;\n    }\n  }\n\n  function computeNodeDepths({nodes}) {\n    const n = nodes.length;\n    let current = new Set(nodes);\n    let next = new Set;\n    let x = 0;\n    while (current.size) {\n      for (const node of current) {\n        node.depth = x;\n        for (const {target} of node.sourceLinks) {\n          next.add(target);\n        }\n      }\n      if (++x > n) throw new Error(\"circular link\");\n      current = next;\n      next = new Set;\n    }\n  }\n\n  function computeNodeHeights({nodes}) {\n    const n = nodes.length;\n    let current = new Set(nodes);\n    let next = new Set;\n    let x = 0;\n    while (current.size) {\n      for (const node of current) {\n        node.height = x;\n        for (const {source} of node.targetLinks) {\n          next.add(source);\n        }\n      }\n      if (++x > n) throw new Error(\"circular link\");\n      current = next;\n      next = new Set;\n    }\n  }\n\n  function computeNodeLayers({nodes}) {\n    const x = max(nodes, d => d.depth) + 1;\n    const kx = (x1 - x0 - dx) / (x - 1);\n    const columns = new Array(x);\n    for (const node of nodes) {\n      const i = Math.max(0, Math.min(x - 1, Math.floor(align.call(null, node, x))));\n      node.layer = i;\n      node.x0 = x0 + i * kx;\n      node.x1 = node.x0 + dx;\n      if (columns[i]) columns[i].push(node);\n      else columns[i] = [node];\n    }\n    if (sort) for (const column of columns) {\n      column.sort(sort);\n    }\n    return columns;\n  }\n\n  function initializeNodeBreadths(columns) {\n    const ky = min(columns, c => (y1 - y0 - (c.length - 1) * py) / sum(c, value));\n    for (const nodes of columns) {\n      let y = y0;\n      for (const node of nodes) {\n        node.y0 = y;\n        node.y1 = y + node.value * ky;\n        y = node.y1 + py;\n        for (const link of node.sourceLinks) {\n          link.width = link.value * ky;\n        }\n      }\n      y = (y1 - y + py) / (nodes.length + 1);\n      for (let i = 0; i < nodes.length; ++i) {\n        const node = nodes[i];\n        node.y0 += y * (i + 1);\n        node.y1 += y * (i + 1);\n      }\n      reorderLinks(nodes);\n    }\n  }\n\n  function computeNodeBreadths(graph) {\n    const columns = computeNodeLayers(graph);\n    py = Math.min(dy, (y1 - y0) / (max(columns, c => c.length) - 1));\n    initializeNodeBreadths(columns);\n    for (let i = 0; i < iterations; ++i) {\n      const alpha = Math.pow(0.99, i);\n      const beta = Math.max(1 - alpha, (i + 1) / iterations);\n      relaxRightToLeft(columns, alpha, beta);\n      relaxLeftToRight(columns, alpha, beta);\n    }\n  }\n\n  // Reposition each node based on its incoming (target) links.\n  function relaxLeftToRight(columns, alpha, beta) {\n    for (let i = 1, n = columns.length; i < n; ++i) {\n      const column = columns[i];\n      for (const target of column) {\n        let y = 0;\n        let w = 0;\n        for (const {source, value} of target.targetLinks) {\n          let v = value * (target.layer - source.layer);\n          y += targetTop(source, target) * v;\n          w += v;\n        }\n        if (!(w > 0)) continue;\n        let dy = (y / w - target.y0) * alpha;\n        target.y0 += dy;\n        target.y1 += dy;\n        reorderNodeLinks(target);\n      }\n      if (sort === undefined) column.sort(ascendingBreadth);\n      resolveCollisions(column, beta);\n    }\n  }\n\n  // Reposition each node based on its outgoing (source) links.\n  function relaxRightToLeft(columns, alpha, beta) {\n    for (let n = columns.length, i = n - 2; i >= 0; --i) {\n      const column = columns[i];\n      for (const source of column) {\n        let y = 0;\n        let w = 0;\n        for (const {target, value} of source.sourceLinks) {\n          let v = value * (target.layer - source.layer);\n          y += sourceTop(source, target) * v;\n          w += v;\n        }\n        if (!(w > 0)) continue;\n        let dy = (y / w - source.y0) * alpha;\n        source.y0 += dy;\n        source.y1 += dy;\n        reorderNodeLinks(source);\n      }\n      if (sort === undefined) column.sort(ascendingBreadth);\n      resolveCollisions(column, beta);\n    }\n  }\n\n  function resolveCollisions(nodes, alpha) {\n    const i = nodes.length >> 1;\n    const subject = nodes[i];\n    resolveCollisionsBottomToTop(nodes, subject.y0 - py, i - 1, alpha);\n    resolveCollisionsTopToBottom(nodes, subject.y1 + py, i + 1, alpha);\n    resolveCollisionsBottomToTop(nodes, y1, nodes.length - 1, alpha);\n    resolveCollisionsTopToBottom(nodes, y0, 0, alpha);\n  }\n\n  // Push any overlapping nodes down.\n  function resolveCollisionsTopToBottom(nodes, y, i, alpha) {\n    for (; i < nodes.length; ++i) {\n      const node = nodes[i];\n      const dy = (y - node.y0) * alpha;\n      if (dy > 1e-6) node.y0 += dy, node.y1 += dy;\n      y = node.y1 + py;\n    }\n  }\n\n  // Push any overlapping nodes up.\n  function resolveCollisionsBottomToTop(nodes, y, i, alpha) {\n    for (; i >= 0; --i) {\n      const node = nodes[i];\n      const dy = (node.y1 - y) * alpha;\n      if (dy > 1e-6) node.y0 -= dy, node.y1 -= dy;\n      y = node.y0 - py;\n    }\n  }\n\n  function reorderNodeLinks({sourceLinks, targetLinks}) {\n    if (linkSort === undefined) {\n      for (const {source: {sourceLinks}} of targetLinks) {\n        sourceLinks.sort(ascendingTargetBreadth);\n      }\n      for (const {target: {targetLinks}} of sourceLinks) {\n        targetLinks.sort(ascendingSourceBreadth);\n      }\n    }\n  }\n\n  function reorderLinks(nodes) {\n    if (linkSort === undefined) {\n      for (const {sourceLinks, targetLinks} of nodes) {\n        sourceLinks.sort(ascendingTargetBreadth);\n        targetLinks.sort(ascendingSourceBreadth);\n      }\n    }\n  }\n\n  // Returns the target.y0 that would produce an ideal link from source to target.\n  function targetTop(source, target) {\n    let y = source.y0 - (source.sourceLinks.length - 1) * py / 2;\n    for (const {target: node, width} of source.sourceLinks) {\n      if (node === target) break;\n      y += width + py;\n    }\n    for (const {source: node, width} of target.targetLinks) {\n      if (node === source) break;\n      y -= width;\n    }\n    return y;\n  }\n\n  // Returns the source.y0 that would produce an ideal link from source to target.\n  function sourceTop(source, target) {\n    let y = target.y0 - (target.targetLinks.length - 1) * py / 2;\n    for (const {source: node, width} of target.targetLinks) {\n      if (node === source) break;\n      y += width + py;\n    }\n    for (const {target: node, width} of source.sourceLinks) {\n      if (node === target) break;\n      y -= width;\n    }\n    return y;\n  }\n\n  return sankey;\n}\n","var pi = Math.PI,\n    tau = 2 * pi,\n    epsilon = 1e-6,\n    tauEpsilon = tau - epsilon;\n\nfunction Path() {\n  this._x0 = this._y0 = // start of current subpath\n  this._x1 = this._y1 = null; // end of current subpath\n  this._ = \"\";\n}\n\nfunction path() {\n  return new Path;\n}\n\nPath.prototype = path.prototype = {\n  constructor: Path,\n  moveTo: function(x, y) {\n    this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y);\n  },\n  closePath: function() {\n    if (this._x1 !== null) {\n      this._x1 = this._x0, this._y1 = this._y0;\n      this._ += \"Z\";\n    }\n  },\n  lineTo: function(x, y) {\n    this._ += \"L\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  quadraticCurveTo: function(x1, y1, x, y) {\n    this._ += \"Q\" + (+x1) + \",\" + (+y1) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  bezierCurveTo: function(x1, y1, x2, y2, x, y) {\n    this._ += \"C\" + (+x1) + \",\" + (+y1) + \",\" + (+x2) + \",\" + (+y2) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  arcTo: function(x1, y1, x2, y2, r) {\n    x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;\n    var x0 = this._x1,\n        y0 = this._y1,\n        x21 = x2 - x1,\n        y21 = y2 - y1,\n        x01 = x0 - x1,\n        y01 = y0 - y1,\n        l01_2 = x01 * x01 + y01 * y01;\n\n    // Is the radius negative? Error.\n    if (r < 0) throw new Error(\"negative radius: \" + r);\n\n    // Is this path empty? Move to (x1,y1).\n    if (this._x1 === null) {\n      this._ += \"M\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n    }\n\n    // Or, is (x1,y1) coincident with (x0,y0)? Do nothing.\n    else if (!(l01_2 > epsilon));\n\n    // Or, are (x0,y0), (x1,y1) and (x2,y2) collinear?\n    // Equivalently, is (x1,y1) coincident with (x2,y2)?\n    // Or, is the radius zero? Line to (x1,y1).\n    else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r) {\n      this._ += \"L\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n    }\n\n    // Otherwise, draw an arc!\n    else {\n      var x20 = x2 - x0,\n          y20 = y2 - y0,\n          l21_2 = x21 * x21 + y21 * y21,\n          l20_2 = x20 * x20 + y20 * y20,\n          l21 = Math.sqrt(l21_2),\n          l01 = Math.sqrt(l01_2),\n          l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),\n          t01 = l / l01,\n          t21 = l / l21;\n\n      // If the start tangent is not coincident with (x0,y0), line to.\n      if (Math.abs(t01 - 1) > epsilon) {\n        this._ += \"L\" + (x1 + t01 * x01) + \",\" + (y1 + t01 * y01);\n      }\n\n      this._ += \"A\" + r + \",\" + r + \",0,0,\" + (+(y01 * x20 > x01 * y20)) + \",\" + (this._x1 = x1 + t21 * x21) + \",\" + (this._y1 = y1 + t21 * y21);\n    }\n  },\n  arc: function(x, y, r, a0, a1, ccw) {\n    x = +x, y = +y, r = +r, ccw = !!ccw;\n    var dx = r * Math.cos(a0),\n        dy = r * Math.sin(a0),\n        x0 = x + dx,\n        y0 = y + dy,\n        cw = 1 ^ ccw,\n        da = ccw ? a0 - a1 : a1 - a0;\n\n    // Is the radius negative? Error.\n    if (r < 0) throw new Error(\"negative radius: \" + r);\n\n    // Is this path empty? Move to (x0,y0).\n    if (this._x1 === null) {\n      this._ += \"M\" + x0 + \",\" + y0;\n    }\n\n    // Or, is (x0,y0) not coincident with the previous point? Line to (x0,y0).\n    else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) {\n      this._ += \"L\" + x0 + \",\" + y0;\n    }\n\n    // Is this arc empty? We’re done.\n    if (!r) return;\n\n    // Does the angle go the wrong way? Flip the direction.\n    if (da < 0) da = da % tau + tau;\n\n    // Is this a complete circle? Draw two arcs to complete the circle.\n    if (da > tauEpsilon) {\n      this._ += \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (x - dx) + \",\" + (y - dy) + \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (this._x1 = x0) + \",\" + (this._y1 = y0);\n    }\n\n    // Is this arc non-empty? Draw an arc!\n    else if (da > epsilon) {\n      this._ += \"A\" + r + \",\" + r + \",0,\" + (+(da >= pi)) + \",\" + cw + \",\" + (this._x1 = x + r * Math.cos(a1)) + \",\" + (this._y1 = y + r * Math.sin(a1));\n    }\n  },\n  rect: function(x, y, w, h) {\n    this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y) + \"h\" + (+w) + \"v\" + (+h) + \"h\" + (-w) + \"Z\";\n  },\n  toString: function() {\n    return this._;\n  }\n};\n\nexport default path;\n","export default function(x) {\n  return function constant() {\n    return x;\n  };\n}\n","export function x(p) {\n  return p[0];\n}\n\nexport function y(p) {\n  return p[1];\n}\n","export var slice = Array.prototype.slice;\n","import {path} from \"d3-path\";\nimport {slice} from \"../array.js\";\nimport constant from \"../constant.js\";\nimport {x as pointX, y as pointY} from \"../point.js\";\nimport pointRadial from \"../pointRadial.js\";\n\nfunction linkSource(d) {\n  return d.source;\n}\n\nfunction linkTarget(d) {\n  return d.target;\n}\n\nfunction link(curve) {\n  var source = linkSource,\n      target = linkTarget,\n      x = pointX,\n      y = pointY,\n      context = null;\n\n  function link() {\n    var buffer, argv = slice.call(arguments), s = source.apply(this, argv), t = target.apply(this, argv);\n    if (!context) context = buffer = path();\n    curve(context, +x.apply(this, (argv[0] = s, argv)), +y.apply(this, argv), +x.apply(this, (argv[0] = t, argv)), +y.apply(this, argv));\n    if (buffer) return context = null, buffer + \"\" || null;\n  }\n\n  link.source = function(_) {\n    return arguments.length ? (source = _, link) : source;\n  };\n\n  link.target = function(_) {\n    return arguments.length ? (target = _, link) : target;\n  };\n\n  link.x = function(_) {\n    return arguments.length ? (x = typeof _ === \"function\" ? _ : constant(+_), link) : x;\n  };\n\n  link.y = function(_) {\n    return arguments.length ? (y = typeof _ === \"function\" ? _ : constant(+_), link) : y;\n  };\n\n  link.context = function(_) {\n    return arguments.length ? ((context = _ == null ? null : _), link) : context;\n  };\n\n  return link;\n}\n\nfunction curveHorizontal(context, x0, y0, x1, y1) {\n  context.moveTo(x0, y0);\n  context.bezierCurveTo(x0 = (x0 + x1) / 2, y0, x0, y1, x1, y1);\n}\n\nfunction curveVertical(context, x0, y0, x1, y1) {\n  context.moveTo(x0, y0);\n  context.bezierCurveTo(x0, y0 = (y0 + y1) / 2, x1, y0, x1, y1);\n}\n\nfunction curveRadial(context, x0, y0, x1, y1) {\n  var p0 = pointRadial(x0, y0),\n      p1 = pointRadial(x0, y0 = (y0 + y1) / 2),\n      p2 = pointRadial(x1, y0),\n      p3 = pointRadial(x1, y1);\n  context.moveTo(p0[0], p0[1]);\n  context.bezierCurveTo(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1]);\n}\n\nexport function linkHorizontal() {\n  return link(curveHorizontal);\n}\n\nexport function linkVertical() {\n  return link(curveVertical);\n}\n\nexport function linkRadial() {\n  var l = link(curveRadial);\n  l.angle = l.x, delete l.x;\n  l.radius = l.y, delete l.y;\n  return l;\n}\n","import {linkHorizontal} from \"d3-shape\";\n\nfunction horizontalSource(d) {\n  return [d.source.x1, d.y0];\n}\n\nfunction horizontalTarget(d) {\n  return [d.target.x0, d.y1];\n}\n\nexport default function() {\n  return linkHorizontal()\n      .source(horizontalSource)\n      .target(horizontalTarget);\n}\n","import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { sankey, sankeyCenter, sankeyLinkHorizontal } from 'd3-sankey';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  NodeDataType,\r\n  NodesLinkDataType,\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\n\r\ninterface Props {\r\n  data: NodesLinkDataType;\r\n  showLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  defaultLinkOpacity: number;\r\n  width: number;\r\n  height: number;\r\n  nodePadding: number;\r\n  nodeWidth: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  id: string;\r\n  highlightedSourceDataPoints: string[];\r\n  highlightedTargetDataPoints: string[];\r\n  sourceTitle?: string;\r\n  targetTitle?: string;\r\n  animate: AnimateDataType;\r\n  sortNodes: 'asc' | 'desc' | 'mostReadable' | 'none';\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  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    onSeriesMouseClick,\r\n    nodePadding,\r\n    nodeWidth,\r\n    id,\r\n    highlightedSourceDataPoints,\r\n    highlightedTargetDataPoints,\r\n    defaultLinkOpacity,\r\n    sourceTitle,\r\n    targetTitle,\r\n    animate,\r\n    sortNodes,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\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  // 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [selectedNode, setSelectedNode] = 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,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const sankeyGenerator =\r\n    sortNodes === 'mostReadable'\r\n      ? sankey()\r\n          .nodeWidth(nodeWidth)\r\n          .nodePadding(nodePadding)\r\n          .size([graphWidth, graphHeight])\r\n          .nodeAlign(sankeyCenter)\r\n      : sortNodes === 'none'\r\n        ? sankey()\r\n            .nodeWidth(nodeWidth)\r\n            .nodePadding(nodePadding)\r\n            .size([graphWidth, graphHeight])\r\n            .nodeAlign(sankeyCenter)\r\n            .nodeSort(() => null)\r\n            .linkSort(() => null)\r\n        : sankey()\r\n            .nodeWidth(nodeWidth)\r\n            .nodePadding(nodePadding)\r\n            .size([graphWidth, graphHeight])\r\n            .nodeAlign(sankeyCenter)\r\n            .nodeSort(\r\n              sortNodes === 'desc'\r\n                ? (a, b) => (b.value || 0) - (a.value || 0)\r\n                : (a, b) => (a.value || 0) - (b.value || 0),\r\n            );\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const { nodes, links } = sankeyGenerator(data as any);\r\n  const linkPathGenerator = sankeyLinkHorizontal();\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        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        {sourceTitle ? (\r\n          <text\r\n            x={margin.left}\r\n            y={margin.top - 10}\r\n            className='text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100'\r\n            style={{ textAnchor: 'start' }}\r\n          >\r\n            {sourceTitle}\r\n          </text>\r\n        ) : null}\r\n        {targetTitle ? (\r\n          <text\r\n            x={width - margin.right}\r\n            y={margin.top - 10}\r\n            className='text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100'\r\n            style={{ textAnchor: 'end' }}\r\n          >\r\n            {targetTitle}\r\n          </text>\r\n        ) : null}\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          {nodes\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            .filter((d: any) => d.type === 'source')\r\n            .map((d, i) => (\r\n              <g\r\n                key={i}\r\n                onMouseEnter={() => {\r\n                  setSelectedNode(d);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setSelectedNode(undefined);\r\n                }}\r\n              >\r\n                <g transform={`translate(${d.x0},${d.y0})`}>\r\n                  <rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={(d.x1 || 0) - (d.x0 || 0)}\r\n                    height={(d.y1 || 0) - (d.y0 || 0)}\r\n                    style={{ fill: (d as NodeDataType).color }}\r\n                  />\r\n                  {showLabels || showValues ? (\r\n                    <foreignObject\r\n                      y={0 - nodePadding / 2}\r\n                      x={0 - leftMargin}\r\n                      width={leftMargin}\r\n                      height={(d.y1 || 0) - (d.y0 || 0) + nodePadding}\r\n                    >\r\n                      <div\r\n                        className='flex flex-col gap-0.5 justify-center py-0 px-1.5'\r\n                        style={{\r\n                          height: `${(d.y1 || 0) - (d.y0 || 0) + nodePadding}px`,\r\n                          overflow: 'visible',\r\n                        }}\r\n                      >\r\n                        {showLabels ? (\r\n                          <P\r\n                            marginBottom={showValues ? '3xs' : 'none'}\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-right-label text-right',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {`${(d as NodeDataType).label}`.length < truncateBy\r\n                              ? `${(d as NodeDataType).label}`\r\n                              : `${`${(d as NodeDataType).label}`.substring(0, truncateBy)}...`}\r\n                          </P>\r\n                        ) : null}\r\n                        {showValues ? (\r\n                          <P\r\n                            marginBottom='none'\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-right-value text-right font-bold',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </P>\r\n                        ) : null}\r\n                      </div>\r\n                    </foreignObject>\r\n                  ) : null}\r\n                </g>\r\n              </g>\r\n            ))}\r\n          {nodes\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            .filter((d: any) => d.type === 'target')\r\n            .map((d, i) => (\r\n              <g\r\n                key={i}\r\n                onMouseEnter={() => {\r\n                  setSelectedNode(d);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setSelectedNode(undefined);\r\n                }}\r\n              >\r\n                <g transform={`translate(${d.x0},${d.y0})`}>\r\n                  <rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={(d.x1 || 0) - (d.x0 || 0)}\r\n                    height={(d.y1 || 0) - (d.y0 || 0)}\r\n                    style={{ fill: (d as NodeDataType).color }}\r\n                  />\r\n                  {showLabels || showValues ? (\r\n                    <foreignObject\r\n                      y={0 - nodePadding / 2}\r\n                      x={nodeWidth}\r\n                      width={rightMargin - nodeWidth}\r\n                      height={(d.y1 || 0) - (d.y0 || 0) + nodePadding}\r\n                    >\r\n                      <div\r\n                        className='flex flex-col gap-0.5 justify-center py-0 px-1.5'\r\n                        style={{\r\n                          height: `${(d.y1 || 0) - (d.y0 || 0) + nodePadding}px`,\r\n                        }}\r\n                      >\r\n                        {showLabels ? (\r\n                          <P\r\n                            marginBottom={showValues ? '3xs' : 'none'}\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-left-label text-left',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {`${(d as NodeDataType).label}`.length < truncateBy\r\n                              ? `${(d as NodeDataType).label}`\r\n                              : `${`${(d as NodeDataType).label}`.substring(0, truncateBy)}...`}\r\n                          </P>\r\n                        ) : null}\r\n                        {showValues ? (\r\n                          <P\r\n                            size='sm'\r\n                            leading='none'\r\n                            marginBottom='none'\r\n                            className={cn(\r\n                              'sankey-left-value text-left font-bold',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </P>\r\n                        ) : null}\r\n                      </div>\r\n                    </foreignObject>\r\n                  ) : null}\r\n                </g>\r\n              </g>\r\n            ))}\r\n          <defs>\r\n            {links.map((d, i) => (\r\n              <linearGradient\r\n                id={`${id}-gradient-${i}`}\r\n                x1='0%'\r\n                y1='0%'\r\n                x2='100%'\r\n                y2='0%'\r\n                key={i}\r\n                gradientUnits='userSpaceOnUse'\r\n              >\r\n                <stop\r\n                  offset='0%'\r\n                  style={{\r\n                    stopColor: (d.source as NodeDataType).color,\r\n                    stopOpacity: 1,\r\n                  }}\r\n                />\r\n                <stop\r\n                  offset='100%'\r\n                  style={{\r\n                    stopColor: (d.target as NodeDataType).color,\r\n                    stopOpacity: 1,\r\n                  }}\r\n                />\r\n              </linearGradient>\r\n            ))}\r\n          </defs>\r\n          <g>\r\n            <AnimatePresence>\r\n              {links.map((d, i) => (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={`${d.source}-${d.target}`}\r\n                  onMouseEnter={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        isEqual(mouseClickData, (d as any).data) &&\r\n                        resetSelectionOnDoubleClick\r\n                      ) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        setMouseClickData((d as any).data);\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onSeriesMouseClick?.((d as any).data);\r\n                      }\r\n                    }\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                  variants={{\r\n                    initial: {\r\n                      opacity: selectedNode\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.source as any).name === selectedNode.name ||\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.target as any).name === selectedNode.name\r\n                          ? 0.85\r\n                          : defaultLinkOpacity\r\n                        : highlightedSourceDataPoints.length !== 0 ||\r\n                            highlightedTargetDataPoints.length !== 0\r\n                          ? highlightedSourceDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.source as any).label,\r\n                            ) !== -1 ||\r\n                            highlightedTargetDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.target as any).label,\r\n                            ) !== -1\r\n                            ? 0.85\r\n                            : defaultLinkOpacity\r\n                          : defaultLinkOpacity,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedNode\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.source as any).name === selectedNode.name ||\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.target as any).name === selectedNode.name\r\n                          ? 0.85\r\n                          : defaultLinkOpacity\r\n                        : highlightedSourceDataPoints.length !== 0 ||\r\n                            highlightedTargetDataPoints.length !== 0\r\n                          ? highlightedSourceDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.source as any).label,\r\n                            ) !== -1 ||\r\n                            highlightedTargetDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.target as any).label,\r\n                            ) !== -1\r\n                            ? 0.85\r\n                            : defaultLinkOpacity\r\n                          : defaultLinkOpacity,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                >\r\n                  <motion.path\r\n                    key={`${d.source}-${d.target}`}\r\n                    d={linkPathGenerator(d) || ''}\r\n                    style={{\r\n                      stroke: `url(#${id}-gradient-${i})`,\r\n                      strokeWidth: d.width,\r\n                      fill: 'none',\r\n                    }}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: {\r\n                        pathLength: 0,\r\n                        opacity: 1,\r\n                      },\r\n                      whileInView: {\r\n                        pathLength: 1,\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                  />\r\n                </motion.g>\r\n              ))}\r\n            </AnimatePresence>\r\n          </g>\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 uniqBy from 'lodash.uniqby';\r\nimport sortBy from 'lodash.sortby';\r\nimport sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  Languages,\r\n  NodesLinkDataType,\r\n  SankeyDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { generateRandomString } from '@/Utils/generateRandomString';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: SankeyDataType[];\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 or array of colors for source */\r\n  sourceColors?: string[] | string;\r\n  /** Color or array of colors for targets */\r\n  targetColors?: string[] | string;\r\n  /** Domain of colors for the source */\r\n  sourceColorDomain?: (string | number)[];\r\n  /** Domain of colors for the target */\r\n  targetColorDomain?: (string | number)[];\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  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n  /** Padding between nodes */\r\n  nodePadding?: number;\r\n  /** Thickness of each node */\r\n  nodeWidth?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n\r\n  // Graph Parameters\r\n  /** Title of the source */\r\n  sourceTitle?: string;\r\n  /** Title of the targets */\r\n  targetTitle?: string;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Source to highlight. Use the label value from data to highlight the data point */\r\n  highlightedSourceDataPoints?: (string | number)[];\r\n  /** Targets to highlight. Use the label value from data to highlight the data point */\r\n  highlightedTargetDataPoints?: (string | number)[];\r\n  /** Opacity of the links */\r\n  defaultLinkOpacity?: number;\r\n  /** Sorting order of the nodes */\r\n  sortNodes?: 'asc' | 'desc' | 'mostReadable' | 'none';\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 when user mouseover on the links. 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 SankeyChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = true,\r\n    leftMargin = 75,\r\n    rightMargin = 75,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    padding,\r\n    backgroundColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    relativeHeight,\r\n    showValues = true,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    sourceColors,\r\n    targetColors,\r\n    sourceColorDomain,\r\n    targetColorDomain,\r\n    nodePadding = 5,\r\n    nodeWidth = 5,\r\n    highlightedSourceDataPoints = [],\r\n    highlightedTargetDataPoints = [],\r\n    defaultLinkOpacity = 0.3,\r\n    sourceTitle,\r\n    targetTitle,\r\n    sortNodes = 'mostReadable',\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [sankeyData, setSankeyData] = useState<NodesLinkDataType | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const sourceNodes = uniqBy(data, 'source').map(d => ({\r\n      name: `source_${d.source}`,\r\n      type: 'source' as const,\r\n      label: `${d.source}`,\r\n      color:\r\n        typeof sourceColors === 'string' || !sourceColors\r\n          ? sourceColors || Colors.graphMainColor\r\n          : sourceColors[\r\n              (sourceColorDomain || uniqBy(data, 'source').map(el => `${el.source}`)).findIndex(\r\n                el => `${el}` === `${d.source}`,\r\n              ) > sourceColors.length\r\n                ? sourceColors.length - 1\r\n                : (sourceColorDomain || uniqBy(data, 'source').map(el => `${el.source}`)).findIndex(\r\n                    el => `${el}` === `${d.source}`,\r\n                  )\r\n            ],\r\n      totalValue: sum(data.filter(el => `${el.source}` === `${d.source}`).map(el => el.value)),\r\n    }));\r\n    const sourceNodesSorted =\r\n      sortNodes === 'asc'\r\n        ? sortBy(sourceNodes, d => d.totalValue)\r\n        : sortNodes === 'desc'\r\n          ? sortBy(sourceNodes, d => d.totalValue).reverse()\r\n          : sourceNodes;\r\n    const targetNodes = uniqBy(data, 'target').map(d => ({\r\n      name: `target_${d.target}`,\r\n      type: 'target' as const,\r\n      label: `${d.target}`,\r\n      color:\r\n        typeof targetColors === 'string' || !targetColors\r\n          ? targetColors || Colors.graphMainColor\r\n          : targetColors[\r\n              (targetColorDomain || uniqBy(data, 'target').map(el => `${el.target}`)).findIndex(\r\n                el => `${el}` === `${d.target}`,\r\n              ) > targetColors.length\r\n                ? targetColors.length - 1\r\n                : (targetColorDomain || uniqBy(data, 'target').map(el => `${el.target}`)).findIndex(\r\n                    el => `${el}` === `${d.target}`,\r\n                  )\r\n            ],\r\n      totalValue: sum(data.filter(el => `${el.target}` === `${d.target}`).map(el => el.value)),\r\n    }));\r\n    const targetNodesSorted =\r\n      sortNodes === 'asc'\r\n        ? sortBy(targetNodes, d => d.totalValue)\r\n        : sortNodes === 'desc'\r\n          ? sortBy(targetNodes, d => d.totalValue).reverse()\r\n          : targetNodes;\r\n\r\n    const nodes = [...sourceNodesSorted, ...targetNodesSorted];\r\n    setSankeyData({\r\n      nodes,\r\n      links: data.map(d => ({\r\n        source: nodes.findIndex(el => el.name === `source_${d.source}`),\r\n        target: nodes.findIndex(el => el.name === `target_${d.target}`),\r\n        value: d.value,\r\n        data: { ...d },\r\n      })),\r\n    });\r\n  }, [data, sortNodes, sourceColorDomain, sourceColors, targetColorDomain, targetColors]);\r\n\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 ? 'grow-0' : 'grow'} ${\r\n        !fillContainer ? 'w-fit' : 'w-full'\r\n      } `}\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          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 sankey chart showing flow. ${graphDescription ? ` ${graphDescription}` : ''}`\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 gap-4 w-full 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                <div\r\n                  className='flex flex-col grow justify-center gap-3 w-full leading-0'\r\n                  ref={graphDiv}\r\n                  aria-label='Graph area'\r\n                >\r\n                  {(width || svgWidth) && (height || svgHeight) && sankeyData ? (\r\n                    <Graph\r\n                      data={sankeyData}\r\n                      width={width || svgWidth}\r\n                      nodePadding={nodePadding}\r\n                      nodeWidth={nodeWidth}\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                      showLabels={showLabels}\r\n                      leftMargin={leftMargin}\r\n                      rightMargin={rightMargin}\r\n                      topMargin={topMargin}\r\n                      bottomMargin={bottomMargin}\r\n                      truncateBy={truncateBy}\r\n                      tooltip={tooltip}\r\n                      onSeriesMouseOver={onSeriesMouseOver}\r\n                      showValues={showValues}\r\n                      suffix={suffix}\r\n                      prefix={prefix}\r\n                      onSeriesMouseClick={onSeriesMouseClick}\r\n                      id={generateRandomString(8)}\r\n                      highlightedSourceDataPoints={highlightedSourceDataPoints.map(d => `${d}`)}\r\n                      highlightedTargetDataPoints={highlightedTargetDataPoints.map(d => `${d}`)}\r\n                      defaultLinkOpacity={defaultLinkOpacity}\r\n                      sourceTitle={sourceTitle}\r\n                      targetTitle={targetTitle}\r\n                      sortNodes={sortNodes}\r\n                      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                      styles={styles}\r\n                      classNames={classNames}\r\n                      detailsOnClick={detailsOnClick}\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                    />\r\n                  ) : null}\r\n                </div>\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":["max","values","valueof","value","index","min","sum","targetDepth","d","justify","node","center","constant","x","ascendingSourceBreadth","a","b","ascendingBreadth","ascendingTargetBreadth","defaultId","defaultNodes","graph","defaultLinks","find","nodeById","id","computeLinkBreadths","nodes","y0","y1","link","Sankey","x0","x1","dx","dy","py","align","sort","linkSort","links","iterations","sankey","computeNodeLinks","computeNodeValues","computeNodeDepths","computeNodeHeights","computeNodeBreadths","_","i","source","target","sourceLinks","targetLinks","n","current","next","computeNodeLayers","kx","columns","column","initializeNodeBreadths","ky","c","y","reorderLinks","alpha","beta","relaxRightToLeft","relaxLeftToRight","w","v","targetTop","reorderNodeLinks","resolveCollisions","sourceTop","subject","resolveCollisionsBottomToTop","resolveCollisionsTopToBottom","width","pi","tau","epsilon","tauEpsilon","Path","path","x2","y2","r","x21","y21","x01","y01","l01_2","x20","y20","l21_2","l20_2","l21","l01","l","t01","t21","a0","a1","ccw","cw","da","h","p","slice","linkSource","linkTarget","curve","pointX","pointY","context","buffer","argv","s","t","curveHorizontal","linkHorizontal","horizontalSource","horizontalTarget","sankeyLinkHorizontal","Graph","props","data","showLabels","leftMargin","rightMargin","truncateBy","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","onSeriesMouseClick","nodePadding","nodeWidth","highlightedSourceDataPoints","highlightedTargetDataPoints","defaultLinkOpacity","sourceTitle","targetTitle","animate","sortNodes","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","precision","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","selectedNode","setSelectedNode","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","sankeyGenerator","sankeyCenter","linkPathGenerator","jsxs","Fragment","motion","jsx","P","cn","AnimatePresence","event","isEqual","Tooltip","Modal","string2HTML","SankeyChart","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","fillContainer","language","minHeight","theme","ariaLabel","sourceColors","targetColors","sourceColorDomain","targetColorDomain","svgWidth","setSvgWidth","svgHeight","setSvgHeight","sankeyData","setSankeyData","graphDiv","graphParentDiv","useEffect","sourceNodes","uniqBy","Colors","el","sourceNodesSorted","sortBy","targetNodes","targetNodesSorted","resizeObserver","entries","GraphHeader","EmptyState","generateRandomString","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}

package/dist/ScatterPlot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DDoeWRVt.cjs"),ke=require("./index-CZbIGs8q.cjs"),Me=require("./parse-hMnG_lRV.cjs"),j=require("react"),Ae=require("./getSliderMarks-CtsEXiLV.cjs"),Ie=require("./index-BXns0-ng.cjs"),Ue=require("./index-BczVvEBZ.cjs"),Le=require("./simple-statistics-xm8c0LQQ.cjs"),Fe=require("./Modal-C_dl0EtQ.cjs"),He=require("./Tooltip-n8z5bfav.cjs"),c=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),N=require("./Colors.cjs"),Ve=require("./numberFormattingFunction-02t-wJta.cjs"),Ne=require("./customArea-BYNyxAkm.cjs"),Ge=require("./string2HTML-D2Avudmb.cjs"),$e=require("./Axis-DE7dSn1_.cjs"),Te=require("./AxisTitle-CK9YeovX.cjs"),We=require("./XTicksAndGridLines-CCzXIV8d.cjs"),De=require("./ReferenceLine-CuFMk0cI.cjs"),Be=require("./RegressionLine-7_rKTHN_.cjs"),ze=require("./YTicksAndGridLines-DBDuz6vb.cjs"),_e=require("./index-CylX-pWB.cjs"),Je=require("./use-in-view-BCmzDU2O.cjs"),Ke=require("./pow-B5-jkdHU.cjs"),Pe=require("./linear-BVckp9RD.cjs"),Qe=require("./delaunay-rcy0HhZi.cjs"),ie=require("./proxy-PQd2AItT.cjs"),Xe=require("./index-DVOJ7vxH.cjs"),Ze=require("./GraphFooter.cjs"),et=require("./GraphHeader.cjs"),tt=require("./ColorLegendWithMouseOver.cjs"),it=require("./EmptyState-d8_8SxeW.cjs"),Ye=require("./index-BW_-wD2k.cjs"),st=require("./ensureCompleteData-DqWQ2Zbi.cjs"),ot=require("./init-DU0ybBc_.cjs");function rt(ge){const{data:s,width:q,height:M,showLabels:se,colors:l,colorDomain:C,radius:R,xAxisTitle:d,yAxisTitle:J,leftMargin:G,rightMargin:ye,topMargin:pe,bottomMargin:oe,tooltip:re,onSeriesMouseOver:X,refXValues:I,refYValues:je,highlightAreaSettings:ve,selectedColor:W,highlightedDataPoints:L,maxRadiusValue:be,maxXValue:B,minXValue:w,maxYValue:Oe,minYValue:E,onSeriesMouseClick:V,rtl:K,annotations:Ce,customHighlightAreaSettings:Re,regressionLine:z,resetSelectionOnDoubleClick:Q,detailsOnClick:k,noOfXTicks:ne,noOfYTicks:le,labelColor:Z,xSuffix:ae,ySuffix:ce,xPrefix:xe,yPrefix:ue,styles:x,classNames:u,animate:n,dimmedOpacity:A,precision:S,customLayers:fe}=ge,me=j.useRef(null),p=Je.useInView(me,{once:n.once,amount:n.amount}),[$,T]=j.useState(void 0),[D,Y]=j.useState(void 0),[de,P]=j.useState(void 0),[he,v]=j.useState(void 0),h={top:pe,bottom:d?oe+50:oe,left:J?G+30:G,right:ye},_=s.map((e,y)=>({...e,id:`${y}`})),g=q-h.left-h.right,b=M-h.top-h.bottom,O=s.filter(e=>e.radius===void 0||e.radius===null).length!==s.length?Ke.sqrt().domain([0,be]).range([.25,R]).nice():void 0,m=_.filter(e=>!c.checkIfNullOrUndefined(e.radius)).length===0?_:Ue.orderBy(_.filter(e=>!c.checkIfNullOrUndefined(e.radius)),"radius","desc"),r=Pe.linear().domain([w,B]).range([0,g]).nice(),a=Pe.linear().domain([E,Oe]).range([b,0]).nice(),ee=r.ticks(ne),te=a.ticks(le),U=Qe.Delaunay.from(m.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)),e=>r(e.x),e=>a(e.y)).voronoi([0,0,g<0?0:g,b<0?0:b]),we=Le.linearRegression(s.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map(e=>[r(e.x),a(e.y)])),f=Le.linearRegressionLine(we);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(ie.motion.svg,{width:`${q}px`,height:`${M}px`,viewBox:`0 0 ${q} ${M}`,direction:"ltr",ref:me,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[i.jsxRuntimeExports.jsx(_e.HighlightAreaForScatterPlot,{areaSettings:ve,width:g,height:b,scaleX:r,scaleY:a,animate:n,isInView:p}),i.jsxRuntimeExports.jsx(Ne.CustomArea,{areaSettings:Re,scaleX:r,scaleY:a,animate:n,isInView:p})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(ze.YTicksAndGridLines,{values:te.filter(e=>e!==0),y:te.filter(e=>e!==0).map(e=>a(e)),x1:0,x2:g+h.right,styles:{gridLines:x?.yAxis?.gridLines,labels:x?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:ce,prefix:ue,labelType:"secondary",showGridLines:!0,labelPos:"side",precision:S}),i.jsxRuntimeExports.jsx($e.Axis,{y1:a(E<0?0:E),y2:a(E<0?0:E),x1:0,x2:g+h.right,label:Ve.numberFormattingFunction(E<0?0:E,"NA",S,ue,ce),labelPos:{x:0,y:a(E<0?0:E),dy:"0.33em",dx:-4},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"end",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(Te.AxisTitle,{x:0-G-15,y:b/2,style:x?.yAxis?.title,className:u?.yAxis?.title,text:J,rotate90:!0})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(We.XTicksAndGridLines,{values:ee.filter(e=>e!==0),x:ee.filter(e=>e!==0).map(e=>r(e)),y1:0,y2:b,styles:{gridLines:x?.xAxis?.gridLines,labels:x?.xAxis?.labels},classNames:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},suffix:ae,prefix:xe,labelType:"primary",showGridLines:!0,precision:S}),i.jsxRuntimeExports.jsx($e.Axis,{x1:r(w<0?0:w),x2:r(w<0?0:w),y1:0,y2:b,label:Ve.numberFormattingFunction(w<0?0:w,"NA",S,xe,ae),labelPos:{x:r(w<0?0:w),y:b,dy:"1em",dx:0},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"middle",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(Te.AxisTitle,{x:g/2,y:b+30,style:x?.xAxis?.title,className:u?.xAxis?.title,text:d})]}),fe.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[m.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsx("path",{d:U.renderCell(m.findIndex(o=>o.id===e.id)),opacity:0,onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||k)&&(Ie.isEqual(D,e)&&Q?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))}},`${e.label||y}`)),m.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsxs(ie.motion.g,{variants:{initial:{x:r(e.x),y:a(e.y),opacity:W?e.color&&l[C.indexOf(`${e.color}`)]===W?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1},whileInView:{x:r(e.x),y:a(e.y),opacity:W?e.color&&l[C.indexOf(`${e.color}`)]===W?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",exit:{opacity:0,transition:{duration:n.duration}},onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||k)&&(Ie.isEqual(D,e)&&Q?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))},children:[i.jsxRuntimeExports.jsx(ie.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:n.duration}},variants:{initial:{r:0,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray},whileInView:{r:O?O(e.radius||0):R,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",style:{fillOpacity:.6}}),se&&!c.checkIfNullOrUndefined(e.label)?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0,fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray)},whileInView:{x:O?O(e.radius||0):R,opacity:1,fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):L.length!==0&&!c.checkIfNullOrUndefined(e.label)&&L.indexOf(e.label)!==-1?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0},whileInView:{x:O?O(e.radius||0):R,opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):null]},`${e.label||y}`)),I.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineX,{text:e.text,color:e.color,x:r(e.value),y1:0,y2:b,textSide:r(e.value)>g*.75||K?"left":"right",classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)),je.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineY,{text:e.text,color:e.color,y:a(e.value),x1:0,x2:g,classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)),i.jsxRuntimeExports.jsx("g",{children:Ce.map((e,y)=>{const o=Ne.getLineEndPoint({x:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(e.xCoordinate):0,y:e.yCoordinate?a(e.yCoordinate):0},c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Ee=e.showConnector?{y1:o.y,x1:o.x,y2:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?a(e.yCoordinate):0,cx:e.xCoordinate?r(e.xCoordinate):0,circleRadius:c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,F={y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:K?0:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:K?e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):g-(e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(Ne.Annotation,{color:e.color,connectorsSettings:Ee,labelSettings:F,text:e.text,classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)})}),z?i.jsxRuntimeExports.jsx(Be.RegressionLine,{x1:0,x2:g,y1:f(0),y2:f(g),graphHeight:b,graphWidth:g,className:u?.regLine,style:x?.regLine,color:typeof z=="string"?z:void 0,animate:n,isInView:p}):null]}),fe.filter(e=>e.position==="after").map(e=>e.layer)]})}),$&&re&&de&&he?i.jsxRuntimeExports.jsx(He.Tooltip,{data:$,body:re,xPos:de,yPos:he,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,k&&D!==void 0?i.jsxRuntimeExports.jsx(Fe.X,{open:D!==void 0,onClose:()=>{Y(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:Ge.string2HTML(k,D)}:void 0,children:typeof k=="function"?k(D):null})}):null]})}function nt(ge){const{data:s,graphTitle:q,colors:M,sources:se,graphDescription:l,showLabels:C=!1,height:R,width:d,footNote:J,colorDomain:G,colorLegendTitle:ye,radius:pe=5,xAxisTitle:oe="X Axis",yAxisTitle:re="Y Axis",padding:X,backgroundColor:I=!1,leftMargin:je=0,rightMargin:ve=10,topMargin:W=20,bottomMargin:L=50,tooltip:be,relativeHeight:B,onSeriesMouseOver:w,refXValues:Oe=[],refYValues:E=[],highlightAreaSettings:V=[],showColorScale:K=!0,highlightedDataPoints:Ce=[],graphID:Re,maxRadiusValue:z,maxXValue:Q,minXValue:k,maxYValue:ne,minYValue:le,xSuffix:Z="",ySuffix:ae="",xPrefix:ce="",yPrefix:xe="",onSeriesMouseClick:ue,graphDownload:x=!1,dataDownload:u=!1,language:n="en",showNAColor:A=!0,minHeight:S=0,annotations:fe=[],customHighlightAreaSettings:me=[],theme:p="light",regressionLine:$=!1,ariaLabel:T,resetSelectionOnDoubleClick:D=!0,detailsOnClick:Y,noOfXTicks:de=5,noOfYTicks:P=5,labelColor:he,styles:v,classNames:h,animate:_=!1,dimmedOpacity:g=.3,precision:b=2,customLayers:O=[],timeline:m={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=ge,[r,a]=j.useState(0),[ee,te]=j.useState(0),[U,we]=j.useState(m.autoplay),f=Ae.sort(ke.uniqBy(s.filter(t=>t.date!==void 0&&t.date!==null),t=>t.date).map(t=>Me.parse(`${t.date}`,m.dateFormat||"yyyy",new Date).getTime()),(t,H)=>ot.ascending(t,H)),[e,y]=j.useState(m.autoplay?0:f.length-1),[o,Ee]=j.useState(void 0),F=j.useRef(null),Se=j.useRef(null);j.useEffect(()=>{const t=new ResizeObserver(H=>{a(d||H[0].target.clientWidth||620),te(R||H[0].target.clientHeight||480)});return F.current&&(te(F.current.clientHeight||480),a(F.current.clientWidth||620),d||t.observe(F.current)),()=>t.disconnect()},[d,R]),j.useEffect(()=>{const t=setInterval(()=>{y(H=>H<f.length-1?H+1:0)},(m.speed||2)*1e3);return U||clearInterval(t),()=>clearInterval(t)},[f,U,m.speed]);const qe=Ae.getSliderMarks(f,e,m.showOnlyActiveDate,m.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${p||"light"} flex  ${d?"w-fit grow-0":"w-full grow"}`,dir:n==="he"||n==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${I?I===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n||"en"}`,h?.graphContainer),style:{...v?.graphContainer||{},...I&&I!==!0?{backgroundColor:I}:{}},id:Re,ref:Se,"aria-label":T||`${q?`The graph shows ${q}. `:""}This is a scatter plot that shows correlation between two variables.${l?` ${l}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:I?X||"1rem":X||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[q||l||x||u?i.jsxRuntimeExports.jsx(et.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:h?.title,description:h?.description},graphTitle:q,graphDescription:l,width:d,graphDownload:x?Se.current:void 0,dataDownload:u?s.map(t=>t.data).filter(t=>t!==void 0).length>0?s.map(t=>t.data).filter(t=>t!==void 0):s.filter(t=>t!==void 0):null}):null,m.enabled&&f.length>0&&qe?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!U)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":U?"Click to pause animation":"Click to play animation",children:U?i.jsxRuntimeExports.jsx(Ye.Pause,{}):i.jsxRuntimeExports.jsx(Ye.Play,{})}),i.jsxRuntimeExports.jsx(Ae.xr,{min:f[0],max:f[f.length-1],marks:qe,step:null,defaultValue:f[f.length-1],value:f[e],onChangeComplete:t=>{y(f.indexOf(t))},onChange:t=>{y(f.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(it.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[K&&s.filter(t=>t.color).length!==0?i.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:d,colorLegendTitle:ye,colors:M||N.Colors[p].categoricalColors.colors,colorDomain:G||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),setSelectedColor:Ee,showNAColor:A}):null,i.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:F,"aria-label":"Graph area",children:(d||r)&&(R||ee)?i.jsxRuntimeExports.jsx(rt,{data:st.ensureCompleteDataForScatterPlot(s,m.dateFormat||"yyyy").filter(t=>m.enabled?t.date===Me.format(new Date(f[e]),m.dateFormat||"yyyy"):t),width:d||r,height:Math.max(S,R||(B?S?(d||r)*B>S?(d||r)*B:S:(d||r)*B:ee)),colorDomain:s.filter(t=>t.color).length===0?[]:G||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),colors:s.filter(t=>t.color).length===0?M?[M]:[N.Colors.primaryColors["blue-600"]]:M||N.Colors[p].categoricalColors.colors,xAxisTitle:oe,yAxisTitle:re,refXValues:Oe,refYValues:E,showLabels:C,radius:pe,leftMargin:je,rightMargin:ve,topMargin:W,bottomMargin:L,tooltip:be,onSeriesMouseOver:w,highlightAreaSettings:V,highlightedDataPoints:s.filter(t=>t.label).length===0?[]:Ce,selectedColor:o,maxRadiusValue:c.checkIfNullOrUndefined(z)?Math.max(...s.map(t=>t.radius).filter(t=>t!=null)):z,maxXValue:c.checkIfNullOrUndefined(Q)?Math.max(...s.map(t=>t.x).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.x).filter(t=>t!=null)):0:Q,minXValue:c.checkIfNullOrUndefined(k)?Math.min(...s.map(t=>t.x).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.x).filter(t=>t!=null)):k,maxYValue:c.checkIfNullOrUndefined(ne)?Math.max(...s.map(t=>t.y).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.y).filter(t=>t!=null)):0:ne,minYValue:c.checkIfNullOrUndefined(le)?Math.min(...s.map(t=>t.y).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.y).filter(t=>t!=null)):le,onSeriesMouseClick:ue,rtl:n==="he"||n==="ar",annotations:fe,customHighlightAreaSettings:me,regressionLine:$,resetSelectionOnDoubleClick:D,detailsOnClick:Y,noOfXTicks:de,noOfYTicks:P,labelColor:he,xSuffix:Z,ySuffix:ae,xPrefix:ce,yPrefix:xe,styles:v,classNames:h,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},dimmedOpacity:g,precision:b,customLayers:O}):null})]})}),se||J?i.jsxRuntimeExports.jsx(Ze.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:se,footNote:J,width:d}):null]})})})})}exports.ScatterPlot=nt;
+//# sourceMappingURL=ScatterPlot.cjs.map

package/dist/ScatterPlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlot.cjs","sources":["../src/Components/Graphs/ScatterPlot/Graph.tsx","../src/Components/Graphs/ScatterPlot/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Delaunay } from 'd3-delaunay';\r\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\r\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\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  ScatterPlotDataType,\r\n  ReferenceDataType,\r\n  AnnotationSettingsDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\nimport { HighlightAreaForScatterPlot } from '@/Components/Elements/HighlightArea';\r\n\r\ninterface Props {\r\n  data: ScatterPlotDataType[];\r\n  width: number;\r\n  height: number;\r\n  showLabels: boolean;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  xAxisTitle: string;\r\n  yAxisTitle: string;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\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  refXValues: ReferenceDataType[];\r\n  refYValues: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsForScatterPlotDataType[];\r\n  selectedColor?: string;\r\n  highlightedDataPoints: (string | number)[];\r\n  maxRadiusValue: number;\r\n  maxXValue: number;\r\n  minXValue: number;\r\n  maxYValue: number;\r\n  minYValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  rtl: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  regressionLine: boolean | string;\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  noOfXTicks: number;\r\n  noOfYTicks: number;\r\n  labelColor?: string;\r\n  xSuffix: string;\r\n  ySuffix: string;\r\n  xPrefix: string;\r\n  yPrefix: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    showLabels,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    xAxisTitle,\r\n    yAxisTitle,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refXValues,\r\n    refYValues,\r\n    highlightAreaSettings,\r\n    selectedColor,\r\n    highlightedDataPoints,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    onSeriesMouseClick,\r\n    rtl,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    regressionLine,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    noOfXTicks,\r\n    noOfYTicks,\r\n    labelColor,\r\n    xSuffix,\r\n    ySuffix,\r\n    xPrefix,\r\n    yPrefix,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\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  // 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: xAxisTitle ? bottomMargin + 50 : bottomMargin,\r\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n  const dataOrdered =\r\n    dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)).length === 0\r\n      ? dataWithId\r\n      : orderBy(\r\n          dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)),\r\n          'radius',\r\n          'desc',\r\n        );\r\n  const x = scaleLinear().domain([minXValue, maxXValue]).range([0, graphWidth]).nice();\r\n  const y = scaleLinear().domain([minYValue, maxYValue]).range([graphHeight, 0]).nice();\r\n  const xTicks = x.ticks(noOfXTicks);\r\n  const yTicks = y.ticks(noOfYTicks);\r\n  const voronoiDiagram = Delaunay.from(\r\n    dataOrdered.filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y)),\r\n    d => x(d.x as number),\r\n    d => y(d.y as number),\r\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\r\n  const regressionLineParam = linearRegression(\r\n    data\r\n      .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n      .map(d => [x(d.x as number), y(d.y as number)]),\r\n  );\r\n  const predict = linearRegressionLine(regressionLineParam);\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          <AnimatePresence>\r\n            <HighlightAreaForScatterPlot\r\n              areaSettings={highlightAreaSettings}\r\n              width={graphWidth}\r\n              height={graphHeight}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n            <CustomArea\r\n              areaSettings={customHighlightAreaSettings}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n          </AnimatePresence>\r\n          <g>\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={ySuffix}\r\n              prefix={yPrefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='side'\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              y1={y(minYValue < 0 ? 0 : minYValue)}\r\n              y2={y(minYValue < 0 ? 0 : minYValue)}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              label={numberFormattingFunction(\r\n                minYValue < 0 ? 0 : minYValue,\r\n                'NA',\r\n                precision,\r\n                yPrefix,\r\n                ySuffix,\r\n              )}\r\n              labelPos={{\r\n                x: 0,\r\n                y: y(minYValue < 0 ? 0 : minYValue),\r\n                dy: '0.33em',\r\n                dx: -4,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: { textAnchor: 'end', ...(styles?.yAxis?.labels || {}) },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={0 - leftMargin - 15}\r\n              y={graphHeight / 2}\r\n              style={styles?.yAxis?.title}\r\n              className={classNames?.yAxis?.title}\r\n              text={yAxisTitle}\r\n              rotate90\r\n            />\r\n          </g>\r\n          <g>\r\n            <XTicksAndGridLines\r\n              values={xTicks.filter(d => d !== 0)}\r\n              x={xTicks.filter(d => d !== 0).map(d => x(d))}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              styles={{\r\n                gridLines: styles?.xAxis?.gridLines,\r\n                labels: styles?.xAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.xAxis?.gridLines,\r\n                labels: classNames?.xAxis?.labels,\r\n              }}\r\n              suffix={xSuffix}\r\n              prefix={xPrefix}\r\n              labelType='primary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              x1={x(minXValue < 0 ? 0 : minXValue)}\r\n              x2={x(minXValue < 0 ? 0 : minXValue)}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              label={numberFormattingFunction(\r\n                minXValue < 0 ? 0 : minXValue,\r\n                'NA',\r\n                precision,\r\n                xPrefix,\r\n                xSuffix,\r\n              )}\r\n              labelPos={{\r\n                x: x(minXValue < 0 ? 0 : minXValue),\r\n                y: graphHeight,\r\n                dy: '1em',\r\n                dx: 0,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: {\r\n                  textAnchor: 'middle',\r\n                  ...(styles?.yAxis?.labels || {}),\r\n                },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={graphWidth / 2}\r\n              y={graphHeight + 30}\r\n              style={styles?.xAxis?.title}\r\n              className={classNames?.xAxis?.title}\r\n              text={xAxisTitle}\r\n            />\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <path\r\n                    key={`${d.label || i}`}\r\n                    d={voronoiDiagram.renderCell(dataOrdered.findIndex(el => el.id === d.id))}\r\n                    opacity={0}\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                    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                    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                  />\r\n                );\r\n              })}\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <motion.g\r\n                    key={`${d.label || i}`}\r\n                    variants={{\r\n                      initial: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                      },\r\n                      whileInView: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\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                    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                    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                  >\r\n                    <motion.circle\r\n                      cx={0}\r\n                      cy={0}\r\n                      exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                      variants={{\r\n                        initial: {\r\n                          r: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        },\r\n                        whileInView: {\r\n                          r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\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                        fillOpacity: 0.6,\r\n                      }}\r\n                    />\r\n                    {showLabels && !checkIfNullOrUndefined(d.label) ? (\r\n                      <motion.text\r\n                        style={{\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                        y={0}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 0,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                          },\r\n                          whileInView: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 1,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        dy='0.33em'\r\n                        dx={3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : highlightedDataPoints.length !== 0 && !checkIfNullOrUndefined(d.label) ? (\r\n                      highlightedDataPoints.indexOf(d.label as string | number) !== -1 ? (\r\n                        <motion.text\r\n                          style={{\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          y={0}\r\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                          variants={{\r\n                            initial: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                              opacity: 0,\r\n                            },\r\n                            whileInView: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 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                          dy='0.33em'\r\n                          dx={3}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null\r\n                    ) : null}\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            {refXValues.map((el, i) => (\r\n              <RefLineX\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                x={x(el.value as number)}\r\n                y1={0}\r\n                y2={graphHeight}\r\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            {refYValues.map((el, i) => (\r\n              <RefLineY\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                y={y(el.value as number)}\r\n                x1={0}\r\n                x2={graphWidth}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            <g>\r\n              {annotations.map((d, i) => {\r\n                const endPoints = getLineEndPoint(\r\n                  {\r\n                    x: d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                    y: d.yCoordinate\r\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                      : 0 + (d.yOffset || 0) - 8,\r\n                  },\r\n                  {\r\n                    x: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                    y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                  },\r\n                  checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\r\n                );\r\n                const connectorSettings = d.showConnector\r\n                  ? {\r\n                      y1: endPoints.y,\r\n                      x1: endPoints.x,\r\n                      y2: d.yCoordinate\r\n                        ? y(d.yCoordinate as number) + (d.yOffset || 0)\r\n                        : 0 + (d.yOffset || 0),\r\n                      x2: d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0),\r\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                      cx: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                      circleRadius: checkIfNullOrUndefined(d.connectorRadius)\r\n                        ? 3.5\r\n                        : (d.connectorRadius as number),\r\n                      strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\r\n                    }\r\n                  : undefined;\r\n                const labelSettings = {\r\n                  y: d.yCoordinate\r\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                    : 0 + (d.yOffset || 0) - 8,\r\n                  x: rtl\r\n                    ? 0\r\n                    : d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                  width: rtl\r\n                    ? d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0)\r\n                    : graphWidth -\r\n                      (d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0)),\r\n                  maxWidth: d.maxWidth,\r\n                  fontWeight: d.fontWeight,\r\n                  align: d.align,\r\n                };\r\n                return (\r\n                  <Annotation\r\n                    key={i}\r\n                    color={d.color}\r\n                    connectorsSettings={connectorSettings}\r\n                    labelSettings={labelSettings}\r\n                    text={d.text}\r\n                    classNames={d.classNames}\r\n                    styles={d.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                );\r\n              })}\r\n            </g>\r\n            {regressionLine ? (\r\n              <RegressionLine\r\n                x1={0}\r\n                x2={graphWidth}\r\n                y1={predict(0)}\r\n                y2={predict(graphWidth)}\r\n                graphHeight={graphHeight}\r\n                graphWidth={graphWidth}\r\n                className={classNames?.regLine}\r\n                style={styles?.regLine}\r\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ) : null}\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 uniqBy from 'lodash.uniqby';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  ScatterPlotDataType,\r\n  AnnotationSettingsDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { ensureCompleteDataForScatterPlot } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: ScatterPlotDataType[];\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 or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: 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\r\n  // Values and Ticks\r\n  /** Prefix for values on x-axis */\r\n  xPrefix?: string;\r\n  /** Suffix for values on x-axis */\r\n  xSuffix?: string;\r\n  /** Prefix for values on y-axis */\r\n  yPrefix?: string;\r\n  /** Suffix for values on y-axis */\r\n  ySuffix?: string;\r\n  /** Maximum value for the x-axis */\r\n  maxXValue?: number;\r\n  /** Minimum value for the x-axis */\r\n  minXValue?: number;\r\n  /** Maximum value for the y-axis */\r\n  maxYValue?: number;\r\n  /** Minimum value for the y-axis */\r\n  minYValue?: number;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Reference values for comparison on x-axis */\r\n  refXValues?: ReferenceDataType[];\r\n  /** Reference values for comparison on y-axis */\r\n  refYValues?: ReferenceDataType[];\r\n  /** Number of ticks on the x-axis */\r\n  noOfXTicks?: number;\r\n  /** Number of ticks on the y-axis */\r\n  noOfYTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the x-axis */\r\n  xAxisTitle?: string;\r\n  /** Title for the y-axis */\r\n  yAxisTitle?: string;\r\n  /** Annotations on the chart */\r\n  annotations?: AnnotationSettingsDataType[];\r\n  /** Highlighted area(square) on the chart  */\r\n  highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Highlighted area(custom shape) on the chart  */\r\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\r\n  regressionLine?: boolean | string;\r\n  /** Color of the labels */\r\n  labelColor?: 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  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\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 ScatterPlot(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = false,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    xAxisTitle = 'X Axis',\r\n    yAxisTitle = 'Y Axis',\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 0,\r\n    rightMargin = 10,\r\n    topMargin = 20,\r\n    bottomMargin = 50,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    refXValues = [],\r\n    refYValues = [],\r\n    highlightAreaSettings = [],\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    xSuffix = '',\r\n    ySuffix = '',\r\n    xPrefix = '',\r\n    yPrefix = '',\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    regressionLine = false,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    noOfXTicks = 5,\r\n    noOfYTicks = 5,\r\n    labelColor,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = sort(\r\n    uniqBy(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\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  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\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          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 scatter plot that shows correlation between two variables.${\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            {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n              <div className='flex gap-6 items-center' dir='ltr'>\r\n                <button\r\n                  type='button'\r\n                  onClick={() => {\r\n                    setPlay(!play);\r\n                  }}\r\n                  className='p-0 border-0 cursor-pointer bg-transparent'\r\n                  aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n                >\r\n                  {play ? <Pause /> : <Play />}\r\n                </button>\r\n                <SliderUI\r\n                  min={uniqDatesSorted[0]}\r\n                  max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n                  marks={markObj}\r\n                  step={null}\r\n                  defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n                  value={uniqDatesSorted[index]}\r\n                  onChangeComplete={nextValue => {\r\n                    setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n                  }}\r\n                  onChange={nextValue => {\r\n                    setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n                  }}\r\n                  aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n                />\r\n              </div>\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 && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full 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={ensureCompleteDataForScatterPlot(\r\n                          data,\r\n                          timeline.dateFormat || 'yyyy',\r\n                        ).filter(d =>\r\n                          timeline.enabled\r\n                            ? d.date ===\r\n                              format(\r\n                                new Date(uniqDatesSorted[index]),\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\r\n                            : d,\r\n                        )}\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        xAxisTitle={xAxisTitle}\r\n                        yAxisTitle={yAxisTitle}\r\n                        refXValues={refXValues}\r\n                        refYValues={refYValues}\r\n                        showLabels={showLabels}\r\n                        radius={radius}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightAreaSettings={highlightAreaSettings}\r\n                        highlightedDataPoints={\r\n                          data.filter(el => el.label).length === 0 ? [] : highlightedDataPoints\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        maxRadiusValue={\r\n                          checkIfNullOrUndefined(maxRadiusValue)\r\n                            ? Math.max(\r\n                                ...data\r\n                                  .map(d => d.radius)\r\n                                  .filter(d => d !== undefined && d !== null),\r\n                              )\r\n                            : (maxRadiusValue as number)\r\n                        }\r\n                        maxXValue={\r\n                          checkIfNullOrUndefined(maxXValue)\r\n                            ? Math.max(\r\n                                ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? Math.max(\r\n                                  ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                              : 0\r\n                            : (maxXValue as number)\r\n                        }\r\n                        minXValue={\r\n                          checkIfNullOrUndefined(minXValue)\r\n                            ? Math.min(\r\n                                ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                            : (minXValue as number)\r\n                        }\r\n                        maxYValue={\r\n                          checkIfNullOrUndefined(maxYValue)\r\n                            ? Math.max(\r\n                                ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? Math.max(\r\n                                  ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                              : 0\r\n                            : (maxYValue as number)\r\n                        }\r\n                        minYValue={\r\n                          checkIfNullOrUndefined(minYValue)\r\n                            ? Math.min(\r\n                                ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                            : (minYValue as number)\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        annotations={annotations}\r\n                        customHighlightAreaSettings={customHighlightAreaSettings}\r\n                        regressionLine={regressionLine}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        noOfXTicks={noOfXTicks}\r\n                        noOfYTicks={noOfYTicks}\r\n                        labelColor={labelColor}\r\n                        xSuffix={xSuffix}\r\n                        ySuffix={ySuffix}\r\n                        xPrefix={xPrefix}\r\n                        yPrefix={yPrefix}\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                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\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","showLabels","colors","colorDomain","radius","xAxisTitle","yAxisTitle","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","refXValues","refYValues","highlightAreaSettings","selectedColor","highlightedDataPoints","maxRadiusValue","maxXValue","minXValue","maxYValue","minYValue","onSeriesMouseClick","rtl","annotations","customHighlightAreaSettings","regressionLine","resetSelectionOnDoubleClick","detailsOnClick","noOfXTicks","noOfYTicks","labelColor","xSuffix","ySuffix","xPrefix","yPrefix","styles","classNames","animate","dimmedOpacity","precision","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","dataWithId","d","i","graphWidth","graphHeight","radiusScale","scaleSqrt","dataOrdered","checkIfNullOrUndefined","orderBy","x","scaleLinear","y","xTicks","yTicks","voronoiDiagram","Delaunay","regressionLineParam","linearRegression","predict","linearRegressionLine","jsxs","Fragment","jsx","motion","AnimatePresence","HighlightAreaForScatterPlot","CustomArea","YTicksAndGridLines","Axis","numberFormattingFunction","AxisTitle","XTicksAndGridLines","el","event","isEqual","Colors","cn","RefLineX","RefLineY","endPoints","getLineEndPoint","connectorSettings","labelSettings","Annotation","RegressionLine","Tooltip","Modal","string2HTML","ScatterPlot","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","a","b","ascending","index","setIndex","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","interval","markObj","getSliderMarks","GraphHeader","Pause","Play","SliderUI","nextValue","EmptyState","ColorLegendWithMouseOver","ensureCompleteDataForScatterPlot","format","GraphFooter"],"mappings":"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"}