@undp/data-viz 1.3.0 → 1.3.1

package/dist/checkIfNullOrUndefined-BCW3Y1ML.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkIfNullOrUndefined-BCW3Y1ML.cjs","sources":["../src/Utils/checkIfNullOrUndefined.ts"],"sourcesContent":["/**\r\n * Checks whether a given value is `null` or `undefined`.\r\n *\r\n * @param value - The value to check.\r\n * @returns `true` if the value is `null` or `undefined`, otherwise `false`.\r\n *\r\n * @example\r\n * checkIfNullOrUndefined(null); // true\r\n * checkIfNullOrUndefined(undefined); // true\r\n * checkIfNullOrUndefined(0); // false\r\n * checkIfNullOrUndefined(''); // false\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport function checkIfNullOrUndefined(value: any) {\r\n  if (value === undefined || value === null) return true;\r\n  return false;\r\n}\r\n"],"names":["checkIfNullOrUndefined","value"],"mappings":"aAaO,SAASA,EAAuBC,EAAY,CACjD,OAA2BA,GAAU,IAEvC"}

package/dist/checkIfNullOrUndefined-DmfiKkNw.js

@@ -0,0 +1,7 @@
+function n(e) {
+  return e == null;
+}
+export {
+  n as c
+};
+//# sourceMappingURL=checkIfNullOrUndefined-DmfiKkNw.js.map

package/dist/checkIfNullOrUndefined-DmfiKkNw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkIfNullOrUndefined-DmfiKkNw.js","sources":["../src/Utils/checkIfNullOrUndefined.ts"],"sourcesContent":["/**\r\n * Checks whether a given value is `null` or `undefined`.\r\n *\r\n * @param value - The value to check.\r\n * @returns `true` if the value is `null` or `undefined`, otherwise `false`.\r\n *\r\n * @example\r\n * checkIfNullOrUndefined(null); // true\r\n * checkIfNullOrUndefined(undefined); // true\r\n * checkIfNullOrUndefined(0); // false\r\n * checkIfNullOrUndefined(''); // false\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport function checkIfNullOrUndefined(value: any) {\r\n  if (value === undefined || value === null) return true;\r\n  return false;\r\n}\r\n"],"names":["checkIfNullOrUndefined","value"],"mappings":"AAaO,SAASA,EAAuBC,GAAY;AACjD,SAA2BA,KAAU;AAEvC;"}

package/dist/customArea-BYNyxAkm.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),x=require("./proxy-PQd2AItT.cjs");function m(o,i,s){const e={x:i.x,y:i.y},n={x:o.x-e.x,y:o.y-e.y},l=Math.sqrt(n.x**2+n.y**2),t={x:n.x/l,y:n.y/l};return{x:e.x+s*t.x,y:e.y+s*t.y}}function y(o){const{connectorsSettings:i,text:s,color:e,labelSettings:n,classNames:l,styles:t,animate:a,isInView:c}=o;return r.jsxRuntimeExports.jsxs(x.motion.g,{exit:{opacity:0,transition:{duration:a.duration}},variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:a.duration}}},initial:"initial",animate:c?"whileInView":"initial",children:[i?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("circle",{cy:i.cy,cx:i.cx,r:i.circleRadius,className:r.mo(e?"":"stroke-primary-gray-700 dark:stroke-primary-gray-300",l?.connector),style:{fill:"none",strokeWidth:i.strokeWidth,...e?{stroke:e}:{},...t?.connector||{}}}),r.jsxRuntimeExports.jsx("line",{y1:i.y1,x1:i.x1,y2:i.y2,x2:i.x2,className:r.mo(e?"":"stroke-primary-gray-700 dark:stroke-primary-gray-300",l?.connector),style:{fill:"none",strokeWidth:i.strokeWidth,...e?{stroke:e}:{},...t?.connector||{}}})]}):null,r.jsxRuntimeExports.jsx("foreignObject",{y:n.y,x:n.x,width:n.width,height:1,style:{overflow:"visible"},children:r.jsxRuntimeExports.jsx("p",{className:r.mo("text-sm leading-[1.25] m-0 whitespace-normal",n.fontWeight==="bold"?"font-bold":n.fontWeight==="medium"?"font-medium":"font-normal",n.align==="right"?"text-right":n.align==="center"?"text-center":"text-left",e?void 0:"text-primary-gray-700 dark:text-primary-gray-300",l?.text),style:{maxWidth:n.maxWidth||"auto",...e?{color:e}:{},...t?.text||{}},children:s})})]})}function h(o,i){if(o.length<4||o.length%2!==0)return"";let s=`M ${o[0]} ${o[1]}`;for(let e=2;e<o.length;e+=2)s+=` L ${o[e]} ${o[e+1]}`;return i===!1||(s+=" Z"),s}function u(o){const{areaSettings:i,scaleX:s,scaleY:e,animate:n,isInView:l}=o;return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:i.map(t=>r.jsxRuntimeExports.jsx(x.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:l?"whileInView":"initial",children:t.coordinates.length!==4?r.jsxRuntimeExports.jsx("path",{d:h(t.coordinates.map((a,c)=>c%2===0?s(a):e(a)),t.closePath),style:{strokeWidth:t.strokeWidth||0,...t.coordinates.length>4?t.color&&{fill:t.color}:{fill:"none"},...t.color&&{stroke:t.color},...t.style||{}},className:r.mo(t.color?"":"stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550",t.className)}):r.jsxRuntimeExports.jsx("line",{x1:s(t.coordinates[0]),y1:e(t.coordinates[1]),x2:s(t.coordinates[2]),y2:e(t.coordinates[3]),style:{...t.color&&{stroke:t.color},fill:"none",strokeWidth:t.strokeWidth||1,...t.style||{}},className:r.mo(t.color?"":"stroke-primary-gray-300 dark:stroke-primary-gray-550",t.className)})},t.coordinates.map(a=>a instanceof Date?a.toISOString():a.toString()).join("~")))})}exports.Annotation=y;exports.CustomArea=u;exports.getLineEndPoint=m;
+//# sourceMappingURL=customArea-BYNyxAkm.cjs.map

package/dist/{customArea-B47Ew5cT.cjs.map → customArea-BYNyxAkm.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"customArea-B47Ew5cT.cjs","sources":["../src/Utils/getLineEndPoint.ts","../src/Components/Elements/Annotations.tsx","../src/Utils/getPathFromPoints.ts","../src/Components/Elements/HighlightArea/customArea.tsx"],"sourcesContent":["interface Coordinates {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function getLineEndPoint(startPoint: Coordinates, targetPoint: Coordinates, radius: number) {\r\n  const circleCenter = { x: targetPoint.x, y: targetPoint.y };\r\n  const directionVector = {\r\n    x: startPoint.x - circleCenter.x,\r\n    y: startPoint.y - circleCenter.y,\r\n  };\r\n  const magnitude = Math.sqrt(directionVector.x ** 2 + directionVector.y ** 2);\r\n  const unitVector = {\r\n    x: directionVector.x / magnitude,\r\n    y: directionVector.y / magnitude,\r\n  };\r\n  return {\r\n    x: circleCenter.x + radius * unitVector.x,\r\n    y: circleCenter.y + radius * unitVector.y,\r\n  };\r\n}\r\n","import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  color?: string;\r\n  connectorsSettings?: {\r\n    x1: number;\r\n    x2: number;\r\n    y1: number;\r\n    y2: number;\r\n    cx: number;\r\n    cy: number;\r\n    circleRadius: number;\r\n    strokeWidth: number;\r\n  };\r\n  labelSettings: {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    maxWidth?: number;\r\n    fontWeight?: 'regular' | 'bold' | 'medium';\r\n    align?: 'center' | 'left' | 'right';\r\n  };\r\n  text: string;\r\n  classNames?: {\r\n    connector?: string;\r\n    text?: string;\r\n  };\r\n  styles?: {\r\n    connector?: React.CSSProperties;\r\n    text?: React.CSSProperties;\r\n  };\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function Annotation(props: Props) {\r\n  const { connectorsSettings, text, color, labelSettings, classNames, styles, animate, isInView } =\r\n    props;\r\n  return (\r\n    <motion.g\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n      variants={{\r\n        initial: {\r\n          opacity: 0,\r\n        },\r\n        whileInView: {\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      {connectorsSettings ? (\r\n        <>\r\n          <circle\r\n            cy={connectorsSettings.cy}\r\n            cx={connectorsSettings.cx}\r\n            r={connectorsSettings.circleRadius}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n          <line\r\n            y1={connectorsSettings.y1}\r\n            x1={connectorsSettings.x1}\r\n            y2={connectorsSettings.y2}\r\n            x2={connectorsSettings.x2}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n        </>\r\n      ) : null}\r\n      <foreignObject\r\n        y={labelSettings.y}\r\n        x={labelSettings.x}\r\n        width={labelSettings.width}\r\n        height={1}\r\n        style={{ overflow: 'visible' }}\r\n      >\r\n        <p\r\n          className={cn(\r\n            'text-sm leading-[1.25] m-0 whitespace-normal',\r\n            labelSettings.fontWeight === 'bold'\r\n              ? 'font-bold'\r\n              : labelSettings.fontWeight === 'medium'\r\n                ? 'font-medium'\r\n                : 'font-normal',\r\n            labelSettings.align === 'right'\r\n              ? 'text-right'\r\n              : labelSettings.align === 'center'\r\n                ? 'text-center'\r\n                : 'text-left',\r\n            !color ? 'text-primary-gray-700 dark:text-primary-gray-300' : undefined,\r\n            classNames?.text,\r\n          )}\r\n          style={{\r\n            maxWidth: labelSettings.maxWidth || 'auto',\r\n            ...(color ? { color } : {}),\r\n            ...(styles?.text || {}),\r\n          }}\r\n        >\r\n          {text}\r\n        </p>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n","export function getPathFromPoints(pointsArray: number[], closePath?: boolean) {\r\n  if (pointsArray.length < 4 || pointsArray.length % 2 !== 0) {\r\n    return ''; // Need at least two points (4 numbers) and an even number of coordinates\r\n  }\r\n\r\n  let path = `M ${pointsArray[0]} ${pointsArray[1]}`; // Move to the first point\r\n  for (let i = 2; i < pointsArray.length; i += 2) {\r\n    path += ` L ${pointsArray[i]} ${pointsArray[i + 1]}`; // Draw lines to subsequent points\r\n  }\r\n  if (closePath === false) return path;\r\n\r\n  path += ' Z'; // Close the path\r\n\r\n  return path;\r\n}\r\n","import { NumberValue } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { getPathFromPoints } from '@/Utils/getPathFromPoints';\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  areaSettings: {\r\n    coordinates: (Date | number)[];\r\n    closePath?: boolean;\r\n    style?: React.CSSProperties;\r\n    className?: string;\r\n    color?: string;\r\n    strokeWidth?: number;\r\n  }[];\r\n  scaleX: (value: Date | NumberValue) => number;\r\n  scaleY: (value: Date | NumberValue) => number;\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\nexport function CustomArea(props: Props) {\r\n  const { areaSettings, scaleX, scaleY, animate, isInView } = props;\r\n  return (\r\n    <>\r\n      {areaSettings.map(d => (\r\n        <motion.g\r\n          key={d.coordinates\r\n            .map(item => (item instanceof Date ? item.toISOString() : item.toString()))\r\n            .join('~')}\r\n          variants={{\r\n            initial: {\r\n              opacity: 0,\r\n            },\r\n            whileInView: {\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          {d.coordinates.length !== 4 ? (\r\n            <path\r\n              d={getPathFromPoints(\r\n                d.coordinates.map((el, j) => (j % 2 === 0 ? scaleX(el) : scaleY(el as number))),\r\n                d.closePath,\r\n              )}\r\n              style={{\r\n                strokeWidth: d.strokeWidth || 0,\r\n                ...(d.coordinates.length > 4 ? d.color && { fill: d.color } : { fill: 'none' }),\r\n                ...(d.color && { stroke: d.color }),\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color\r\n                  ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550'\r\n                  : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          ) : (\r\n            <line\r\n              x1={scaleX(d.coordinates[0])}\r\n              y1={scaleY(d.coordinates[1] as number)}\r\n              x2={scaleX(d.coordinates[2])}\r\n              y2={scaleY(d.coordinates[3] as number)}\r\n              style={{\r\n                ...(d.color && { stroke: d.color }),\r\n                fill: 'none',\r\n                strokeWidth: d.strokeWidth || 1,\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550' : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          )}\r\n        </motion.g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["getLineEndPoint","startPoint","targetPoint","radius","circleCenter","directionVector","magnitude","unitVector","Annotation","props","connectorsSettings","text","color","labelSettings","classNames","styles","animate","isInView","jsxs","motion","Fragment","jsx","cn","getPathFromPoints","pointsArray","closePath","path","i","CustomArea","areaSettings","scaleX","scaleY","d","el","j","item"],"mappings":"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"}
+{"version":3,"file":"customArea-BYNyxAkm.cjs","sources":["../src/Utils/getLineEndPoint.ts","../src/Components/Elements/Annotations.tsx","../src/Utils/getPathFromPoints.ts","../src/Components/Elements/HighlightArea/customArea.tsx"],"sourcesContent":["interface Coordinates {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function getLineEndPoint(startPoint: Coordinates, targetPoint: Coordinates, radius: number) {\r\n  const circleCenter = { x: targetPoint.x, y: targetPoint.y };\r\n  const directionVector = {\r\n    x: startPoint.x - circleCenter.x,\r\n    y: startPoint.y - circleCenter.y,\r\n  };\r\n  const magnitude = Math.sqrt(directionVector.x ** 2 + directionVector.y ** 2);\r\n  const unitVector = {\r\n    x: directionVector.x / magnitude,\r\n    y: directionVector.y / magnitude,\r\n  };\r\n  return {\r\n    x: circleCenter.x + radius * unitVector.x,\r\n    y: circleCenter.y + radius * unitVector.y,\r\n  };\r\n}\r\n","import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  color?: string;\r\n  connectorsSettings?: {\r\n    x1: number;\r\n    x2: number;\r\n    y1: number;\r\n    y2: number;\r\n    cx: number;\r\n    cy: number;\r\n    circleRadius: number;\r\n    strokeWidth: number;\r\n  };\r\n  labelSettings: {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    maxWidth?: number;\r\n    fontWeight?: 'regular' | 'bold' | 'medium';\r\n    align?: 'center' | 'left' | 'right';\r\n  };\r\n  text: string;\r\n  classNames?: {\r\n    connector?: string;\r\n    text?: string;\r\n  };\r\n  styles?: {\r\n    connector?: React.CSSProperties;\r\n    text?: React.CSSProperties;\r\n  };\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function Annotation(props: Props) {\r\n  const { connectorsSettings, text, color, labelSettings, classNames, styles, animate, isInView } =\r\n    props;\r\n  return (\r\n    <motion.g\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n      variants={{\r\n        initial: {\r\n          opacity: 0,\r\n        },\r\n        whileInView: {\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      {connectorsSettings ? (\r\n        <>\r\n          <circle\r\n            cy={connectorsSettings.cy}\r\n            cx={connectorsSettings.cx}\r\n            r={connectorsSettings.circleRadius}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n          <line\r\n            y1={connectorsSettings.y1}\r\n            x1={connectorsSettings.x1}\r\n            y2={connectorsSettings.y2}\r\n            x2={connectorsSettings.x2}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n        </>\r\n      ) : null}\r\n      <foreignObject\r\n        y={labelSettings.y}\r\n        x={labelSettings.x}\r\n        width={labelSettings.width}\r\n        height={1}\r\n        style={{ overflow: 'visible' }}\r\n      >\r\n        <p\r\n          className={cn(\r\n            'text-sm leading-[1.25] m-0 whitespace-normal',\r\n            labelSettings.fontWeight === 'bold'\r\n              ? 'font-bold'\r\n              : labelSettings.fontWeight === 'medium'\r\n                ? 'font-medium'\r\n                : 'font-normal',\r\n            labelSettings.align === 'right'\r\n              ? 'text-right'\r\n              : labelSettings.align === 'center'\r\n                ? 'text-center'\r\n                : 'text-left',\r\n            !color ? 'text-primary-gray-700 dark:text-primary-gray-300' : undefined,\r\n            classNames?.text,\r\n          )}\r\n          style={{\r\n            maxWidth: labelSettings.maxWidth || 'auto',\r\n            ...(color ? { color } : {}),\r\n            ...(styles?.text || {}),\r\n          }}\r\n        >\r\n          {text}\r\n        </p>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n","export function getPathFromPoints(pointsArray: number[], closePath?: boolean) {\r\n  if (pointsArray.length < 4 || pointsArray.length % 2 !== 0) {\r\n    return ''; // Need at least two points (4 numbers) and an even number of coordinates\r\n  }\r\n\r\n  let path = `M ${pointsArray[0]} ${pointsArray[1]}`; // Move to the first point\r\n  for (let i = 2; i < pointsArray.length; i += 2) {\r\n    path += ` L ${pointsArray[i]} ${pointsArray[i + 1]}`; // Draw lines to subsequent points\r\n  }\r\n  if (closePath === false) return path;\r\n\r\n  path += ' Z'; // Close the path\r\n\r\n  return path;\r\n}\r\n","import { NumberValue } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { getPathFromPoints } from '@/Utils/getPathFromPoints';\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  areaSettings: {\r\n    coordinates: (Date | number)[];\r\n    closePath?: boolean;\r\n    style?: React.CSSProperties;\r\n    className?: string;\r\n    color?: string;\r\n    strokeWidth?: number;\r\n  }[];\r\n  scaleX: (value: Date | NumberValue) => number;\r\n  scaleY: (value: Date | NumberValue) => number;\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\nexport function CustomArea(props: Props) {\r\n  const { areaSettings, scaleX, scaleY, animate, isInView } = props;\r\n  return (\r\n    <>\r\n      {areaSettings.map(d => (\r\n        <motion.g\r\n          key={d.coordinates\r\n            .map(item => (item instanceof Date ? item.toISOString() : item.toString()))\r\n            .join('~')}\r\n          variants={{\r\n            initial: {\r\n              opacity: 0,\r\n            },\r\n            whileInView: {\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          {d.coordinates.length !== 4 ? (\r\n            <path\r\n              d={getPathFromPoints(\r\n                d.coordinates.map((el, j) => (j % 2 === 0 ? scaleX(el) : scaleY(el as number))),\r\n                d.closePath,\r\n              )}\r\n              style={{\r\n                strokeWidth: d.strokeWidth || 0,\r\n                ...(d.coordinates.length > 4 ? d.color && { fill: d.color } : { fill: 'none' }),\r\n                ...(d.color && { stroke: d.color }),\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color\r\n                  ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550'\r\n                  : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          ) : (\r\n            <line\r\n              x1={scaleX(d.coordinates[0])}\r\n              y1={scaleY(d.coordinates[1] as number)}\r\n              x2={scaleX(d.coordinates[2])}\r\n              y2={scaleY(d.coordinates[3] as number)}\r\n              style={{\r\n                ...(d.color && { stroke: d.color }),\r\n                fill: 'none',\r\n                strokeWidth: d.strokeWidth || 1,\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550' : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          )}\r\n        </motion.g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["getLineEndPoint","startPoint","targetPoint","radius","circleCenter","directionVector","magnitude","unitVector","Annotation","props","connectorsSettings","text","color","labelSettings","classNames","styles","animate","isInView","jsxs","motion","Fragment","jsx","cn","getPathFromPoints","pointsArray","closePath","path","i","CustomArea","areaSettings","scaleX","scaleY","d","el","j","item"],"mappings":"gGAKO,SAASA,EAAgBC,EAAyBC,EAA0BC,EAAgB,CACjG,MAAMC,EAAe,CAAE,EAAGF,EAAY,EAAG,EAAGA,EAAY,CAAA,EAClDG,EAAkB,CACtB,EAAGJ,EAAW,EAAIG,EAAa,EAC/B,EAAGH,EAAW,EAAIG,EAAa,CAAA,EAE3BE,EAAY,KAAK,KAAKD,EAAgB,GAAK,EAAIA,EAAgB,GAAK,CAAC,EACrEE,EAAa,CACjB,EAAGF,EAAgB,EAAIC,EACvB,EAAGD,EAAgB,EAAIC,CAAA,EAEzB,MAAO,CACL,EAAGF,EAAa,EAAID,EAASI,EAAW,EACxC,EAAGH,EAAa,EAAID,EAASI,EAAW,CAAA,CAE5C,CCkBO,SAASC,EAAWC,EAAc,CACvC,KAAM,CAAE,mBAAAC,EAAoB,KAAAC,EAAM,MAAAC,EAAO,cAAAC,EAAe,WAAAC,EAAY,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,CAAA,EACnFR,EACF,OACES,EAAAA,kBAAAA,KAACC,EAAAA,OAAO,EAAP,CACC,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAUH,EAAQ,SAAS,EAC7D,SAAU,CACR,QAAS,CACP,QAAS,CAAA,EAEX,YAAa,CACX,QAAS,EACT,WAAY,CAAE,SAAUA,EAAQ,QAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASC,EAAW,cAAgB,UAEnC,SAAA,CAAAP,EACCQ,EAAAA,kBAAAA,KAAAE,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,SAAA,CACC,GAAIX,EAAmB,GACvB,GAAIA,EAAmB,GACvB,EAAGA,EAAmB,aACtB,UAAWY,EAAAA,GACRV,EAAiE,GAAzD,uDACTE,GAAY,SAAA,EAEd,MAAO,CACL,KAAM,OACN,YAAaJ,EAAmB,YAChC,GAAIE,EAAQ,CAAE,OAAQA,CAAA,EAAU,CAAA,EAChC,GAAIG,GAAQ,WAAa,CAAA,CAAC,CAC5B,CAAA,EAEFM,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAIX,EAAmB,GACvB,GAAIA,EAAmB,GACvB,GAAIA,EAAmB,GACvB,GAAIA,EAAmB,GACvB,UAAWY,EAAAA,GACRV,EAAiE,GAAzD,uDACTE,GAAY,SAAA,EAEd,MAAO,CACL,KAAM,OACN,YAAaJ,EAAmB,YAChC,GAAIE,EAAQ,CAAE,OAAQA,CAAA,EAAU,CAAA,EAChC,GAAIG,GAAQ,WAAa,CAAA,CAAC,CAC5B,CAAA,CACF,CAAA,CACF,EACE,KACJM,EAAAA,kBAAAA,IAAC,gBAAA,CACC,EAAGR,EAAc,EACjB,EAAGA,EAAc,EACjB,MAAOA,EAAc,MACrB,OAAQ,EACR,MAAO,CAAE,SAAU,SAAA,EAEnB,SAAAQ,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,+CACAT,EAAc,aAAe,OACzB,YACAA,EAAc,aAAe,SAC3B,cACA,cACNA,EAAc,QAAU,QACpB,aACAA,EAAc,QAAU,SACtB,cACA,YACLD,EAA6D,OAArD,mDACTE,GAAY,IAAA,EAEd,MAAO,CACL,SAAUD,EAAc,UAAY,OACpC,GAAID,EAAQ,CAAE,MAAAA,CAAA,EAAU,CAAA,EACxB,GAAIG,GAAQ,MAAQ,CAAA,CAAC,EAGtB,SAAAJ,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAGN,CC7HO,SAASY,EAAkBC,EAAuBC,EAAqB,CAC5E,GAAID,EAAY,OAAS,GAAKA,EAAY,OAAS,IAAM,EACvD,MAAO,GAGT,IAAIE,EAAO,KAAKF,EAAY,CAAC,CAAC,IAAIA,EAAY,CAAC,CAAC,GAChD,QAASG,EAAI,EAAGA,EAAIH,EAAY,OAAQG,GAAK,EAC3CD,GAAQ,MAAMF,EAAYG,CAAC,CAAC,IAAIH,EAAYG,EAAI,CAAC,CAAC,GAEpD,OAAIF,IAAc,KAElBC,GAAQ,MAEDA,CACT,CCOO,SAASE,EAAWnB,EAAc,CACvC,KAAM,CAAE,aAAAoB,EAAc,OAAAC,EAAQ,OAAAC,EAAQ,QAAAf,EAAS,SAAAC,GAAaR,EAC5D,OACEY,EAAAA,kBAAAA,IAAAD,EAAAA,kBAAAA,SAAA,CACG,SAAAS,EAAa,IAAIG,GAChBX,EAAAA,kBAAAA,IAACF,EAAAA,OAAO,EAAP,CAIC,SAAU,CACR,QAAS,CACP,QAAS,CAAA,EAEX,YAAa,CACX,QAAS,EACT,WAAY,CAAE,SAAUH,EAAQ,QAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASC,EAAW,cAAgB,UAEnC,SAAAe,EAAE,YAAY,SAAW,EACxBX,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGE,EACDS,EAAE,YAAY,IAAI,CAACC,EAAIC,IAAOA,EAAI,IAAM,EAAIJ,EAAOG,CAAE,EAAIF,EAAOE,CAAY,CAAE,EAC9ED,EAAE,SAAA,EAEJ,MAAO,CACL,YAAaA,EAAE,aAAe,EAC9B,GAAIA,EAAE,YAAY,OAAS,EAAIA,EAAE,OAAS,CAAE,KAAMA,EAAE,KAAA,EAAU,CAAE,KAAM,MAAA,EACtE,GAAIA,EAAE,OAAS,CAAE,OAAQA,EAAE,KAAA,EAC3B,GAAIA,EAAE,OAAS,CAAA,CAAC,EAElB,UAAWV,EAAAA,GACRU,EAAE,MAEC,GADA,wGAEJA,EAAE,SAAA,CACJ,CAAA,EAGFX,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAIS,EAAOE,EAAE,YAAY,CAAC,CAAC,EAC3B,GAAID,EAAOC,EAAE,YAAY,CAAC,CAAW,EACrC,GAAIF,EAAOE,EAAE,YAAY,CAAC,CAAC,EAC3B,GAAID,EAAOC,EAAE,YAAY,CAAC,CAAW,EACrC,MAAO,CACL,GAAIA,EAAE,OAAS,CAAE,OAAQA,EAAE,KAAA,EAC3B,KAAM,OACN,YAAaA,EAAE,aAAe,EAC9B,GAAIA,EAAE,OAAS,CAAA,CAAC,EAElB,UAAWV,EAAAA,GACRU,EAAE,MAAiE,GAAzD,uDACXA,EAAE,SAAA,CACJ,CAAA,CACF,EAlDGA,EAAE,YACJ,IAAIG,GAASA,aAAgB,KAAOA,EAAK,YAAA,EAAgBA,EAAK,SAAA,CAAW,EACzE,KAAK,GAAG,CAAA,CAmDd,EACH,CAEJ"}

package/dist/{customArea-I3MsoqIl.js → customArea-CaxScFmW.js}

@@ -1,21 +1,20 @@
-import { j as a } from "./index-BHm2KTjD-2e-Fu8L-.js";
-import { c } from "./Typography-XJoSE-By.js";
-import { m } from "./use-in-view-CZPXmTZM.js";
-function d(n, e, o) {
+import { j as a, m as c } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { m } from "./proxy-DJxJg1kD.js";
+function d(o, e, n) {
   const i = { x: e.x, y: e.y }, r = {
-    x: n.x - i.x,
-    y: n.y - i.y
+    x: o.x - i.x,
+    y: o.y - i.y
   }, l = Math.sqrt(r.x ** 2 + r.y ** 2), t = {
     x: r.x / l,
     y: r.y / l
   };
   return {
-    x: i.x + o * t.x,
-    y: i.y + o * t.y
+    x: i.x + n * t.x,
+    y: i.y + n * t.y
   };
 }
-function k(n) {
-  const { connectorsSettings: e, text: o, color: i, labelSettings: r, classNames: l, styles: t, animate: s, isInView: y } = n;
+function f(o) {
+  const { connectorsSettings: e, text: n, color: i, labelSettings: r, classNames: l, styles: t, animate: s, isInView: y } = o;
   return /* @__PURE__ */ a.jsxs(
     m.g,
     {
@@ -39,7 +38,7 @@ function k(n) {
               cy: e.cy,
               cx: e.cx,
               r: e.circleRadius,
-              className: c.cn(
+              className: c(
                 i ? "" : "stroke-primary-gray-700 dark:stroke-primary-gray-300",
                 l?.connector
               ),
@@ -58,7 +57,7 @@ function k(n) {
               x1: e.x1,
               y2: e.y2,
               x2: e.x2,
-              className: c.cn(
+              className: c(
                 i ? "" : "stroke-primary-gray-700 dark:stroke-primary-gray-300",
                 l?.connector
               ),
@@ -82,7 +81,7 @@ function k(n) {
             children: /* @__PURE__ */ a.jsx(
               "p",
               {
-                className: c.cn(
+                className: c(
                   "text-sm leading-[1.25] m-0 whitespace-normal",
                   r.fontWeight === "bold" ? "font-bold" : r.fontWeight === "medium" ? "font-medium" : "font-normal",
                   r.align === "right" ? "text-right" : r.align === "center" ? "text-center" : "text-left",
@@ -94,7 +93,7 @@ function k(n) {
                   ...i ? { color: i } : {},
                   ...t?.text || {}
                 },
-                children: o
+                children: n
               }
             )
           }
@@ -103,16 +102,16 @@ function k(n) {
     }
   );
 }
-function x(n, e) {
-  if (n.length < 4 || n.length % 2 !== 0)
+function x(o, e) {
+  if (o.length < 4 || o.length % 2 !== 0)
     return "";
-  let o = `M ${n[0]} ${n[1]}`;
-  for (let i = 2; i < n.length; i += 2)
-    o += ` L ${n[i]} ${n[i + 1]}`;
-  return e === !1 || (o += " Z"), o;
+  let n = `M ${o[0]} ${o[1]}`;
+  for (let i = 2; i < o.length; i += 2)
+    n += ` L ${o[i]} ${o[i + 1]}`;
+  return e === !1 || (n += " Z"), n;
 }
-function p(n) {
-  const { areaSettings: e, scaleX: o, scaleY: i, animate: r, isInView: l } = n;
+function k(o) {
+  const { areaSettings: e, scaleX: n, scaleY: i, animate: r, isInView: l } = o;
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: e.map((t) => /* @__PURE__ */ a.jsx(
     m.g,
     {
@@ -131,7 +130,7 @@ function p(n) {
         "path",
         {
           d: x(
-            t.coordinates.map((s, y) => y % 2 === 0 ? o(s) : i(s)),
+            t.coordinates.map((s, y) => y % 2 === 0 ? n(s) : i(s)),
             t.closePath
           ),
           style: {
@@ -140,7 +139,7 @@ function p(n) {
             ...t.color && { stroke: t.color },
             ...t.style || {}
           },
-          className: c.cn(
+          className: c(
             t.color ? "" : "stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550",
             t.className
           )
@@ -148,9 +147,9 @@ function p(n) {
       ) : /* @__PURE__ */ a.jsx(
         "line",
         {
-          x1: o(t.coordinates[0]),
+          x1: n(t.coordinates[0]),
           y1: i(t.coordinates[1]),
-          x2: o(t.coordinates[2]),
+          x2: n(t.coordinates[2]),
           y2: i(t.coordinates[3]),
           style: {
             ...t.color && { stroke: t.color },
@@ -158,7 +157,7 @@ function p(n) {
             strokeWidth: t.strokeWidth || 1,
             ...t.style || {}
           },
-          className: c.cn(
+          className: c(
             t.color ? "" : "stroke-primary-gray-300 dark:stroke-primary-gray-550",
             t.className
           )
@@ -169,8 +168,8 @@ function p(n) {
   )) });
 }
 export {
-  k as A,
-  p as C,
+  f as A,
+  k as C,
   d as g
 };
-//# sourceMappingURL=customArea-I3MsoqIl.js.map
+//# sourceMappingURL=customArea-CaxScFmW.js.map

package/dist/{customArea-I3MsoqIl.js.map → customArea-CaxScFmW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"customArea-I3MsoqIl.js","sources":["../src/Utils/getLineEndPoint.ts","../src/Components/Elements/Annotations.tsx","../src/Utils/getPathFromPoints.ts","../src/Components/Elements/HighlightArea/customArea.tsx"],"sourcesContent":["interface Coordinates {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function getLineEndPoint(startPoint: Coordinates, targetPoint: Coordinates, radius: number) {\r\n  const circleCenter = { x: targetPoint.x, y: targetPoint.y };\r\n  const directionVector = {\r\n    x: startPoint.x - circleCenter.x,\r\n    y: startPoint.y - circleCenter.y,\r\n  };\r\n  const magnitude = Math.sqrt(directionVector.x ** 2 + directionVector.y ** 2);\r\n  const unitVector = {\r\n    x: directionVector.x / magnitude,\r\n    y: directionVector.y / magnitude,\r\n  };\r\n  return {\r\n    x: circleCenter.x + radius * unitVector.x,\r\n    y: circleCenter.y + radius * unitVector.y,\r\n  };\r\n}\r\n","import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  color?: string;\r\n  connectorsSettings?: {\r\n    x1: number;\r\n    x2: number;\r\n    y1: number;\r\n    y2: number;\r\n    cx: number;\r\n    cy: number;\r\n    circleRadius: number;\r\n    strokeWidth: number;\r\n  };\r\n  labelSettings: {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    maxWidth?: number;\r\n    fontWeight?: 'regular' | 'bold' | 'medium';\r\n    align?: 'center' | 'left' | 'right';\r\n  };\r\n  text: string;\r\n  classNames?: {\r\n    connector?: string;\r\n    text?: string;\r\n  };\r\n  styles?: {\r\n    connector?: React.CSSProperties;\r\n    text?: React.CSSProperties;\r\n  };\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function Annotation(props: Props) {\r\n  const { connectorsSettings, text, color, labelSettings, classNames, styles, animate, isInView } =\r\n    props;\r\n  return (\r\n    <motion.g\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n      variants={{\r\n        initial: {\r\n          opacity: 0,\r\n        },\r\n        whileInView: {\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      {connectorsSettings ? (\r\n        <>\r\n          <circle\r\n            cy={connectorsSettings.cy}\r\n            cx={connectorsSettings.cx}\r\n            r={connectorsSettings.circleRadius}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n          <line\r\n            y1={connectorsSettings.y1}\r\n            x1={connectorsSettings.x1}\r\n            y2={connectorsSettings.y2}\r\n            x2={connectorsSettings.x2}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n        </>\r\n      ) : null}\r\n      <foreignObject\r\n        y={labelSettings.y}\r\n        x={labelSettings.x}\r\n        width={labelSettings.width}\r\n        height={1}\r\n        style={{ overflow: 'visible' }}\r\n      >\r\n        <p\r\n          className={cn(\r\n            'text-sm leading-[1.25] m-0 whitespace-normal',\r\n            labelSettings.fontWeight === 'bold'\r\n              ? 'font-bold'\r\n              : labelSettings.fontWeight === 'medium'\r\n                ? 'font-medium'\r\n                : 'font-normal',\r\n            labelSettings.align === 'right'\r\n              ? 'text-right'\r\n              : labelSettings.align === 'center'\r\n                ? 'text-center'\r\n                : 'text-left',\r\n            !color ? 'text-primary-gray-700 dark:text-primary-gray-300' : undefined,\r\n            classNames?.text,\r\n          )}\r\n          style={{\r\n            maxWidth: labelSettings.maxWidth || 'auto',\r\n            ...(color ? { color } : {}),\r\n            ...(styles?.text || {}),\r\n          }}\r\n        >\r\n          {text}\r\n        </p>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n","export function getPathFromPoints(pointsArray: number[], closePath?: boolean) {\r\n  if (pointsArray.length < 4 || pointsArray.length % 2 !== 0) {\r\n    return ''; // Need at least two points (4 numbers) and an even number of coordinates\r\n  }\r\n\r\n  let path = `M ${pointsArray[0]} ${pointsArray[1]}`; // Move to the first point\r\n  for (let i = 2; i < pointsArray.length; i += 2) {\r\n    path += ` L ${pointsArray[i]} ${pointsArray[i + 1]}`; // Draw lines to subsequent points\r\n  }\r\n  if (closePath === false) return path;\r\n\r\n  path += ' Z'; // Close the path\r\n\r\n  return path;\r\n}\r\n","import { NumberValue } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { getPathFromPoints } from '@/Utils/getPathFromPoints';\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  areaSettings: {\r\n    coordinates: (Date | number)[];\r\n    closePath?: boolean;\r\n    style?: React.CSSProperties;\r\n    className?: string;\r\n    color?: string;\r\n    strokeWidth?: number;\r\n  }[];\r\n  scaleX: (value: Date | NumberValue) => number;\r\n  scaleY: (value: Date | NumberValue) => number;\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\nexport function CustomArea(props: Props) {\r\n  const { areaSettings, scaleX, scaleY, animate, isInView } = props;\r\n  return (\r\n    <>\r\n      {areaSettings.map(d => (\r\n        <motion.g\r\n          key={d.coordinates\r\n            .map(item => (item instanceof Date ? item.toISOString() : item.toString()))\r\n            .join('~')}\r\n          variants={{\r\n            initial: {\r\n              opacity: 0,\r\n            },\r\n            whileInView: {\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          {d.coordinates.length !== 4 ? (\r\n            <path\r\n              d={getPathFromPoints(\r\n                d.coordinates.map((el, j) => (j % 2 === 0 ? scaleX(el) : scaleY(el as number))),\r\n                d.closePath,\r\n              )}\r\n              style={{\r\n                strokeWidth: d.strokeWidth || 0,\r\n                ...(d.coordinates.length > 4 ? d.color && { fill: d.color } : { fill: 'none' }),\r\n                ...(d.color && { stroke: d.color }),\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color\r\n                  ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550'\r\n                  : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          ) : (\r\n            <line\r\n              x1={scaleX(d.coordinates[0])}\r\n              y1={scaleY(d.coordinates[1] as number)}\r\n              x2={scaleX(d.coordinates[2])}\r\n              y2={scaleY(d.coordinates[3] as number)}\r\n              style={{\r\n                ...(d.color && { stroke: d.color }),\r\n                fill: 'none',\r\n                strokeWidth: d.strokeWidth || 1,\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550' : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          )}\r\n        </motion.g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["getLineEndPoint","startPoint","targetPoint","radius","circleCenter","directionVector","magnitude","unitVector","Annotation","props","connectorsSettings","text","color","labelSettings","classNames","styles","animate","isInView","jsxs","motion","Fragment","jsx","cn","getPathFromPoints","pointsArray","closePath","path","CustomArea","areaSettings","scaleX","scaleY","d","el","j","item"],"mappings":"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"}
+{"version":3,"file":"customArea-CaxScFmW.js","sources":["../src/Utils/getLineEndPoint.ts","../src/Components/Elements/Annotations.tsx","../src/Utils/getPathFromPoints.ts","../src/Components/Elements/HighlightArea/customArea.tsx"],"sourcesContent":["interface Coordinates {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function getLineEndPoint(startPoint: Coordinates, targetPoint: Coordinates, radius: number) {\r\n  const circleCenter = { x: targetPoint.x, y: targetPoint.y };\r\n  const directionVector = {\r\n    x: startPoint.x - circleCenter.x,\r\n    y: startPoint.y - circleCenter.y,\r\n  };\r\n  const magnitude = Math.sqrt(directionVector.x ** 2 + directionVector.y ** 2);\r\n  const unitVector = {\r\n    x: directionVector.x / magnitude,\r\n    y: directionVector.y / magnitude,\r\n  };\r\n  return {\r\n    x: circleCenter.x + radius * unitVector.x,\r\n    y: circleCenter.y + radius * unitVector.y,\r\n  };\r\n}\r\n","import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  color?: string;\r\n  connectorsSettings?: {\r\n    x1: number;\r\n    x2: number;\r\n    y1: number;\r\n    y2: number;\r\n    cx: number;\r\n    cy: number;\r\n    circleRadius: number;\r\n    strokeWidth: number;\r\n  };\r\n  labelSettings: {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    maxWidth?: number;\r\n    fontWeight?: 'regular' | 'bold' | 'medium';\r\n    align?: 'center' | 'left' | 'right';\r\n  };\r\n  text: string;\r\n  classNames?: {\r\n    connector?: string;\r\n    text?: string;\r\n  };\r\n  styles?: {\r\n    connector?: React.CSSProperties;\r\n    text?: React.CSSProperties;\r\n  };\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function Annotation(props: Props) {\r\n  const { connectorsSettings, text, color, labelSettings, classNames, styles, animate, isInView } =\r\n    props;\r\n  return (\r\n    <motion.g\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n      variants={{\r\n        initial: {\r\n          opacity: 0,\r\n        },\r\n        whileInView: {\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      {connectorsSettings ? (\r\n        <>\r\n          <circle\r\n            cy={connectorsSettings.cy}\r\n            cx={connectorsSettings.cx}\r\n            r={connectorsSettings.circleRadius}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n          <line\r\n            y1={connectorsSettings.y1}\r\n            x1={connectorsSettings.x1}\r\n            y2={connectorsSettings.y2}\r\n            x2={connectorsSettings.x2}\r\n            className={cn(\r\n              !color ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300' : '',\r\n              classNames?.connector,\r\n            )}\r\n            style={{\r\n              fill: 'none',\r\n              strokeWidth: connectorsSettings.strokeWidth,\r\n              ...(color ? { stroke: color } : {}),\r\n              ...(styles?.connector || {}),\r\n            }}\r\n          />\r\n        </>\r\n      ) : null}\r\n      <foreignObject\r\n        y={labelSettings.y}\r\n        x={labelSettings.x}\r\n        width={labelSettings.width}\r\n        height={1}\r\n        style={{ overflow: 'visible' }}\r\n      >\r\n        <p\r\n          className={cn(\r\n            'text-sm leading-[1.25] m-0 whitespace-normal',\r\n            labelSettings.fontWeight === 'bold'\r\n              ? 'font-bold'\r\n              : labelSettings.fontWeight === 'medium'\r\n                ? 'font-medium'\r\n                : 'font-normal',\r\n            labelSettings.align === 'right'\r\n              ? 'text-right'\r\n              : labelSettings.align === 'center'\r\n                ? 'text-center'\r\n                : 'text-left',\r\n            !color ? 'text-primary-gray-700 dark:text-primary-gray-300' : undefined,\r\n            classNames?.text,\r\n          )}\r\n          style={{\r\n            maxWidth: labelSettings.maxWidth || 'auto',\r\n            ...(color ? { color } : {}),\r\n            ...(styles?.text || {}),\r\n          }}\r\n        >\r\n          {text}\r\n        </p>\r\n      </foreignObject>\r\n    </motion.g>\r\n  );\r\n}\r\n","export function getPathFromPoints(pointsArray: number[], closePath?: boolean) {\r\n  if (pointsArray.length < 4 || pointsArray.length % 2 !== 0) {\r\n    return ''; // Need at least two points (4 numbers) and an even number of coordinates\r\n  }\r\n\r\n  let path = `M ${pointsArray[0]} ${pointsArray[1]}`; // Move to the first point\r\n  for (let i = 2; i < pointsArray.length; i += 2) {\r\n    path += ` L ${pointsArray[i]} ${pointsArray[i + 1]}`; // Draw lines to subsequent points\r\n  }\r\n  if (closePath === false) return path;\r\n\r\n  path += ' Z'; // Close the path\r\n\r\n  return path;\r\n}\r\n","import { NumberValue } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { getPathFromPoints } from '@/Utils/getPathFromPoints';\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  areaSettings: {\r\n    coordinates: (Date | number)[];\r\n    closePath?: boolean;\r\n    style?: React.CSSProperties;\r\n    className?: string;\r\n    color?: string;\r\n    strokeWidth?: number;\r\n  }[];\r\n  scaleX: (value: Date | NumberValue) => number;\r\n  scaleY: (value: Date | NumberValue) => number;\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\nexport function CustomArea(props: Props) {\r\n  const { areaSettings, scaleX, scaleY, animate, isInView } = props;\r\n  return (\r\n    <>\r\n      {areaSettings.map(d => (\r\n        <motion.g\r\n          key={d.coordinates\r\n            .map(item => (item instanceof Date ? item.toISOString() : item.toString()))\r\n            .join('~')}\r\n          variants={{\r\n            initial: {\r\n              opacity: 0,\r\n            },\r\n            whileInView: {\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          {d.coordinates.length !== 4 ? (\r\n            <path\r\n              d={getPathFromPoints(\r\n                d.coordinates.map((el, j) => (j % 2 === 0 ? scaleX(el) : scaleY(el as number))),\r\n                d.closePath,\r\n              )}\r\n              style={{\r\n                strokeWidth: d.strokeWidth || 0,\r\n                ...(d.coordinates.length > 4 ? d.color && { fill: d.color } : { fill: 'none' }),\r\n                ...(d.color && { stroke: d.color }),\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color\r\n                  ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550 fill-primary-gray-300 dark:fill-primary-gray-550'\r\n                  : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          ) : (\r\n            <line\r\n              x1={scaleX(d.coordinates[0])}\r\n              y1={scaleY(d.coordinates[1] as number)}\r\n              x2={scaleX(d.coordinates[2])}\r\n              y2={scaleY(d.coordinates[3] as number)}\r\n              style={{\r\n                ...(d.color && { stroke: d.color }),\r\n                fill: 'none',\r\n                strokeWidth: d.strokeWidth || 1,\r\n                ...(d.style || {}),\r\n              }}\r\n              className={cn(\r\n                !d.color ? 'stroke-primary-gray-300 dark:stroke-primary-gray-550' : '',\r\n                d.className,\r\n              )}\r\n            />\r\n          )}\r\n        </motion.g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["getLineEndPoint","startPoint","targetPoint","radius","circleCenter","directionVector","magnitude","unitVector","Annotation","props","connectorsSettings","text","color","labelSettings","classNames","styles","animate","isInView","jsxs","motion","Fragment","jsx","cn","getPathFromPoints","pointsArray","closePath","path","CustomArea","areaSettings","scaleX","scaleY","d","el","j","item"],"mappings":"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"}

package/dist/excelDownload-BOA-lskf.js

@@ -0,0 +1,19 @@
+import d from "file-saver";
+import * as t from "xlsx";
+const x = (o, a, s, r, l) => {
+  const n = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8", e = t.utils.json_to_sheet([r], {
+    header: s,
+    skipHeader: !0
+  });
+  e["!cols"] = l, t.utils.sheet_add_json(e, o, {
+    header: s,
+    skipHeader: !0,
+    origin: -1
+  });
+  const c = { Sheets: { data: e }, SheetNames: ["data"] }, i = t.write(c, { bookType: "xlsx", type: "array" }), p = new Blob([i], { type: n });
+  d.saveAs(p, `${a}.xlsx`);
+};
+export {
+  x as e
+};
+//# sourceMappingURL=excelDownload-BOA-lskf.js.map

package/dist/excelDownload-BOA-lskf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excelDownload-BOA-lskf.js","sources":["../src/Utils/excelDownload.ts"],"sourcesContent":["import FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n/**\r\n * Downloads CSV data as an Excel file with specified headers and column widths.\r\n *\r\n * The function converts JSON data (`csvData`) to an Excel sheet, adds headers, and applies custom column widths.\r\n * The resulting file is then downloaded using `file-saver` as an `.xlsx` file.\r\n *\r\n * @param csvData - The data to be exported as an Excel sheet, represented as an array of objects.\r\n * @param fileName - The name of the file to be downloaded (without extension).\r\n * @param headers - The headers for the Excel sheet.\r\n * @param xlsxHeader - The header data to be used for the Excel file (should match `headers`).\r\n * @param wscols - The column width configuration, where each item corresponds to a column.\r\n *\r\n * @example\r\n * const data = [{ name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }];\r\n * const headers = ['name', 'age'];\r\n * const xlsxHeader = {\r\n *  name: \"Full Name\",\r\n *  age: \"Age\",\r\n * };\r\n * const columnWidths = [{ wch: 10 }, { wch: 5 }];\r\n * excelDownload(data, 'user_data', headers, xlsxHeader, columnWidths);\r\n */\r\n\r\nexport const excelDownload = (\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any,\r\n  fileName: string,\r\n  headers: string[],\r\n  xlsxHeader: {\r\n    [key: string]: string;\r\n  },\r\n  wscols: WsColInterface[],\r\n) => {\r\n  const fileType =\r\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n  const ws = XLSX.utils.json_to_sheet([xlsxHeader], {\r\n    header: headers,\r\n    skipHeader: true,\r\n  });\r\n\r\n  ws['!cols'] = wscols;\r\n  XLSX.utils.sheet_add_json(ws, csvData, {\r\n    header: headers,\r\n    skipHeader: true,\r\n    origin: -1,\r\n  });\r\n  const wb = { Sheets: { data: ws }, SheetNames: ['data'] };\r\n  const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n  const dataForExcel = new Blob([excelBuffer], { type: fileType });\r\n  FileSaver.saveAs(dataForExcel, `${fileName}.xlsx`);\r\n};\r\n"],"names":["excelDownload","csvData","fileName","headers","xlsxHeader","wscols","fileType","ws","XLSX","wb","excelBuffer","dataForExcel","FileSaver"],"mappings":";;AA6BO,MAAMA,IAAgB,CAE3BC,GACAC,GACAC,GACAC,GAGAC,MACG;AACH,QAAMC,IACJ,mFACIC,IAAKC,EAAK,MAAM,cAAc,CAACJ,CAAU,GAAG;AAAA,IAChD,QAAQD;AAAA,IACR,YAAY;AAAA,EAAA,CACb;AAED,EAAAI,EAAG,OAAO,IAAIF,GACdG,EAAK,MAAM,eAAeD,GAAIN,GAAS;AAAA,IACrC,QAAQE;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACT;AACD,QAAMM,IAAK,EAAE,QAAQ,EAAE,MAAMF,KAAM,YAAY,CAAC,MAAM,EAAA,GAChDG,IAAcF,EAAK,MAAMC,GAAI,EAAE,UAAU,QAAQ,MAAM,SAAS,GAChEE,IAAe,IAAI,KAAK,CAACD,CAAW,GAAG,EAAE,MAAMJ,GAAU;AAC/D,EAAAM,EAAU,OAAOD,GAAc,GAAGT,CAAQ,OAAO;AACnD;"}

package/dist/excelDownload-BQpsCa62.cjs

@@ -0,0 +1,2 @@
+"use strict";const d=require("file-saver"),p=require("xlsx");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=f(p),b=(e,o,t,s,a)=>{const c="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8",r=n.utils.json_to_sheet([s],{header:t,skipHeader:!0});r["!cols"]=a,n.utils.sheet_add_json(r,e,{header:t,skipHeader:!0,origin:-1});const l={Sheets:{data:r},SheetNames:["data"]},i=n.write(l,{bookType:"xlsx",type:"array"}),u=new Blob([i],{type:c});d.saveAs(u,`${o}.xlsx`)};exports.excelDownload=b;
+//# sourceMappingURL=excelDownload-BQpsCa62.cjs.map

package/dist/excelDownload-BQpsCa62.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"excelDownload-BQpsCa62.cjs","sources":["../src/Utils/excelDownload.ts"],"sourcesContent":["import FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n/**\r\n * Downloads CSV data as an Excel file with specified headers and column widths.\r\n *\r\n * The function converts JSON data (`csvData`) to an Excel sheet, adds headers, and applies custom column widths.\r\n * The resulting file is then downloaded using `file-saver` as an `.xlsx` file.\r\n *\r\n * @param csvData - The data to be exported as an Excel sheet, represented as an array of objects.\r\n * @param fileName - The name of the file to be downloaded (without extension).\r\n * @param headers - The headers for the Excel sheet.\r\n * @param xlsxHeader - The header data to be used for the Excel file (should match `headers`).\r\n * @param wscols - The column width configuration, where each item corresponds to a column.\r\n *\r\n * @example\r\n * const data = [{ name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }];\r\n * const headers = ['name', 'age'];\r\n * const xlsxHeader = {\r\n *  name: \"Full Name\",\r\n *  age: \"Age\",\r\n * };\r\n * const columnWidths = [{ wch: 10 }, { wch: 5 }];\r\n * excelDownload(data, 'user_data', headers, xlsxHeader, columnWidths);\r\n */\r\n\r\nexport const excelDownload = (\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any,\r\n  fileName: string,\r\n  headers: string[],\r\n  xlsxHeader: {\r\n    [key: string]: string;\r\n  },\r\n  wscols: WsColInterface[],\r\n) => {\r\n  const fileType =\r\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n  const ws = XLSX.utils.json_to_sheet([xlsxHeader], {\r\n    header: headers,\r\n    skipHeader: true,\r\n  });\r\n\r\n  ws['!cols'] = wscols;\r\n  XLSX.utils.sheet_add_json(ws, csvData, {\r\n    header: headers,\r\n    skipHeader: true,\r\n    origin: -1,\r\n  });\r\n  const wb = { Sheets: { data: ws }, SheetNames: ['data'] };\r\n  const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n  const dataForExcel = new Blob([excelBuffer], { type: fileType });\r\n  FileSaver.saveAs(dataForExcel, `${fileName}.xlsx`);\r\n};\r\n"],"names":["excelDownload","csvData","fileName","headers","xlsxHeader","wscols","fileType","ws","XLSX","wb","excelBuffer","dataForExcel","FileSaver"],"mappings":"uVA6BaA,EAAgB,CAE3BC,EACAC,EACAC,EACAC,EAGAC,IACG,CACH,MAAMC,EACJ,kFACIC,EAAKC,EAAK,MAAM,cAAc,CAACJ,CAAU,EAAG,CAChD,OAAQD,EACR,WAAY,EAAA,CACb,EAEDI,EAAG,OAAO,EAAIF,EACdG,EAAK,MAAM,eAAeD,EAAIN,EAAS,CACrC,OAAQE,EACR,WAAY,GACZ,OAAQ,EAAA,CACT,EACD,MAAMM,EAAK,CAAE,OAAQ,CAAE,KAAMF,GAAM,WAAY,CAAC,MAAM,CAAA,EAChDG,EAAcF,EAAK,MAAMC,EAAI,CAAE,SAAU,OAAQ,KAAM,QAAS,EAChEE,EAAe,IAAI,KAAK,CAACD,CAAW,EAAG,CAAE,KAAMJ,EAAU,EAC/DM,EAAU,OAAOD,EAAc,GAAGT,CAAQ,OAAO,CACnD"}