@undp/data-viz 1.3.0 → 1.4.0

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"}