@unovis/ts 1.5.1-xplg.4 → 1.6.0-beta.0

package/components/treemap/index.js

@@ -1,263 +0,0 @@
-import { select } from 'd3-selection';
-import { hierarchy, treemap } from 'd3-hierarchy';
-import { extent, group, max } from 'd3-array';
-import { scaleLinear, scaleThreshold } from 'd3-scale';
-import { hsl } from 'd3-color';
-import { wrapSVGText } from '../../utils/text.js';
-import { ComponentCore } from '../../core/component/index.js';
-import { SeriesDataModel } from '../../data-models/series.js';
-import { getColor, getHexValue, brighter, isDarkBackground } from '../../utils/color.js';
-import { getString, getNumber } from '../../utils/data.js';
-import { TreemapDefaultConfig } from './config.js';
-import * as style from './style.js';
-import { tiles, tileGroup, tile, clickableTile, label } from './style.js';
-
-const LIGHTNESS_VARIATION_AMOUNT = 0.08;
-const MIN_TILE_SIZE_FOR_LABEL = 20;
-const defaultNumberFormat = (value) => `${value}`;
-class Treemap extends ComponentCore {
-    constructor(config) {
-        super();
-        this._defaultConfig = TreemapDefaultConfig;
-        this.config = this._defaultConfig;
-        this.datamodel = new SeriesDataModel();
-        if (config)
-            this.setConfig(config);
-        this.tiles = this.g.append('g').attr('class', tiles);
-    }
-    isTileLargeEnough(d) {
-        const w = d.x1 - d.x0;
-        const h = d.y1 - d.y0;
-        return (w >= MIN_TILE_SIZE_FOR_LABEL) && (h >= MIN_TILE_SIZE_FOR_LABEL);
-    }
-    getTileLightness(node, siblings) {
-        // Get the value extent of the sibling group
-        const [minValue, maxValue] = extent(siblings, d => d.value);
-        // If there's no range or no value, return default lightness
-        if (minValue === maxValue || !node.value)
-            return 0;
-        // Calculate relative position in the range (0 to 1)
-        // Larger values will be closer to 0 (darker)
-        return LIGHTNESS_VARIATION_AMOUNT * ((maxValue - node.value) / (maxValue - minValue));
-    }
-    _render() {
-        var _a;
-        const { config, datamodel: { data }, _width, _height } = this;
-        const { numberFormat = defaultNumberFormat } = config;
-        if (!((_a = config.layers) === null || _a === void 0 ? void 0 : _a.length)) {
-            console.warn('Unovis | Treemap: No layers defined');
-            return;
-        }
-        // Map each layer accessor function to get string values from the data array
-        const layerAccessors = config.layers.map(layerAccessor => {
-            return (i) => getString(data[i], layerAccessor, i);
-        });
-        // Group the data indices by the layer accessors to create a hierarchical structure
-        const nestedData = group(data.keys(), ...layerAccessors);
-        // Create the hierarchy from the grouped data,
-        // which by itself is not quite right because there is an extra
-        // level of nesting that we don't want, just above the leaf nodes.
-        const rootNode = hierarchy(nestedData);
-        // Compute the aggregation
-        if (config.value) {
-            rootNode.sum(index => typeof index === 'number' && getNumber(data[index], config.value, index));
-        }
-        else {
-            rootNode.count();
-        }
-        // Fix the hierarchy by removing the extra level of nesting
-        rootNode.each(node => {
-            if (!node.children) {
-                node.parent.children = null;
-            }
-        });
-        const treemapLayout = treemap()
-            .size([_width, _height])
-            .round(true)
-            .padding(config.tilePadding);
-        // Apply padding to the top of each tile,
-        // but not for the root node.
-        if (this.config.tilePaddingTop !== undefined) {
-            treemapLayout.paddingTop(d => d.parent ? config.tilePaddingTop : 0);
-        }
-        // Compute the treemap layout
-        const treemapData = treemapLayout(rootNode);
-        // Process the resulting hierarchy into the type we need
-        let nodeId = 0;
-        treemapData.each(node => {
-            const n = node;
-            // Generate unique IDs for each node
-            node._id = `node-${nodeId++}`;
-            const treemapDatum = {
-                key: n.data[0],
-            };
-            // Populate the index and datum for leaf nodes
-            const isLeafNode = !n.children;
-            if (isLeafNode) {
-                treemapDatum.index = n.data[1][0];
-                treemapDatum.datum = data[treemapDatum.index];
-            }
-            node.data = treemapDatum;
-        });
-        const descendants = treemapData.descendants();
-        // Set up the brightness increase scale based on depth
-        const maxDepth = max(descendants, d => d.depth);
-        const brightnessIncrease = scaleLinear()
-            .domain([1, maxDepth])
-            .range([0, 1]);
-        // Get all leaf node values and calculate their square roots
-        // (since area is proportional to value)
-        const leafValues = descendants.filter(d => !d.children).map(d => d.value);
-        const maxLeafValue = Math.sqrt(max(leafValues)) || 0;
-        // Divide the range into three equal intervals based on the square root of values
-        // This accounts for the fact that area is proportional to value
-        const fontSizeScale = scaleThreshold()
-            .domain([
-            maxLeafValue / 3,
-            (maxLeafValue * 2) / 3, // Second third of the max value
-        ])
-            .range([
-            config.tileLabelSmallFontSize,
-            config.tileLabelMediumFontSize,
-            config.tileLabelLargeFontSize,
-        ]);
-        // First pass: Set base colors without considering tileColor config
-        treemapData
-            .eachBefore((node) => {
-            if (!node.children)
-                return;
-            const children = node.children;
-            children.forEach((treemapChild, i) => {
-                // Use default color scheme without tileColor config
-                let color = getColor(treemapChild, undefined, i, treemapChild.depth !== 1);
-                color = color !== null && color !== void 0 ? color : node._fill;
-                const hexColor = color ? getHexValue(color, this.g.node()) : null;
-                if (hexColor) {
-                    const hslColor = hsl(hexColor);
-                    if (config.enableLightnessVariance) {
-                        if (!treemapChild.children) {
-                            const lightnessAdjustment = this.getTileLightness(treemapChild, children);
-                            hslColor.l = Math.min(1, hslColor.l + lightnessAdjustment);
-                        }
-                    }
-                    treemapChild._fill = brighter(hslColor.toString(), brightnessIncrease(treemapChild.depth));
-                }
-                else {
-                    treemapChild._fill = null;
-                }
-            });
-        });
-        // Second pass: Apply tileColor config as an overlay
-        if (config.tileColor) {
-            treemapData
-                .eachBefore((node) => {
-                const color = getColor(node, config.tileColor);
-                if (color !== null) {
-                    node._fill = color;
-                }
-            });
-        }
-        // Render tiles
-        const visibleNodes = descendants.filter(d => d.depth > 0);
-        const tiles = this.tiles
-            .selectAll(`g.${tileGroup}`)
-            .data(visibleNodes, d => d._id);
-        const tilesEnter = tiles
-            .enter()
-            .append('g')
-            .attr('class', tileGroup);
-        // Computes the rect border radius for a given tile.
-        // The rx and ry values are the minimum of the tile
-        // border radius and some fraction the width of the tile,
-        // based on the tileBorderRadiusFactor config.
-        // This ensures that the tile border radius is not
-        // larger than the tile size, which makes small tiles
-        // look better.
-        const rx = (d) => Math.min(config.tileBorderRadius, (d.x1 - d.x0) * config.tileBorderRadiusFactor);
-        // Add clipPath elements
-        tilesEnter
-            .append('clipPath')
-            .attr('id', d => `clip-${d._id}`)
-            .append('rect')
-            .attr('rx', rx)
-            .attr('ry', rx);
-        // Tile rectangles
-        tilesEnter
-            .append('rect')
-            .classed(tile, true)
-            // Make the leaf tiles clickable if a click handler is provided
-            .classed(clickableTile, d => config.showTileClickAffordance && !d.children)
-            .attr('rx', rx)
-            .attr('ry', rx)
-            // Initialize tile positions so that the initial transition is smooth
-            .attr('x', d => d.x0)
-            .attr('y', d => d.y0)
-            .attr('width', d => d.x1 - d.x0)
-            .attr('height', d => d.y1 - d.y0)
-            .style('fill', d => { var _a; return (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor); })
-            .style('opacity', 0)
-            .style('cursor', config.showTileClickAffordance ? d => !d.children ? 'pointer' : null : null);
-        tiles.merge(tilesEnter).select(`rect.${tile}`)
-            .style('fill', d => { var _a; return (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor); })
-            .style('opacity', 1)
-            .attr('x', d => d.x0)
-            .attr('y', d => d.y0)
-            .attr('width', d => d.x1 - d.x0)
-            .attr('height', d => d.y1 - d.y0);
-        // Update clipPath rects
-        tiles.merge(tilesEnter).select('clipPath rect')
-            .attr('x', d => d.x0)
-            .attr('y', d => d.y0)
-            .attr('width', d => d.x1 - d.x0 - config.tilePadding)
-            .attr('height', d => d.y1 - d.y0);
-        // Tile labels
-        tilesEnter
-            .append('text')
-            .attr('class', label)
-            .attr('clip-path', d => `url(#clip-${d._id})`);
-        // Update all labels first
-        const mergedTiles = tiles.merge(tilesEnter);
-        // Hide labels that don't meet criteria
-        mergedTiles.select(`text.${label}`)
-            .style('display', d => {
-            const isAllowedNode = config.labelInternalNodes ? true : !d.children;
-            return isAllowedNode && this.isTileLargeEnough(d) ? null : 'none';
-        })
-            // Make the internal labels semibold
-            .style('font-weight', d => d.children ? '500' : 'normal');
-        // Update visible labels
-        mergedTiles.select(`text.${label}`)
-            .filter(d => {
-            const isAllowedNode = config.labelInternalNodes ? true : !d.children;
-            return isAllowedNode && this.isTileLargeEnough(d);
-        })
-            .attr('clip-path', d => `url(#clip-${d._id})`)
-            .attr('x', d => d.x0 + config.labelOffsetX)
-            .attr('y', d => d.y0 + config.labelOffsetY)
-            .each(function (d) {
-            var _a;
-            const text = select(this);
-            const label = `${d.data.key}: ${numberFormat(d.value)}`;
-            text.text(label);
-            // Set text color based on background darkness
-            const backgroundColor = (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor);
-            const textColor = backgroundColor && isDarkBackground(backgroundColor) ? '#ffffff' : '#000000';
-            text.style('fill', textColor);
-            // Apply font size scaling only to leaf nodes if enabled
-            if (!d.children && config.enableTileLabelFontSizeVariation) {
-                text.style('font-size', `${fontSizeScale(Math.sqrt(d.value))}px`);
-            }
-            // Apply text wrapping to leaf nodes
-            if (!d.children) {
-                const availableWidth = d.x1 - d.x0 - (2 * config.labelOffsetX);
-                wrapSVGText(text, availableWidth);
-            }
-        });
-        // Exit
-        tiles.exit().remove();
-    }
-}
-Treemap.selectors = style;
-
-export { Treemap };
-//# sourceMappingURL=index.js.map

