@fluentui/react-charts 9.3.6 → 9.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charts",
-  "version": "9.3.6",
+  "version": "9.3.8",
   "description": "React web chart controls for Microsoft fluentui v9 system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,16 +27,16 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/chart-utilities": "^1.1.36",
-    "@fluentui/react-button": "^9.6.12",
-    "@fluentui/react-jsx-runtime": "^9.3.3",
-    "@fluentui/react-overflow": "^9.6.5",
-    "@fluentui/react-popover": "^9.12.12",
+    "@fluentui/chart-utilities": "^1.1.38",
+    "@fluentui/react-button": "^9.7.1",
+    "@fluentui/react-jsx-runtime": "^9.3.4",
+    "@fluentui/react-overflow": "^9.6.6",
+    "@fluentui/react-popover": "^9.12.13",
     "@fluentui/react-shared-contexts": "^9.26.0",
-    "@fluentui/react-tabster": "^9.26.10",
+    "@fluentui/react-tabster": "^9.26.11",
     "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-tooltip": "^9.8.11",
-    "@fluentui/react-utilities": "^9.25.4",
+    "@fluentui/react-tooltip": "^9.8.12",
+    "@fluentui/react-utilities": "^9.26.0",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1",
     "@types/d3-array": "^3.0.0",

package/lib/components/DeclarativeChart/imageExporter.js

