@internetstiftelsen/charts 0.14.1 → 0.14.3

package/README.md

@@ -394,8 +394,8 @@ await chart.export('xlsx', { download: true, sheetName: 'Data' });
 await chart.export('pdf', { download: true, pdfMargin: 16 });
 ```
 
-`xlsx` and `pdf` are lazy-loaded and require optional dependencies (`xlsx` and
-`jspdf`) only when those formats are used.
+`xlsx` and `pdf` are lazy-loaded and require optional dependencies
+(`write-excel-file` and `jspdf`) only when those formats are used.
 
 ## Import
 

package/dist/export-xlsx.d.ts

@@ -1,4 +1,4 @@
 import type { ChartData, ExportOptions } from './types.js';
-type XlsxLoader = () => Promise<unknown>;
-export declare function exportXLSXBlob(data: ChartData, options?: ExportOptions, loader?: XlsxLoader): Promise<Blob>;
+type XlsxWriterLoader = () => Promise<unknown>;
+export declare function exportXLSXBlob(data: ChartData, options?: ExportOptions, loader?: XlsxWriterLoader): Promise<Blob>;
 export {};

package/dist/export-xlsx.js

@@ -3,42 +3,38 @@ const XLSX_MIME_TYPE = 'application/vnd.openxmlformats-officedocument.spreadshee
 function isObject(value) {
     return typeof value === 'object' && value !== null;
 }
-function resolveXlsxApi(moduleValue) {
+function resolveXlsxWriter(moduleValue) {
+    if (typeof moduleValue === 'function') {
+        return moduleValue;
+    }
     if (!isObject(moduleValue)) {
-        throw new Error('Invalid "xlsx" module export');
+        throw new Error('Invalid "write-excel-file" module export');
     }
     const moduleCandidate = moduleValue;
-    const xlsxCandidate = moduleCandidate.default && isObject(moduleCandidate.default)
-        ? moduleCandidate.default
-        : moduleCandidate;
-    if (!xlsxCandidate.utils || !xlsxCandidate.write) {
-        throw new Error('Invalid "xlsx" module export');
+    if (typeof moduleCandidate.default === 'function') {
+        return moduleCandidate.default;
     }
-    return {
-        utils: xlsxCandidate.utils,
-        write: xlsxCandidate.write,
-    };
+    throw new Error('Invalid "write-excel-file" module export');
 }
-async function defaultXlsxLoader() {
-    return import('xlsx');
+async function defaultXlsxWriterLoader() {
+    return import('write-excel-file/universal');
 }
-export async function exportXLSXBlob(data, options, loader = defaultXlsxLoader) {
-    let xlsxModule;
+export async function exportXLSXBlob(data, options, loader = defaultXlsxWriterLoader) {
+    let xlsxWriterModule;
     try {
-        xlsxModule = await loader();
+        xlsxWriterModule = await loader();
     }
     catch {
-        throw new Error('XLSX export requires optional dependency "xlsx". Install optional dependency "xlsx".');
+        throw new Error('XLSX export requires optional dependency "write-excel-file". Install optional dependency "write-excel-file".');
     }
-    const xlsx = resolveXlsxApi(xlsxModule);
+    const writeXlsxFile = resolveXlsxWriter(xlsxWriterModule);
     const { columns, rows } = toTabularData(data, options?.columns);
-    const worksheet = xlsx.utils.aoa_to_sheet([columns, ...rows]);
-    const workbook = xlsx.utils.book_new();
     const sheetName = options?.sheetName?.trim() || 'Sheet1';
-    xlsx.utils.book_append_sheet(workbook, worksheet, sheetName);
-    const buffer = xlsx.write(workbook, {
-        type: 'array',
-        bookType: 'xlsx',
-    });
-    return new Blob([buffer], { type: XLSX_MIME_TYPE });
+    const blob = await writeXlsxFile([columns, ...rows], {
+        sheet: sheetName,
+    }).toBlob();
+    if (blob.type === XLSX_MIME_TYPE) {
+        return blob;
+    }
+    return new Blob([await blob.arrayBuffer()], { type: XLSX_MIME_TYPE });
 }

package/dist/pie-chart.js

@@ -492,9 +492,9 @@ export class PieChart extends RadialChartBase {
         const insideArc = arc()
             .innerRadius(insideLabelRadius)
             .outerRadius(insideLabelRadius);
-        const fontSize = this.renderTheme.legend.fontSize * fontScale;
-        const fontFamily = this.renderTheme.axis.fontFamily;
-        const fontWeight = this.renderTheme.axis.fontWeight ?? 'normal';
+        const fontSize = this.renderTheme.valueLabel.fontSize * fontScale;
+        const fontFamily = this.renderTheme.valueLabel.fontFamily;
+        const fontWeight = this.renderTheme.valueLabel.fontWeight;
         const labelOverflowOptions = {
             maxLabelWidth: this.valueLabel.maxLabelWidth,
             oversizedBehavior: this.valueLabel.oversizedBehavior,

package/docs/components.md

@@ -400,7 +400,7 @@ breakpoints in chart constructor config (see
 - `svg`
 - `json`
 - `csv`
-- `xlsx` (lazy-loads optional `xlsx`)
+- `xlsx` (lazy-loads optional `write-excel-file`)
 - `png`
 - `jpg`
 - `pdf` (lazy-loads optional `jspdf`)

package/docs/theming.md

@@ -70,6 +70,10 @@ through the `themes` map as `themes.default`, `themes.ruby`,
 | `tooltip.fontFamily`  | `string`   | -                                              | Tooltip text font                            |
 | `tooltip.fontSize`    | `number`   | `12`                                           | Tooltip text size in pixels                  |
 | `tooltip.fontWeight`  | `string`   | `'normal'`                                     | Tooltip text weight                          |
+| `valueLabel.color`      | `string`   | `'#1f2a36'`                                    | Value label text color                       |
+| `valueLabel.fontFamily` | `string`   | -                                              | Value label text font                        |
+| `valueLabel.fontSize`   | `number`   | `12`                                           | Value label text size in pixels              |
+| `valueLabel.fontWeight` | `string`   | `'600'`                                        | Value label text weight                      |
 
 ---
 

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.14.1",
+    "version": "0.14.3",
     "name": "@internetstiftelsen/charts",
     "type": "module",
     "sideEffects": false,
@@ -39,7 +39,7 @@
     },
     "optionalDependencies": {
         "jspdf": "^4.2.1",
-        "xlsx": "^0.18.5"
+        "write-excel-file": "^4.0.7"
     },
     "devDependencies": {
         "@eslint/js": "^10.0.1",
@@ -57,30 +57,30 @@
         "@types/d3": "^7.4.3",
         "@types/d3-cloud": "^1.2.9",
         "@types/node": "^25.9.1",
-        "@types/react": "^19.2.15",
+        "@types/react": "^19.2.16",
         "@types/react-dom": "^19.2.3",
         "@vitejs/plugin-react-swc": "^4.3.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
-        "eslint": "^10.4.0",
+        "eslint": "^10.4.1",
         "eslint-plugin-react-hooks": "^7.1.1",
         "eslint-plugin-react-refresh": "^0.5.2",
         "globals": "^17.6.0",
         "handsontable": "^17.1.0",
         "jsdom": "^29.1.1",
-        "lucide-react": "^1.16.0",
+        "lucide-react": "^1.17.0",
         "prettier": "3.8.3",
         "radix-ui": "^1.4.3",
-        "react": "^19.2.6",
-        "react-dom": "^19.2.6",
+        "react": "^19.2.7",
+        "react-dom": "^19.2.7",
         "sass": "^1.100.0",
         "tailwind-merge": "^3.6.0",
         "tailwindcss": "^4.3.0",
         "tsc-alias": "^1.8.17",
         "tw-animate-css": "^1.4.0",
         "typescript": "~6.0.3",
-        "typescript-eslint": "^8.59.4",
-        "vite": "^8.0.14",
-        "vitest": "^4.1.7"
+        "typescript-eslint": "^8.60.1",
+        "vite": "^8.0.16",
+        "vitest": "^4.1.8"
     }
 }