package/components/treemap/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\nimport { hierarchy, HierarchyNode, treemap } from 'd3-hierarchy'\nimport { group, max, extent } from 'd3-array'\nimport { scaleLinear, scaleThreshold } from 'd3-scale'\nimport { hsl } from 'd3-color'\nimport { wrapSVGText } from 'utils/text'\nimport { ComponentCore } from 'core/component'\nimport { SeriesDataModel } from 'data-models/series'\nimport { getColor, brighter, getHexValue, isDarkBackground } from 'utils/color'\nimport { getString, getNumber } from 'utils/data'\nimport { TreemapConfigInterface, TreemapDefaultConfig } from './config'\nimport { TreemapDatum, TreemapNode } from './types'\n\nimport * as s from './style' // Minimum pixel size for showing labels\n\nconst LIGHTNESS_VARIATION_AMOUNT = 0.08\n\nconst MIN_TILE_SIZE_FOR_LABEL = 20\n\nconst defaultNumberFormat = (value: number): string => `${value}`\n\nexport class Treemap<Datum> extends ComponentCore<Datum[], TreemapConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = TreemapDefaultConfig as TreemapConfigInterface<Datum>\n  public config: TreemapConfigInterface<Datum> = this._defaultConfig\n\n  datamodel: SeriesDataModel<Datum> = new SeriesDataModel()\n  tiles: Selection<SVGGElement, unknown, SVGGElement, unknown>\n\n  private isTileLargeEnough (d: TreemapNode<Datum>): boolean {\n    const w = d.x1 - d.x0\n    const h = d.y1 - d.y0\n    return (w >= MIN_TILE_SIZE_FOR_LABEL) && (h >= MIN_TILE_SIZE_FOR_LABEL)\n  }\n\n  private getTileLightness (node: TreemapNode<Datum>, siblings: TreemapNode<Datum>[]): number {\n    // Get the value extent of the sibling group\n    const [minValue, maxValue] = extent(siblings, d => d.value)\n\n    // If there's no range or no value, return default lightness\n    if (minValue === maxValue || !node.value) return 0\n\n    // Calculate relative position in the range (0 to 1)\n    // Larger values will be closer to 0 (darker)\n    return LIGHTNESS_VARIATION_AMOUNT * ((maxValue - node.value) / (maxValue - minValue))\n  }\n\n  constructor (config?: TreemapConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n    this.tiles = this.g.append('g').attr('class', s.tiles)\n  }\n\n  _render (): void {\n    const { config, datamodel: { data }, _width, _height } = this\n    const { numberFormat = defaultNumberFormat } = config\n\n    if (!config.layers?.length) {\n      console.warn('Unovis | Treemap: No layers defined')\n      return\n    }\n\n    // Map each layer accessor function to get string values from the data array\n    const layerAccessors = config.layers.map(layerAccessor => {\n      return (i: number) => getString(data[i], layerAccessor, i)\n    })\n\n    // Group the data indices by the layer accessors to create a hierarchical structure\n    const nestedData = group(data.keys(), ...layerAccessors as [(d: number) => string])\n\n    // Create the hierarchy from the grouped data,\n    // which by itself is not quite right because there is an extra\n    // level of nesting that we don't want, just above the leaf nodes.\n    const rootNode = hierarchy(nestedData)\n\n    // Compute the aggregation\n    if (config.value) {\n      rootNode.sum(index => typeof index === 'number' && getNumber(data[index], config.value, index))\n    } else {\n      rootNode.count()\n    }\n\n    // Fix the hierarchy by removing the extra level of nesting\n    rootNode.each(node => {\n      if (!node.children) {\n        node.parent.children = null\n      }\n    })\n\n    const treemapLayout = treemap()\n      .size([_width, _height])\n      .round(true)\n      .padding(config.tilePadding)\n\n    // Apply padding to the top of each tile,\n    // but not for the root node.\n    if (this.config.tilePaddingTop !== undefined) {\n      treemapLayout.paddingTop(d => d.parent ? config.tilePaddingTop : 0)\n    }\n\n    // Compute the treemap layout\n    const treemapData = treemapLayout(rootNode) as TreemapNode<Datum>\n\n    // Process the resulting hierarchy into the type we need\n    let nodeId = 0\n    treemapData.each(node => {\n      const n = node as unknown as HierarchyNode<[string, number[]]>\n      // Generate unique IDs for each node\n      node._id = `node-${nodeId++}`\n\n      const treemapDatum: TreemapDatum<Datum> = {\n        key: n.data[0],\n      }\n\n      // Populate the index and datum for leaf nodes\n      const isLeafNode = !n.children\n      if (isLeafNode) {\n        treemapDatum.index = n.data[1][0]\n        treemapDatum.datum = data[treemapDatum.index]\n      }\n\n      node.data = treemapDatum\n    })\n\n    const descendants = treemapData.descendants()\n\n    // Set up the brightness increase scale based on depth\n    const maxDepth = max(descendants, d => d.depth)\n\n    const brightnessIncrease = scaleLinear()\n      .domain([1, maxDepth])\n      .range([0, 1])\n\n    // Get all leaf node values and calculate their square roots\n    // (since area is proportional to value)\n    const leafValues = descendants.filter(d => !d.children).map(d => d.value)\n    const maxLeafValue = Math.sqrt(max(leafValues)) || 0\n\n    // Divide the range into three equal intervals based on the square root of values\n    // This accounts for the fact that area is proportional to value\n    const fontSizeScale = scaleThreshold<number, number>()\n      .domain([\n        maxLeafValue / 3, // First third of the max value\n        (maxLeafValue * 2) / 3, // Second third of the max value\n      ])\n      .range([\n        config.tileLabelSmallFontSize,\n        config.tileLabelMediumFontSize,\n        config.tileLabelLargeFontSize,\n      ])\n\n    // First pass: Set base colors without considering tileColor config\n    treemapData\n      .eachBefore((node) => {\n        if (!node.children) return\n        const children = node.children\n\n        children.forEach((treemapChild, i) => {\n          // Use default color scheme without tileColor config\n          let color = getColor(treemapChild, undefined, i, treemapChild.depth !== 1)\n          color = color ?? (node as TreemapNode<Datum>)._fill\n\n          const hexColor = color ? getHexValue(color, this.g.node()) : null\n\n          if (hexColor) {\n            const hslColor = hsl(hexColor)\n\n            if (config.enableLightnessVariance) {\n              if (!treemapChild.children) {\n                const lightnessAdjustment = this.getTileLightness(treemapChild, children)\n                hslColor.l = Math.min(1, hslColor.l + lightnessAdjustment)\n              }\n            }\n\n            treemapChild._fill = brighter(hslColor.toString(), brightnessIncrease(treemapChild.depth))\n          } else {\n            treemapChild._fill = null\n          }\n        })\n      })\n\n    // Second pass: Apply tileColor config as an overlay\n    if (config.tileColor) {\n      treemapData\n        .eachBefore((node) => {\n          const color = getColor(node, config.tileColor)\n          if (color !== null) {\n            node._fill = color\n          }\n        })\n    }\n\n    // Render tiles\n    const visibleNodes = descendants.filter(d => d.depth > 0)\n    const tiles = this.tiles\n      .selectAll<SVGGElement, TreemapNode<Datum>>(`g.${s.tileGroup}`)\n      .data(visibleNodes, d => d._id)\n    const tilesEnter = tiles\n      .enter()\n      .append('g')\n      .attr('class', s.tileGroup)\n\n    // Computes the rect border radius for a given tile.\n    // The rx and ry values are the minimum of the tile\n    // border radius and some fraction the width of the tile,\n    // based on the tileBorderRadiusFactor config.\n    // This ensures that the tile border radius is not\n    // larger than the tile size, which makes small tiles\n    // look better.\n    const rx = (d: TreemapNode<Datum>): number =>\n      Math.min(config.tileBorderRadius, (d.x1 - d.x0) * config.tileBorderRadiusFactor)\n\n    // Add clipPath elements\n    tilesEnter\n      .append('clipPath')\n      .attr('id', d => `clip-${d._id}`)\n      .append('rect')\n      .attr('rx', rx)\n      .attr('ry', rx)\n\n    // Tile rectangles\n    tilesEnter\n      .append('rect')\n      .classed(s.tile, true)\n\n      // Make the leaf tiles clickable if a click handler is provided\n      .classed(s.clickableTile, d => config.showTileClickAffordance && !d.children)\n\n      .attr('rx', rx)\n      .attr('ry', rx)\n      // Initialize tile positions so that the initial transition is smooth\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0)\n      .attr('height', d => d.y1 - d.y0)\n      .style('fill', d => d._fill ?? getColor(d, config.tileColor))\n      .style('opacity', 0)\n      .style('cursor', config.showTileClickAffordance ? d => !d.children ? 'pointer' : null : null)\n\n    tiles.merge(tilesEnter).select(`rect.${s.tile}`)\n      .style('fill', d => d._fill ?? getColor(d, config.tileColor))\n      .style('opacity', 1)\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0)\n      .attr('height', d => d.y1 - d.y0)\n\n    // Update clipPath rects\n    tiles.merge(tilesEnter).select('clipPath rect')\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0 - config.tilePadding)\n      .attr('height', d => d.y1 - d.y0)\n\n    // Tile labels\n    tilesEnter\n      .append('text')\n      .attr('class', s.label)\n      .attr('clip-path', d => `url(#clip-${d._id})`)\n    // Update all labels first\n    const mergedTiles = tiles.merge(tilesEnter)\n\n    // Hide labels that don't meet criteria\n    mergedTiles.select(`text.${s.label}`)\n      .style('display', d => {\n        const isAllowedNode = config.labelInternalNodes ? true : !d.children\n        return isAllowedNode && this.isTileLargeEnough(d) ? null : 'none'\n      })\n      // Make the internal labels semibold\n      .style('font-weight', d => d.children ? '500' : 'normal')\n\n    // Update visible labels\n    mergedTiles.select(`text.${s.label}`)\n      .filter(d => {\n        const isAllowedNode = config.labelInternalNodes ? true : !d.children\n        return isAllowedNode && this.isTileLargeEnough(d)\n      })\n      .attr('clip-path', d => `url(#clip-${d._id})`)\n      .attr('x', d => d.x0 + config.labelOffsetX)\n      .attr('y', d => d.y0 + config.labelOffsetY)\n      .each(function (d) {\n        const text = select(this) as unknown as Selection<SVGTextElement, any, SVGElement, any>\n\n        const label = `${d.data.key}: ${numberFormat(d.value)}`\n        text.text(label)\n\n        // Set text color based on background darkness\n        const backgroundColor = d._fill ?? getColor(d, config.tileColor)\n        const textColor = backgroundColor && isDarkBackground(backgroundColor) ? '#ffffff' : '#000000'\n        text.style('fill', textColor)\n\n        // Apply font size scaling only to leaf nodes if enabled\n        if (!d.children && config.enableTileLabelFontSizeVariation) {\n          text.style('font-size', `${fontSizeScale(Math.sqrt(d.value))}px`)\n        }\n\n        // Apply text wrapping to leaf nodes\n        if (!d.children) {\n          const availableWidth = d.x1 - d.x0 - (2 * config.labelOffsetX)\n          wrapSVGText(text, availableWidth)\n        }\n      })\n\n    // Exit\n    tiles.exit().remove()\n  }\n}\n"],"names":["s.tiles","s.tileGroup","s.tile","s.clickableTile","s.label","s"],"mappings":"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"}