@@ -1,223 +0,0 @@
-'use client';
-import { create as d3Create, select as d3Select } from 'd3-selection';
-import { resolveCSSVariables } from '../../utilities/index';
-export function toImage(chartContainer, opts = {}) {
-    return new Promise((resolve, reject)=>{
-        if (!chartContainer) {
-            return reject(new Error('Chart container is not defined'));
-        }
-        try {
-            const background = typeof opts.background === 'string' ? resolveCSSVariables(chartContainer, opts.background) : 'transparent';
-            const svg = toSVG(chartContainer, background);
-            const svgData = new XMLSerializer().serializeToString(svg.node);
-            const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));
-            svgToPng(svgDataUrl, {
-                width: opts.width || svg.width,
-                height: opts.height || svg.height,
-                scale: opts.scale
-            }).then(resolve).catch(reject);
-        } catch (err) {
-            return reject(err);
-        }
-    });
-}
-const SVG_STYLE_PROPERTIES = [
-    'display',
-    'fill',
-    'fill-opacity',
-    'opacity',
-    'stroke',
-    'stroke-width',
-    'transform'
-];
-const SVG_TEXT_STYLE_PROPERTIES = [
-    'font-family',
-    'font-size',
-    'font-weight',
-    'text-anchor'
-];
-function toSVG(chartContainer, background) {
-    const svg = chartContainer.querySelector('svg');
-    if (!svg) {
-        throw new Error('SVG not found');
-    }
-    const clonedSvg = d3Select(svg.cloneNode(true)).attr('width', null).attr('height', null).attr('viewBox', null);
-    const svgElements = svg.getElementsByTagName('*');
-    const clonedSvgElements = clonedSvg.node().getElementsByTagName('*');
-    for(let i = 0; i < svgElements.length; i++){
-        if (svgElements[i].tagName.toLowerCase() === 'text') {
-            copyStyle([
-                ...SVG_STYLE_PROPERTIES,
-                ...SVG_TEXT_STYLE_PROPERTIES
-            ], svgElements[i], clonedSvgElements[i]);
-        } else {
-            copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);
-        }
-    }
-    const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();
-    const legendGroup = cloneLegendsToSVG(chartContainer, svgWidth, svgHeight);
-    const w1 = Math.max(svgWidth, legendGroup.width);
-    const h1 = svgHeight + legendGroup.height;
-    if (legendGroup.node) {
-        clonedSvg.append(()=>legendGroup.node);
-    }
-    clonedSvg.insert('rect', ':first-child').attr('x', 0).attr('y', 0).attr('width', w1).attr('height', h1).attr('fill', background);
-    clonedSvg.attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);
-    return {
-        node: clonedSvg.node(),
-        width: w1,
-        height: h1
-    };
-}
-const LEGEND_RECT_STYLE_PROPERTIES_MAP = {
-    'background-color': 'fill',
-    'border-color': 'stroke'
-};
-const LEGEND_TEXT_STYLE_PROPERTIES_MAP = {
-    color: 'fill',
-    'font-family': 'font-family',
-    'font-size': 'font-size',
-    'font-weight': 'font-weight',
-    opacity: 'opacity'
-};
-function cloneLegendsToSVG(chartContainer, svgWidth, svgHeight) {
-    const legendButtons = chartContainer.querySelectorAll(`
-    button.fui-legend__legend:not([data-overflowing]),
-    .fui-donut__legendContainer button.fui-MenuButton,
-    .fui-cart__legendContainer button.fui-MenuButton
-  `);
-    if (legendButtons.length === 0) {
-        return {
-            node: null,
-            width: 0,
-            height: 0
-        };
-    }
-    const legendGroup = d3Create('svg:g');
-    let legendX = 0;
-    let legendY = 8;
-    let legendLine = [];
-    const legendLines = [];
-    const legendLineWidths = [];
-    for(let i = 0; i < legendButtons.length; i++){
-        const { width: legendWidth } = legendButtons[i].getBoundingClientRect();
-        const legendItem = legendGroup.append('g');
-        legendLine.push(legendItem);
-        if (legendX + legendWidth > svgWidth && legendLine.length > 1) {
-            legendLine.pop();
-            legendLines.push(legendLine);
-            legendLineWidths.push(legendX);
-            legendLine = [
-                legendItem
-            ];
-            legendX = 0;
-            legendY += 32;
-        }
-        let legendText;
-        let textOffset = 0;
-        if (!legendButtons[i].hasAttribute('data-overflow-menu')) {
-            const legendRect = legendButtons[i].querySelector('.fui-legend__rect');
-            legendText = legendButtons[i].querySelector('.fui-legend__text');
-            legendItem.append('rect').attr('x', legendX + 8).attr('y', svgHeight + legendY + 8).attr('width', 12).attr('height', 12).attr('stroke-width', 1).call((selection)=>copyStyle(LEGEND_RECT_STYLE_PROPERTIES_MAP, legendRect, selection.node()));
-            textOffset = 28;
-        } else {
-            legendText = legendButtons[i];
-            // eslint-disable-next-line no-console
-            console.log(legendText.textContent);
-            textOffset = 8;
-        }
-        legendItem.append('text').attr('x', legendX + textOffset).attr('y', svgHeight + legendY + 8).attr('dominant-baseline', 'hanging').text(legendText.textContent).call((selection)=>copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText, selection.node()));
-        legendX += legendWidth;
-    }
-    legendLines.push(legendLine);
-    legendLineWidths.push(legendX);
-    legendY += 32;
-    const centerLegends = true;
-    if (centerLegends) {
-        legendLines.forEach((ln, idx)=>{
-            const offsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);
-            ln.forEach((item)=>{
-                item.attr('transform', `translate(${offsetX}, 0)`);
-            });
-        });
-    }
-    return {
-        node: legendGroup.node(),
-        width: Math.max(...legendLineWidths),
-        height: legendY
-    };
-}
-function svgToPng(svgDataUrl, opts = {}) {
-    return new Promise((resolve, reject)=>{
-        const scale = opts.scale || 1;
-        const w0 = opts.width || 300;
-        const h0 = opts.height || 150;
-        const w1 = scale * w0;
-        const h1 = scale * h0;
-        const canvas = document.createElement('canvas');
-        const img = new Image();
-        canvas.width = w1;
-        canvas.height = h1;
-        img.onload = function() {
-            const ctx = canvas.getContext('2d');
-            if (!ctx) {
-                return reject(new Error('Canvas context is null'));
-            }
-            ctx.clearRect(0, 0, w1, h1);
-            ctx.drawImage(img, 0, 0, w1, h1);
-            const imgData = canvas.toDataURL('image/png');
-            resolve(imgData);
-        };
-        img.onerror = function(err) {
-            reject(err);
-        };
-        img.src = svgDataUrl;
-    });
-}
-const hex2 = /^[\da-f]{2}$/i;
-const hex4 = /^[\da-f]{4}$/i;
-/**
- * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.
- *
- * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}
- */ function unescapePonyfill(str) {
-    let result = '';
-    const length = str.length;
-    let index = 0;
-    let chr;
-    let part;
-    while(index < length){
-        chr = str.charAt(index++);
-        if (chr === '%') {
-            if (str.charAt(index) === 'u') {
-                part = str.slice(index + 1, index + 5);
-                if (hex4.exec(part)) {
-                    result += String.fromCharCode(parseInt(part, 16));
-                    index += 5;
-                    continue;
-                }
-            } else {
-                part = str.slice(index, index + 2);
-                if (hex2.exec(part)) {
-                    result += String.fromCharCode(parseInt(part, 16));
-                    index += 2;
-                    continue;
-                }
-            }
-        }
-        result += chr;
-    }
-    return result;
-}
-function copyStyle(properties, fromEl, toEl) {
-    const styles = getComputedStyle(fromEl);
-    if (Array.isArray(properties)) {
-        properties.forEach((prop)=>{
-            d3Select(toEl).style(prop, styles.getPropertyValue(prop));
-        });
-    } else {
-        Object.entries(properties).forEach(([fromProp, toProp])=>{
-            d3Select(toEl).style(toProp, styles.getPropertyValue(fromProp));
-        });
-    }
-}