package/components/treemap/style.d.ts

@@ -1,22 +0,0 @@
-export declare const root: string;
-export declare const variables: {
-    treemapTileStrokeColor: "--vis-treemap-tile-stroke-color";
-    treemapTileStrokeWidth: "--vis-treemap-tile-stroke-width";
-    treemapTileHoverStrokeColor: "--vis-treemap-tile-hover-stroke-color";
-    treemapTileFillColor: "--vis-treemap-tile-fill-color";
-    treemapTileBackgroundColor: "--vis-treemap-tile-background-color";
-    treemapTileCursor: "--vis-treemap-tile-cursor";
-    treemapLabelFontFamily: "--vis-treemap-label-font-family";
-    treemapLabelTextColor: "--vis-treemap-label-text-color";
-    treemapLabelFontSize: "--vis-treemap-label-font-size";
-    treemapLabelOpacity: "--vis-treemap-label-opacity";
-    darkTreemapTileStrokeColor: "--vis-dark-treemap-tile-stroke-color";
-    darkTreemapTileFillColor: "--vis-dark-treemap-tile-fill-color";
-    darkTreemapLabelTextColor: "--vis-dark-treemap-label-text-color";
-};
-export declare const tiles: string;
-export declare const tileGroup: string;
-export declare const tile: string;
-export declare const clickableTile: string;
-export declare const tileForeground: string;
-export declare const label: string;

package/components/treemap/style.js

@@ -1,62 +0,0 @@
-import { css } from '@emotion/css';
-import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
-
-const cssVarDefaults = {
-    '--vis-treemap-tile-stroke-color': '#fff',
-    '--vis-treemap-tile-stroke-width': '2px',
-    '--vis-treemap-tile-hover-stroke-color': '#fff',
-    '--vis-treemap-tile-fill-color': '#B9BEC3',
-    '--vis-treemap-tile-background-color': '#fff',
-    '--vis-treemap-tile-cursor': 'default',
-    /* Undefined by default to allow proper fallback to var(--vis-font-family) */
-    '--vis-treemap-label-font-family': undefined,
-    '--vis-treemap-label-text-color': '#5b5f6d',
-    '--vis-treemap-label-font-size': '12px',
-    /* Label opacity */
-    '--vis-treemap-label-opacity': 0.8,
-    /* Dark Theme */
-    '--vis-dark-treemap-tile-stroke-color': '#2c2c2c',
-    '--vis-dark-treemap-tile-fill-color': '#5b5f6d',
-    '--vis-dark-treemap-label-text-color': '#fff',
-};
-const root = css `
-  label: treemap-component;
-`;
-const variables = getCssVarNames(cssVarDefaults);
-injectGlobalCssVariables(cssVarDefaults, root);
-const tiles = css `
-  label: g-tiles;
-`;
-const tileGroup = css `
-  label: tile-group;
-`;
-const tile = css `
-  label: tile;
-  stroke: var(--vis-treemap-tile-hover-stroke-color);
-  stroke-opacity: 0;
-  transition: stroke-opacity 100ms ease-in-out;
-
-  &:hover {
-    stroke-opacity: 1;
-  }
-`;
-// The leaf tiles are clickable
-const clickableTile = css `
-  label: clickable-tile;
-  cursor: pointer;
-`;
-const tileForeground = css `
-  label: tile-foreground;
-`;
-const label = css `
-  label: label;
-  text-anchor: start;
-  dominant-baseline: hanging;
-  user-select: none;
-  pointer-events: none;
-  font-size: var(--vis-treemap-label-font-size);
-  opacity: var(--vis-treemap-label-opacity);
-`;
-
-export { clickableTile, label, root, tile, tileForeground, tileGroup, tiles, variables };
-//# sourceMappingURL=style.js.map