package/lib/components/DeclarativeChart/imageExporter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/imageExporter.ts"],"sourcesContent":["'use client';\n\nimport { create as d3Create, select as d3Select, Selection } from 'd3-selection';\nimport { resolveCSSVariables } from '../../utilities/index';\n\n/**\n * {@docCategory DeclarativeChart}\n */\nexport interface ImageExportOptions {\n  width?: number;\n  height?: number;\n  scale?: number;\n  background?: string;\n}\n\nexport function toImage(chartContainer?: HTMLElement | null, opts: ImageExportOptions = {}): Promise<string> {\n  return new Promise((resolve, reject) => {\n    if (!chartContainer) {\n      return reject(new Error('Chart container is not defined'));\n    }\n\n    try {\n      const background =\n        typeof opts.background === 'string' ? resolveCSSVariables(chartContainer, opts.background) : 'transparent';\n      const svg = toSVG(chartContainer, background);\n\n      const svgData = new XMLSerializer().serializeToString(svg.node);\n      const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));\n\n      svgToPng(svgDataUrl, {\n        width: opts.width || svg.width,\n        height: opts.height || svg.height,\n        scale: opts.scale,\n      })\n        .then(resolve)\n        .catch(reject);\n    } catch (err) {\n      return reject(err);\n    }\n  });\n}\n\nconst SVG_STYLE_PROPERTIES = ['display', 'fill', 'fill-opacity', 'opacity', 'stroke', 'stroke-width', 'transform'];\nconst SVG_TEXT_STYLE_PROPERTIES = ['font-family', 'font-size', 'font-weight', 'text-anchor'];\n\nfunction toSVG(chartContainer: HTMLElement, background: string) {\n  const svg = chartContainer.querySelector<SVGSVGElement>('svg');\n  if (!svg) {\n    throw new Error('SVG not found');\n  }\n\n  const clonedSvg = d3Select(svg.cloneNode(true) as SVGSVGElement)\n    .attr('width', null)\n    .attr('height', null)\n    .attr('viewBox', null);\n  const svgElements = svg.getElementsByTagName('*');\n  const clonedSvgElements = clonedSvg.node()!.getElementsByTagName('*');\n\n  for (let i = 0; i < svgElements.length; i++) {\n    if (svgElements[i].tagName.toLowerCase() === 'text') {\n      copyStyle([...SVG_STYLE_PROPERTIES, ...SVG_TEXT_STYLE_PROPERTIES], svgElements[i], clonedSvgElements[i]);\n    } else {\n      copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);\n    }\n  }\n\n  const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();\n  const legendGroup = cloneLegendsToSVG(chartContainer, svgWidth, svgHeight);\n  const w1 = Math.max(svgWidth, legendGroup.width);\n  const h1 = svgHeight + legendGroup.height;\n\n  if (legendGroup.node) {\n    clonedSvg.append(() => legendGroup.node);\n  }\n  clonedSvg\n    .insert('rect', ':first-child')\n    .attr('x', 0)\n    .attr('y', 0)\n    .attr('width', w1)\n    .attr('height', h1)\n    .attr('fill', background);\n  clonedSvg.attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);\n\n  return {\n    node: clonedSvg.node()!,\n    width: w1,\n    height: h1,\n  };\n}\n\nconst LEGEND_RECT_STYLE_PROPERTIES_MAP = {\n  'background-color': 'fill',\n  'border-color': 'stroke',\n};\nconst LEGEND_TEXT_STYLE_PROPERTIES_MAP = {\n  color: 'fill',\n  'font-family': 'font-family',\n  'font-size': 'font-size',\n  'font-weight': 'font-weight',\n  opacity: 'opacity',\n};\n\nfunction cloneLegendsToSVG(chartContainer: HTMLElement, svgWidth: number, svgHeight: number) {\n  const legendButtons = chartContainer.querySelectorAll<HTMLElement>(`\n    button.fui-legend__legend:not([data-overflowing]),\n    .fui-donut__legendContainer button.fui-MenuButton,\n    .fui-cart__legendContainer button.fui-MenuButton\n  `);\n  if (legendButtons.length === 0) {\n    return {\n      node: null,\n      width: 0,\n      height: 0,\n    };\n  }\n\n  const legendGroup = d3Create<SVGGElement>('svg:g');\n  let legendX = 0;\n  let legendY = 8;\n  let legendLine: Selection<SVGGElement, unknown, null, undefined>[] = [];\n  const legendLines: (typeof legendLine)[] = [];\n  const legendLineWidths: number[] = [];\n\n  for (let i = 0; i < legendButtons.length; i++) {\n    const { width: legendWidth } = legendButtons[i].getBoundingClientRect();\n    const legendItem = legendGroup.append('g');\n\n    legendLine.push(legendItem);\n    if (legendX + legendWidth > svgWidth && legendLine.length > 1) {\n      legendLine.pop();\n      legendLines.push(legendLine);\n      legendLineWidths.push(legendX);\n\n      legendLine = [legendItem];\n      legendX = 0;\n      legendY += 32;\n    }\n\n    let legendText: HTMLDivElement | HTMLButtonElement | null;\n    let textOffset = 0;\n\n    if (!legendButtons[i].hasAttribute('data-overflow-menu')) {\n      const legendRect = legendButtons[i].querySelector<HTMLDivElement>('.fui-legend__rect');\n\n      legendText = legendButtons[i].querySelector<HTMLDivElement>('.fui-legend__text');\n      legendItem\n        .append('rect')\n        .attr('x', legendX + 8)\n        .attr('y', svgHeight + legendY + 8)\n        .attr('width', 12)\n        .attr('height', 12)\n        .attr('stroke-width', 1)\n        .call(selection => copyStyle(LEGEND_RECT_STYLE_PROPERTIES_MAP, legendRect!, selection.node()!));\n      textOffset = 28;\n    } else {\n      legendText = legendButtons[i] as HTMLButtonElement;\n      // eslint-disable-next-line no-console\n      console.log(legendText!.textContent);\n      textOffset = 8;\n    }\n\n    legendItem\n      .append('text')\n      .attr('x', legendX + textOffset)\n      .attr('y', svgHeight + legendY + 8)\n      .attr('dominant-baseline', 'hanging')\n      .text(legendText!.textContent)\n      .call(selection => copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText!, selection.node()!));\n    legendX += legendWidth;\n  }\n\n  legendLines.push(legendLine);\n  legendLineWidths.push(legendX);\n  legendY += 32;\n\n  const centerLegends = true;\n  if (centerLegends) {\n    legendLines.forEach((ln, idx) => {\n      const offsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);\n      ln.forEach(item => {\n        item.attr('transform', `translate(${offsetX}, 0)`);\n      });\n    });\n  }\n\n  return {\n    node: legendGroup.node(),\n    width: Math.max(...legendLineWidths),\n    height: legendY,\n  };\n}\n\nfunction svgToPng(svgDataUrl: string, opts: ImageExportOptions = {}): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const scale = opts.scale || 1;\n    const w0 = opts.width || 300;\n    const h0 = opts.height || 150;\n    const w1 = scale * w0;\n    const h1 = scale * h0;\n\n    const canvas = document.createElement('canvas');\n    const img = new Image();\n\n    canvas.width = w1;\n    canvas.height = h1;\n\n    img.onload = function () {\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return reject(new Error('Canvas context is null'));\n      }\n\n      ctx.clearRect(0, 0, w1, h1);\n      ctx.drawImage(img, 0, 0, w1, h1);\n\n      const imgData = canvas.toDataURL('image/png');\n      resolve(imgData);\n    };\n\n    img.onerror = function (err) {\n      reject(err);\n    };\n\n    img.src = svgDataUrl;\n  });\n}\n\nconst hex2 = /^[\\da-f]{2}$/i;\nconst hex4 = /^[\\da-f]{4}$/i;\n\n/**\n * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.\n *\n * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}\n */\nfunction unescapePonyfill(str: string) {\n  let result = '';\n  const length = str.length;\n  let index = 0;\n  let chr;\n  let part;\n  while (index < length) {\n    chr = str.charAt(index++);\n    if (chr === '%') {\n      if (str.charAt(index) === 'u') {\n        part = str.slice(index + 1, index + 5);\n        if (hex4.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 5;\n          continue;\n        }\n      } else {\n        part = str.slice(index, index + 2);\n        if (hex2.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 2;\n          continue;\n        }\n      }\n    }\n    result += chr;\n  }\n  return result;\n}\n\nfunction copyStyle(properties: string[] | Record<string, string>, fromEl: Element, toEl: Element) {\n  const styles = getComputedStyle(fromEl);\n  if (Array.isArray(properties)) {\n    properties.forEach(prop => {\n      d3Select(toEl).style(prop, styles.getPropertyValue(prop));\n    });\n  } else {\n    Object.entries(properties).forEach(([fromProp, toProp]) => {\n      d3Select(toEl).style(toProp, styles.getPropertyValue(fromProp));\n    });\n  }\n}\n"],"names":["create","d3Create","select","d3Select","resolveCSSVariables","toImage","chartContainer","opts","Promise","resolve","reject","Error","background","svg","toSVG","svgData","XMLSerializer","serializeToString","node","svgDataUrl","btoa","unescapePonyfill","encodeURIComponent","svgToPng","width","height","scale","then","catch","err","SVG_STYLE_PROPERTIES","SVG_TEXT_STYLE_PROPERTIES","querySelector","clonedSvg","cloneNode","attr","svgElements","getElementsByTagName","clonedSvgElements","i","length","tagName","toLowerCase","copyStyle","svgWidth","svgHeight","getBoundingClientRect","legendGroup","cloneLegendsToSVG","w1","Math","max","h1","append","insert","LEGEND_RECT_STYLE_PROPERTIES_MAP","LEGEND_TEXT_STYLE_PROPERTIES_MAP","color","opacity","legendButtons","querySelectorAll","legendX","legendY","legendLine","legendLines","legendLineWidths","legendWidth","legendItem","push","pop","legendText","textOffset","hasAttribute","legendRect","call","selection","console","log","textContent","text","centerLegends","forEach","ln","idx","offsetX","item","w0","h0","canvas","document","createElement","img","Image","onload","ctx","getContext","clearRect","drawImage","imgData","toDataURL","onerror","src","hex2","hex4","str","result","index","chr","part","charAt","slice","exec","String","fromCharCode","parseInt","properties","fromEl","toEl","styles","getComputedStyle","Array","isArray","prop","style","getPropertyValue","Object","entries","fromProp","toProp"],"mappings":"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"}

package/lib-commonjs/components/DeclarativeChart/imageExporter.js

@@ -1,233 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "toImage", {
-    enumerable: true,
-    get: function() {
-        return toImage;
-    }
-});
-const _d3selection = require("d3-selection");
-const _index = require("../../utilities/index");
-function toImage(chartContainer, opts = {}) {
-    return new Promise((resolve, reject)=>{
-        if (!chartContainer) {
-            return reject(new Error('Chart container is not defined'));
-        }
-        try {
-            const background = typeof opts.background === 'string' ? (0, _index.resolveCSSVariables)(chartContainer, opts.background) : 'transparent';
-            const svg = toSVG(chartContainer, background);
-            const svgData = new XMLSerializer().serializeToString(svg.node);
-            const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));
-            svgToPng(svgDataUrl, {
-                width: opts.width || svg.width,
-                height: opts.height || svg.height,
-                scale: opts.scale
-            }).then(resolve).catch(reject);
-        } catch (err) {
-            return reject(err);
-        }
-    });
-}
-const SVG_STYLE_PROPERTIES = [
-    'display',
-    'fill',
-    'fill-opacity',
-    'opacity',
-    'stroke',
-    'stroke-width',
-    'transform'
-];
-const SVG_TEXT_STYLE_PROPERTIES = [
-    'font-family',
-    'font-size',
-    'font-weight',
-    'text-anchor'
-];
-function toSVG(chartContainer, background) {
-    const svg = chartContainer.querySelector('svg');
-    if (!svg) {
-        throw new Error('SVG not found');
-    }
-    const clonedSvg = (0, _d3selection.select)(svg.cloneNode(true)).attr('width', null).attr('height', null).attr('viewBox', null);
-    const svgElements = svg.getElementsByTagName('*');
-    const clonedSvgElements = clonedSvg.node().getElementsByTagName('*');
-    for(let i = 0; i < svgElements.length; i++){
-        if (svgElements[i].tagName.toLowerCase() === 'text') {
-            copyStyle([
-                ...SVG_STYLE_PROPERTIES,
-                ...SVG_TEXT_STYLE_PROPERTIES
-            ], svgElements[i], clonedSvgElements[i]);
-        } else {
-            copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);
-        }
-    }
-    const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();
-    const legendGroup = cloneLegendsToSVG(chartContainer, svgWidth, svgHeight);
-    const w1 = Math.max(svgWidth, legendGroup.width);
-    const h1 = svgHeight + legendGroup.height;
-    if (legendGroup.node) {
-        clonedSvg.append(()=>legendGroup.node);
-    }
-    clonedSvg.insert('rect', ':first-child').attr('x', 0).attr('y', 0).attr('width', w1).attr('height', h1).attr('fill', background);
-    clonedSvg.attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);
-    return {
-        node: clonedSvg.node(),
-        width: w1,
-        height: h1
-    };
-}
-const LEGEND_RECT_STYLE_PROPERTIES_MAP = {
-    'background-color': 'fill',
-    'border-color': 'stroke'
-};
-const LEGEND_TEXT_STYLE_PROPERTIES_MAP = {
-    color: 'fill',
-    'font-family': 'font-family',
-    'font-size': 'font-size',
-    'font-weight': 'font-weight',
-    opacity: 'opacity'
-};
-function cloneLegendsToSVG(chartContainer, svgWidth, svgHeight) {
-    const legendButtons = chartContainer.querySelectorAll(`
-    button.fui-legend__legend:not([data-overflowing]),
-    .fui-donut__legendContainer button.fui-MenuButton,
-    .fui-cart__legendContainer button.fui-MenuButton
-  `);
-    if (legendButtons.length === 0) {
-        return {
-            node: null,
-            width: 0,
-            height: 0
-        };
-    }
-    const legendGroup = (0, _d3selection.create)('svg:g');
-    let legendX = 0;
-    let legendY = 8;
-    let legendLine = [];
-    const legendLines = [];
-    const legendLineWidths = [];
-    for(let i = 0; i < legendButtons.length; i++){
-        const { width: legendWidth } = legendButtons[i].getBoundingClientRect();
-        const legendItem = legendGroup.append('g');
-        legendLine.push(legendItem);
-        if (legendX + legendWidth > svgWidth && legendLine.length > 1) {
-            legendLine.pop();
-            legendLines.push(legendLine);
-            legendLineWidths.push(legendX);
-            legendLine = [
-                legendItem
-            ];
-            legendX = 0;
-            legendY += 32;
-        }
-        let legendText;
-        let textOffset = 0;
-        if (!legendButtons[i].hasAttribute('data-overflow-menu')) {
-            const legendRect = legendButtons[i].querySelector('.fui-legend__rect');
-            legendText = legendButtons[i].querySelector('.fui-legend__text');
-            legendItem.append('rect').attr('x', legendX + 8).attr('y', svgHeight + legendY + 8).attr('width', 12).attr('height', 12).attr('stroke-width', 1).call((selection)=>copyStyle(LEGEND_RECT_STYLE_PROPERTIES_MAP, legendRect, selection.node()));
-            textOffset = 28;
-        } else {
-            legendText = legendButtons[i];
-            // eslint-disable-next-line no-console
-            console.log(legendText.textContent);
-            textOffset = 8;
-        }
-        legendItem.append('text').attr('x', legendX + textOffset).attr('y', svgHeight + legendY + 8).attr('dominant-baseline', 'hanging').text(legendText.textContent).call((selection)=>copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText, selection.node()));
-        legendX += legendWidth;
-    }
-    legendLines.push(legendLine);
-    legendLineWidths.push(legendX);
-    legendY += 32;
-    const centerLegends = true;
-    if (centerLegends) {
-        legendLines.forEach((ln, idx)=>{
-            const offsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);
-            ln.forEach((item)=>{
-                item.attr('transform', `translate(${offsetX}, 0)`);
-            });
-        });
-    }
-    return {
-        node: legendGroup.node(),
-        width: Math.max(...legendLineWidths),
-        height: legendY
-    };
-}
-function svgToPng(svgDataUrl, opts = {}) {
-    return new Promise((resolve, reject)=>{
-        const scale = opts.scale || 1;
-        const w0 = opts.width || 300;
-        const h0 = opts.height || 150;
-        const w1 = scale * w0;
-        const h1 = scale * h0;
-        const canvas = document.createElement('canvas');
-        const img = new Image();
-        canvas.width = w1;
-        canvas.height = h1;
-        img.onload = function() {
-            const ctx = canvas.getContext('2d');
-            if (!ctx) {
-                return reject(new Error('Canvas context is null'));
-            }
-            ctx.clearRect(0, 0, w1, h1);
-            ctx.drawImage(img, 0, 0, w1, h1);
-            const imgData = canvas.toDataURL('image/png');
-            resolve(imgData);
-        };
-        img.onerror = function(err) {
-            reject(err);
-        };
-        img.src = svgDataUrl;
-    });
-}
-const hex2 = /^[\da-f]{2}$/i;
-const hex4 = /^[\da-f]{4}$/i;
-/**
- * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.
- *
- * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}
- */ function unescapePonyfill(str) {
-    let result = '';
-    const length = str.length;
-    let index = 0;
-    let chr;
-    let part;
-    while(index < length){
-        chr = str.charAt(index++);
-        if (chr === '%') {
-            if (str.charAt(index) === 'u') {
-                part = str.slice(index + 1, index + 5);
-                if (hex4.exec(part)) {
-                    result += String.fromCharCode(parseInt(part, 16));
-                    index += 5;
-                    continue;
-                }
-            } else {
-                part = str.slice(index, index + 2);
-                if (hex2.exec(part)) {
-                    result += String.fromCharCode(parseInt(part, 16));
-                    index += 2;
-                    continue;
-                }
-            }
-        }
-        result += chr;
-    }
-    return result;
-}
-function copyStyle(properties, fromEl, toEl) {
-    const styles = getComputedStyle(fromEl);
-    if (Array.isArray(properties)) {
-        properties.forEach((prop)=>{
-            (0, _d3selection.select)(toEl).style(prop, styles.getPropertyValue(prop));
-        });
-    } else {
-        Object.entries(properties).forEach(([fromProp, toProp])=>{
-            (0, _d3selection.select)(toEl).style(toProp, styles.getPropertyValue(fromProp));
-        });
-    }
-}