package/components/treemap/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/treemap/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  '--vis-treemap-tile-stroke-color': '#fff',\n  '--vis-treemap-tile-stroke-width': '2px',\n  '--vis-treemap-tile-hover-stroke-color': '#fff',\n  '--vis-treemap-tile-fill-color': '#B9BEC3',\n  '--vis-treemap-tile-background-color': '#fff',\n  '--vis-treemap-tile-cursor': 'default',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-treemap-label-font-family': undefined as undefined,\n  '--vis-treemap-label-text-color': '#5b5f6d',\n  '--vis-treemap-label-font-size': '12px',\n\n  /* Label opacity */\n  '--vis-treemap-label-opacity': 0.8,\n\n  /* Dark Theme */\n  '--vis-dark-treemap-tile-stroke-color': '#2c2c2c',\n  '--vis-dark-treemap-tile-fill-color': '#5b5f6d',\n  '--vis-dark-treemap-label-text-color': '#fff',\n}\n\nexport const root = css`\n  label: treemap-component;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const tiles = css`\n  label: g-tiles;\n`\n\nexport const tileGroup = css`\n  label: tile-group;\n`\n\nexport const tile = css`\n  label: tile;\n  stroke: var(--vis-treemap-tile-hover-stroke-color);\n  stroke-opacity: 0;\n  transition: stroke-opacity 100ms ease-in-out;\n\n  &:hover {\n    stroke-opacity: 1;\n  }\n`\n\n// The leaf tiles are clickable\nexport const clickableTile = css`\n  label: clickable-tile;\n  cursor: pointer;\n`\n\nexport const tileForeground = css`\n  label: tile-foreground;\n`\n\nexport const label = css`\n  label: label;\n  text-anchor: start;\n  dominant-baseline: hanging;\n  user-select: none;\n  pointer-events: none;\n  font-size: var(--vis-treemap-label-font-size);\n  opacity: var(--vis-treemap-label-opacity);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;AACrB,IAAA,iCAAiC,EAAE,MAAM;AACzC,IAAA,iCAAiC,EAAE,KAAK;AACxC,IAAA,uCAAuC,EAAE,MAAM;AAC/C,IAAA,+BAA+B,EAAE,SAAS;AAC1C,IAAA,qCAAqC,EAAE,MAAM;AAC7C,IAAA,2BAA2B,EAAE,SAAS;;AAEtC,IAAA,iCAAiC,EAAE,SAAsB;AACzD,IAAA,gCAAgC,EAAE,SAAS;AAC3C,IAAA,+BAA+B,EAAE,MAAM;;AAGvC,IAAA,6BAA6B,EAAE,GAAG;;AAGlC,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,qCAAqC,EAAE,MAAM;CAC9C,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA;;EAEtB;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,KAAK,GAAG,GAAG,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA;;;;;;;;;EAStB;AAED;AACO,MAAM,aAAa,GAAG,GAAG,CAAA;;;EAG/B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;"}

package/components/treemap/types.d.ts

@@ -1,11 +0,0 @@
-import { HierarchyRectangularNode } from 'd3-hierarchy';
-export declare type TreemapDatum<Datum> = {
-    key?: string;
-    index?: number;
-    datum?: Datum;
-};
-export interface TreemapNode<Datum> extends HierarchyRectangularNode<TreemapDatum<Datum>> {
-    _id: string;
-    _fill?: string;
-    _fillOpacity?: number | null;
-}

package/components/treemap/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/components/treemap/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}