package/lib-commonjs/components/DeclarativeChart/imageExporter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/imageExporter.ts"],"sourcesContent":["'use client';\n\nimport { create as d3Create, select as d3Select, Selection } from 'd3-selection';\nimport { resolveCSSVariables } from '../../utilities/index';\n\n/**\n * {@docCategory DeclarativeChart}\n */\nexport interface ImageExportOptions {\n  width?: number;\n  height?: number;\n  scale?: number;\n  background?: string;\n}\n\nexport function toImage(chartContainer?: HTMLElement | null, opts: ImageExportOptions = {}): Promise<string> {\n  return new Promise((resolve, reject) => {\n    if (!chartContainer) {\n      return reject(new Error('Chart container is not defined'));\n    }\n\n    try {\n      const background =\n        typeof opts.background === 'string' ? resolveCSSVariables(chartContainer, opts.background) : 'transparent';\n      const svg = toSVG(chartContainer, background);\n\n      const svgData = new XMLSerializer().serializeToString(svg.node);\n      const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));\n\n      svgToPng(svgDataUrl, {\n        width: opts.width || svg.width,\n        height: opts.height || svg.height,\n        scale: opts.scale,\n      })\n        .then(resolve)\n        .catch(reject);\n    } catch (err) {\n      return reject(err);\n    }\n  });\n}\n\nconst SVG_STYLE_PROPERTIES = ['display', 'fill', 'fill-opacity', 'opacity', 'stroke', 'stroke-width', 'transform'];\nconst SVG_TEXT_STYLE_PROPERTIES = ['font-family', 'font-size', 'font-weight', 'text-anchor'];\n\nfunction toSVG(chartContainer: HTMLElement, background: string) {\n  const svg = chartContainer.querySelector<SVGSVGElement>('svg');\n  if (!svg) {\n    throw new Error('SVG not found');\n  }\n\n  const clonedSvg = d3Select(svg.cloneNode(true) as SVGSVGElement)\n    .attr('width', null)\n    .attr('height', null)\n    .attr('viewBox', null);\n  const svgElements = svg.getElementsByTagName('*');\n  const clonedSvgElements = clonedSvg.node()!.getElementsByTagName('*');\n\n  for (let i = 0; i < svgElements.length; i++) {\n    if (svgElements[i].tagName.toLowerCase() === 'text') {\n      copyStyle([...SVG_STYLE_PROPERTIES, ...SVG_TEXT_STYLE_PROPERTIES], svgElements[i], clonedSvgElements[i]);\n    } else {\n      copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);\n    }\n  }\n\n  const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();\n  const legendGroup = cloneLegendsToSVG(chartContainer, svgWidth, svgHeight);\n  const w1 = Math.max(svgWidth, legendGroup.width);\n  const h1 = svgHeight + legendGroup.height;\n\n  if (legendGroup.node) {\n    clonedSvg.append(() => legendGroup.node);\n  }\n  clonedSvg\n    .insert('rect', ':first-child')\n    .attr('x', 0)\n    .attr('y', 0)\n    .attr('width', w1)\n    .attr('height', h1)\n    .attr('fill', background);\n  clonedSvg.attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);\n\n  return {\n    node: clonedSvg.node()!,\n    width: w1,\n    height: h1,\n  };\n}\n\nconst LEGEND_RECT_STYLE_PROPERTIES_MAP = {\n  'background-color': 'fill',\n  'border-color': 'stroke',\n};\nconst LEGEND_TEXT_STYLE_PROPERTIES_MAP = {\n  color: 'fill',\n  'font-family': 'font-family',\n  'font-size': 'font-size',\n  'font-weight': 'font-weight',\n  opacity: 'opacity',\n};\n\nfunction cloneLegendsToSVG(chartContainer: HTMLElement, svgWidth: number, svgHeight: number) {\n  const legendButtons = chartContainer.querySelectorAll<HTMLElement>(`\n    button.fui-legend__legend:not([data-overflowing]),\n    .fui-donut__legendContainer button.fui-MenuButton,\n    .fui-cart__legendContainer button.fui-MenuButton\n  `);\n  if (legendButtons.length === 0) {\n    return {\n      node: null,\n      width: 0,\n      height: 0,\n    };\n  }\n\n  const legendGroup = d3Create<SVGGElement>('svg:g');\n  let legendX = 0;\n  let legendY = 8;\n  let legendLine: Selection<SVGGElement, unknown, null, undefined>[] = [];\n  const legendLines: (typeof legendLine)[] = [];\n  const legendLineWidths: number[] = [];\n\n  for (let i = 0; i < legendButtons.length; i++) {\n    const { width: legendWidth } = legendButtons[i].getBoundingClientRect();\n    const legendItem = legendGroup.append('g');\n\n    legendLine.push(legendItem);\n    if (legendX + legendWidth > svgWidth && legendLine.length > 1) {\n      legendLine.pop();\n      legendLines.push(legendLine);\n      legendLineWidths.push(legendX);\n\n      legendLine = [legendItem];\n      legendX = 0;\n      legendY += 32;\n    }\n\n    let legendText: HTMLDivElement | HTMLButtonElement | null;\n    let textOffset = 0;\n\n    if (!legendButtons[i].hasAttribute('data-overflow-menu')) {\n      const legendRect = legendButtons[i].querySelector<HTMLDivElement>('.fui-legend__rect');\n\n      legendText = legendButtons[i].querySelector<HTMLDivElement>('.fui-legend__text');\n      legendItem\n        .append('rect')\n        .attr('x', legendX + 8)\n        .attr('y', svgHeight + legendY + 8)\n        .attr('width', 12)\n        .attr('height', 12)\n        .attr('stroke-width', 1)\n        .call(selection => copyStyle(LEGEND_RECT_STYLE_PROPERTIES_MAP, legendRect!, selection.node()!));\n      textOffset = 28;\n    } else {\n      legendText = legendButtons[i] as HTMLButtonElement;\n      // eslint-disable-next-line no-console\n      console.log(legendText!.textContent);\n      textOffset = 8;\n    }\n\n    legendItem\n      .append('text')\n      .attr('x', legendX + textOffset)\n      .attr('y', svgHeight + legendY + 8)\n      .attr('dominant-baseline', 'hanging')\n      .text(legendText!.textContent)\n      .call(selection => copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText!, selection.node()!));\n    legendX += legendWidth;\n  }\n\n  legendLines.push(legendLine);\n  legendLineWidths.push(legendX);\n  legendY += 32;\n\n  const centerLegends = true;\n  if (centerLegends) {\n    legendLines.forEach((ln, idx) => {\n      const offsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);\n      ln.forEach(item => {\n        item.attr('transform', `translate(${offsetX}, 0)`);\n      });\n    });\n  }\n\n  return {\n    node: legendGroup.node(),\n    width: Math.max(...legendLineWidths),\n    height: legendY,\n  };\n}\n\nfunction svgToPng(svgDataUrl: string, opts: ImageExportOptions = {}): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const scale = opts.scale || 1;\n    const w0 = opts.width || 300;\n    const h0 = opts.height || 150;\n    const w1 = scale * w0;\n    const h1 = scale * h0;\n\n    const canvas = document.createElement('canvas');\n    const img = new Image();\n\n    canvas.width = w1;\n    canvas.height = h1;\n\n    img.onload = function () {\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return reject(new Error('Canvas context is null'));\n      }\n\n      ctx.clearRect(0, 0, w1, h1);\n      ctx.drawImage(img, 0, 0, w1, h1);\n\n      const imgData = canvas.toDataURL('image/png');\n      resolve(imgData);\n    };\n\n    img.onerror = function (err) {\n      reject(err);\n    };\n\n    img.src = svgDataUrl;\n  });\n}\n\nconst hex2 = /^[\\da-f]{2}$/i;\nconst hex4 = /^[\\da-f]{4}$/i;\n\n/**\n * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.\n *\n * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}\n */\nfunction unescapePonyfill(str: string) {\n  let result = '';\n  const length = str.length;\n  let index = 0;\n  let chr;\n  let part;\n  while (index < length) {\n    chr = str.charAt(index++);\n    if (chr === '%') {\n      if (str.charAt(index) === 'u') {\n        part = str.slice(index + 1, index + 5);\n        if (hex4.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 5;\n          continue;\n        }\n      } else {\n        part = str.slice(index, index + 2);\n        if (hex2.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 2;\n          continue;\n        }\n      }\n    }\n    result += chr;\n  }\n  return result;\n}\n\nfunction copyStyle(properties: string[] | Record<string, string>, fromEl: Element, toEl: Element) {\n  const styles = getComputedStyle(fromEl);\n  if (Array.isArray(properties)) {\n    properties.forEach(prop => {\n      d3Select(toEl).style(prop, styles.getPropertyValue(prop));\n    });\n  } else {\n    Object.entries(properties).forEach(([fromProp, toProp]) => {\n      d3Select(toEl).style(toProp, styles.getPropertyValue(fromProp));\n    });\n  }\n}\n"],"names":["create","d3Create","select","d3Select","resolveCSSVariables","toImage","chartContainer","opts","Promise","resolve","reject","Error","background","svg","toSVG","svgData","XMLSerializer","serializeToString","node","svgDataUrl","btoa","unescapePonyfill","encodeURIComponent","svgToPng","width","height","scale","then","catch","err","SVG_STYLE_PROPERTIES","SVG_TEXT_STYLE_PROPERTIES","querySelector","clonedSvg","cloneNode","attr","svgElements","getElementsByTagName","clonedSvgElements","i","length","tagName","toLowerCase","copyStyle","svgWidth","svgHeight","getBoundingClientRect","legendGroup","cloneLegendsToSVG","w1","Math","max","h1","append","insert","LEGEND_RECT_STYLE_PROPERTIES_MAP","LEGEND_TEXT_STYLE_PROPERTIES_MAP","color","opacity","legendButtons","querySelectorAll","legendX","legendY","legendLine","legendLines","legendLineWidths","legendWidth","legendItem","push","pop","legendText","textOffset","hasAttribute","legendRect","call","selection","console","log","textContent","text","centerLegends","forEach","ln","idx","offsetX","item","w0","h0","canvas","document","createElement","img","Image","onload","ctx","getContext","clearRect","drawImage","imgData","toDataURL","onerror","src","hex2","hex4","str","result","index","chr","part","charAt","slice","exec","String","fromCharCode","parseInt","properties","fromEl","toEl","styles","getComputedStyle","Array","isArray","prop","style","getPropertyValue","Object","entries","fromProp","toProp"],"mappings":"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"}