@glideappsfinal/glide-data-grid 6.0.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 typeguard, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,190 @@
+<h1 align="center">
+  <img src="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/media/icon.png" width="224px"/><br/>
+  <b>Glide Data Grid</b>
+</h1>
+<p align="center">A canvas-based data grid, supporting <b>millions</b> of rows, <b>rapid</b> updating, and <b>native scrolling</b>.</p>
+
+<p align="center">Built as the basis for the <a href="https://www.glideapps.com/data-editor" target="_blank">Glide Data Editor</a>. <a href="https://www.glideapps.com/jobs#open-positions" target="_blank">We're hiring</a>.</p>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/media/data-grid-dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/media/data-grid.png">
+  <img alt="Glide Data Grid with sample data" src="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/media/data-grid.png">
+</picture>
+
+[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)
+[![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)
+[![Code Coverage](https://img.shields.io/coverallsCoverage/github/glideapps/glide-data-grid?color=457aba&label=Cover&style=for-the-badge)](https://coveralls.io/github/glideapps/glide-data-grid)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid)
+[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
+[![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)
+
+# 👩‍💻 Demo and features
+
+Lot's of fun examples are in our [Storybook](https://quicktype.github.io/glide-data-grid).
+
+You can also visit our [main site](https://grid.glideapps.com).
+
+## Features
+
+-   **It scales to millions of rows**. Cells are rendered lazily on demand for memory efficiency.
+-   **Scrolling is extremely fast**. Native scrolling keeps everything buttery smooth.
+-   **Supports multiple types of cells**. Numbers, text, markdown, bubble, image, drilldown, uri
+-   **Fully Free & Open Source**. [MIT licensed](LICENSE) so you can use Grid in commerical projects.
+-   **Editing is built in**.
+-   **Resizable and movable columns**.
+-   **Variable sized rows**.
+-   **Merged cells**.
+-   **Single and multi-select rows, cells, and columns**.
+-   **Cell rendering can be fully customized**.
+
+# ⚡ Quick Start
+
+First make sure you are using React 16 or greater. Then install the data grid:
+
+```shell
+npm i @glideapps/glide-data-grid
+```
+
+You may also need to install the peer dependencies if you don't have them already:
+
+```shell
+npm i lodash marked react-responsive-carousel
+```
+
+Create a new `DataEditor` wherever you need to display lots and lots of data
+
+```tsx
+<DataEditor getCellContent={getData} columns={columns} rows={numRows} />
+```
+
+Don't forget to import mandatory CSS
+
+```ts
+import "@glideapps/glide-data-grid/dist/index.css";
+```
+
+Making your columns is easy
+
+```ts
+// Grid columns may also provide icon, overlayIcon, menu, style, and theme overrides
+const columns: GridColumn[] = [
+    { title: "First Name", width: 100 },
+    { title: "Last Name", width: 100 },
+];
+```
+
+Last provide data to the grid
+
+```ts
+// If fetching data is slow you can use the DataEditor ref to send updates for cells
+// once data is loaded.
+function getData([col, row]: Item): GridCell {
+    const person = data[row];
+
+    if (col === 0) {
+        return {
+            kind: GridCellKind.Text,
+            data: person.firstName,
+            allowOverlay: false,
+            displayData: person.firstName,
+        };
+    } else if (col === 1) {
+        return {
+            kind: GridCellKind.Text,
+            data: person.lastName,
+            allowOverlay: false,
+            displayData: person.lastName,
+        };
+    } else {
+        throw new Error();
+    }
+}
+```
+
+## Full API documentation
+
+The full [API documentation is on the main site](https://grid.glideapps.com/docs/index.html).
+
+# 📒 FAQ
+
+**Nothing shows up!**
+
+Please read the [Prerequisites section in the docs](API.md).
+
+**It crashes when I try to edit a cell!**
+
+Please read the [Prerequisites section in the docs](API.md).
+
+**Does it work with screen readers and other a11y tools?**
+
+Yes. Unfortunately none of the primary developers are accessibility users so there are likely flaws in the implementation we are not aware of. Bug reports welcome!
+
+**Does it support my data source?**
+
+Yes.
+
+Data Grid is agnostic about the way you load/store/generate/mutate your data. What it requires is that you tell it which columns you have, how many rows, and to give it a function it can call to get the data for a cell in a specific row and column.
+
+**Does it do sorting, searching, and filtering?**
+
+Search is included. You provide the trigger, we do the search. [Example](https://quicktype.github.io/glide-data-grid/?path=/story/glide-data-grid-docs--search) in our storybook.
+
+Filtering and sorting are something you would have to implement with your data source. There are hooks for adding column header menus if you want that.
+
+The reason we don't add filtering/sorting in by default is that these are usually very application-specific, and can often also be implemented more efficiently in the data source, via a database query, for example.
+
+**Can it do frozen columns?**
+
+Yes!
+
+**Can I render my own cells?**
+
+Yes, but the renderer has to use HTML Canvas. [Simple example](https://quicktype.github.io/glide-data-grid/?path=/story/glide-data-grid-dataeditor-demos--draw-custom-cells) in our Storybook.
+
+**Why does Data Grid use HTML Canvas?**
+
+Originally we had implemented our Grid using virtualized rendering. We virtualized both in the horizontal and vertical direction using [react-virtualized](https://github.com/bvaughn/react-virtualized). The problem is simply scrolling performance. Once you need to load/unload hundreds of DOM elements per frame nothing can save you.
+
+There are some hacks you can do like setting timers and entering into a "low fidelity" rendering mode where you only render a single element per cell. This works okay until you want to show hundreds of cells and you are right back to choppy scrolling. It also doesn't really look or feel great.
+
+**I want to use this with Next.js / Vercel but I'm getting weird errors**
+
+The easiest way to use the grid with Next is to create a component which wraps up your grid and then import it as a dynamic.
+
+home.tsx
+
+```tsx
+import type { NextPage } from "next";
+import dynamic from "next/dynamic";
+import styles from "../styles/Home.module.css";
+
+const Grid = dynamic(
+    () => {
+        return import("../components/Grid");
+    },
+    { ssr: false }
+);
+
+export const Home: NextPage = () => {
+    return (
+        <div className={styles.container}>
+            <main className={styles.main}>
+                <h1 className={styles.title}>Hi</h1>
+                <Grid />
+            </main>
+        </div>
+    );
+};
+```
+
+grid.tsx
+
+```tsx
+import React from "react";
+import DataEditor from "@glideapps/glide-data-grid";
+
+export default function Grid() {
+    return <DataEditor {...args} />;
+}
+```

package/build.sh

@@ -0,0 +1,21 @@
+#!/bin/bash
+set -em
+source ../../config/build-util.sh
+
+ensure_bash_4
+
+echo -e "\033[0;36m🏗️ Building Glide Data Grid 🏗️\033[0m"
+
+compile_esm() {
+    compile esm true
+}
+
+compile_cjs() {
+    compile cjs false
+}
+
+run_in_parallel compile_esm compile_cjs
+
+generate_index_css
+
+echo -e "\033[0;36m🎉 Core Build Complete 🎉\033[0m"

package/dist/cjs/cells/boolean-cell.js

@@ -0,0 +1,87 @@
+import { getSquareWidth, getSquareXPosFromAlign, getSquareBB, pointIsWithinBB } from "../common/utils.js";
+import { toggleBoolean } from "../data-editor/data-editor-fns.js";
+import { GridCellKind, booleanCellIsEditable, BooleanEmpty, BooleanIndeterminate, } from "../internal/data-grid/data-grid-types.js";
+import { drawCheckbox } from "../internal/data-grid/render/draw-checkbox.js";
+function isOverEditableRegion(e) {
+    const { cell, posX: pointerX, posY: pointerY, bounds, theme } = e;
+    const { width, height, x: cellX, y: cellY } = bounds;
+    const maxWidth = cell.maxSize ?? theme.checkboxMaxSize;
+    const cellCenterY = Math.floor(bounds.y + height / 2);
+    const checkBoxWidth = getSquareWidth(maxWidth, height, theme.cellVerticalPadding);
+    const posX = getSquareXPosFromAlign(cell.contentAlign ?? "center", cellX, width, theme.cellHorizontalPadding, checkBoxWidth);
+    const bb = getSquareBB(posX, cellCenterY, checkBoxWidth);
+    const checkBoxClicked = pointIsWithinBB(cellX + pointerX, cellY + pointerY, bb);
+    return booleanCellIsEditable(cell) && checkBoxClicked;
+}
+export const booleanCellRenderer = {
+    getAccessibilityString: c => c.data?.toString() ?? "false",
+    kind: GridCellKind.Boolean,
+    needsHover: true,
+    useLabel: false,
+    needsHoverPosition: true,
+    measure: () => 50,
+    draw: a => drawBoolean(a, a.cell.data, booleanCellIsEditable(a.cell), a.cell.maxSize ?? a.theme.checkboxMaxSize, a.cell.hoverEffectIntensity ?? 0.35),
+    onDelete: c => ({
+        ...c,
+        data: false,
+    }),
+    onSelect: e => {
+        if (isOverEditableRegion(e)) {
+            e.preventDefault();
+        }
+    },
+    onClick: e => {
+        if (isOverEditableRegion(e)) {
+            return {
+                ...e.cell,
+                data: toggleBoolean(e.cell.data),
+            };
+        }
+        return undefined;
+    },
+    onPaste: (toPaste, cell) => {
+        let newVal = BooleanEmpty;
+        if (toPaste.toLowerCase() === "true") {
+            newVal = true;
+        }
+        else if (toPaste.toLowerCase() === "false") {
+            newVal = false;
+        }
+        else if (toPaste.toLowerCase() === "indeterminate") {
+            newVal = BooleanIndeterminate;
+        }
+        return newVal === cell.data
+            ? undefined
+            : {
+                ...cell,
+                data: newVal,
+            };
+    },
+};
+function drawBoolean(args, data, canEdit, maxSize, hoverEffectIntensity) {
+    if (!canEdit && data === BooleanEmpty) {
+        return;
+    }
+    const { ctx, hoverAmount, theme, rect, highlighted, hoverX, hoverY, cell: { contentAlign }, } = args;
+    const { x, y, width: w, height: h } = rect;
+    // Don't set the global alpha unnecessarily
+    let shouldRestoreAlpha = false;
+    if (hoverEffectIntensity > 0) {
+        let alpha = canEdit ? 1 - hoverEffectIntensity + hoverEffectIntensity * hoverAmount : 0.4;
+        if (data === BooleanEmpty) {
+            alpha *= hoverAmount;
+        }
+        if (alpha === 0) {
+            return;
+        }
+        if (alpha < 1) {
+            shouldRestoreAlpha = true;
+            ctx.globalAlpha = alpha;
+        }
+    }
+    drawCheckbox(ctx, theme, data, x, y, w, h, highlighted, hoverX, hoverY, maxSize, contentAlign);
+    if (shouldRestoreAlpha) {
+        ctx.globalAlpha = 1;
+    }
+}
+//# sourceMappingURL=boolean-cell.js.map

package/dist/cjs/cells/boolean-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-cell.js","sourceRoot":"","sources":["../../../src/cells/boolean-cell.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cells/bubble-cell.js

@@ -0,0 +1,53 @@
+/* eslint-disable react/display-name */
+import * as React from "react";
+import BubblesOverlayEditor from "../internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js";
+import { getMiddleCenterBias, measureTextCached, roundedRect } from "../internal/data-grid/render/data-grid-lib.js";
+import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
+import { makeAccessibilityStringForArray } from "../common/utils.js";
+export const bubbleCellRenderer = {
+    getAccessibilityString: c => makeAccessibilityStringForArray(c.data),
+    kind: GridCellKind.Bubble,
+    needsHover: false,
+    useLabel: false,
+    needsHoverPosition: false,
+    measure: (ctx, cell, theme) => {
+        const bubblesWidth = cell.data.reduce((acc, data) => ctx.measureText(data).width + acc + theme.bubblePadding * 2 + theme.bubbleMargin, 0);
+        if (cell.data.length === 0)
+            return theme.cellHorizontalPadding * 2;
+        return bubblesWidth + 2 * theme.cellHorizontalPadding - theme.bubbleMargin;
+    },
+    draw: a => drawBubbles(a, a.cell.data),
+    provideEditor: () => p => {
+        const { value } = p;
+        return React.createElement(BubblesOverlayEditor, { bubbles: value.data });
+    },
+    onPaste: () => undefined,
+};
+function drawBubbles(args, data) {
+    const { rect, theme, ctx, highlighted } = args;
+    const { x, y, width: w, height: h } = rect;
+    let renderX = x + theme.cellHorizontalPadding;
+    const renderBoxes = [];
+    for (const s of data) {
+        if (renderX > x + w)
+            break;
+        const textWidth = measureTextCached(s, ctx, theme.baseFontFull).width;
+        renderBoxes.push({
+            x: renderX,
+            width: textWidth,
+        });
+        renderX += textWidth + theme.bubblePadding * 2 + theme.bubbleMargin;
+    }
+    ctx.beginPath();
+    for (const rectInfo of renderBoxes) {
+        roundedRect(ctx, rectInfo.x, y + (h - theme.bubbleHeight) / 2, rectInfo.width + theme.bubblePadding * 2, theme.bubbleHeight, theme.roundingRadius ?? theme.bubbleHeight / 2);
+    }
+    ctx.fillStyle = highlighted ? theme.bgBubbleSelected : theme.bgBubble;
+    ctx.fill();
+    for (const [i, rectInfo] of renderBoxes.entries()) {
+        ctx.beginPath();
+        ctx.fillStyle = theme.textBubble;
+        ctx.fillText(data[i], rectInfo.x + theme.bubblePadding, y + h / 2 + getMiddleCenterBias(ctx, theme));
+    }
+}
+//# sourceMappingURL=bubble-cell.js.map

package/dist/cjs/cells/bubble-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble-cell.js","sourceRoot":"","sources":["../../../src/cells/bubble-cell.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cells/cell-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cell-types.js.map

package/dist/cjs/cells/cell-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-types.js","sourceRoot":"","sources":["../../../src/cells/cell-types.ts"],"names":[],"mappings":""}

package/dist/cjs/cells/drilldown-cell.js

@@ -0,0 +1,171 @@
+/* eslint-disable react/display-name */
+import * as React from "react";
+import DrilldownOverlayEditor from "../internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js";
+import { getEmHeight, getMiddleCenterBias, measureTextCached, roundedRect, } from "../internal/data-grid/render/data-grid-lib.js";
+import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
+import { makeAccessibilityStringForArray } from "../common/utils.js";
+export const drilldownCellRenderer = {
+    getAccessibilityString: c => makeAccessibilityStringForArray(c.data.map(d => d.text)),
+    kind: GridCellKind.Drilldown,
+    needsHover: false,
+    useLabel: false,
+    needsHoverPosition: false,
+    measure: (ctx, cell, theme) => cell.data.reduce((acc, data) => ctx.measureText(data.text).width +
+        acc +
+        theme.bubblePadding * 2 +
+        theme.bubbleMargin +
+        (data.img !== undefined ? 18 : 0), 0) +
+        2 * theme.cellHorizontalPadding -
+        4,
+    draw: a => drawDrilldownCell(a, a.cell.data),
+    provideEditor: () => p => {
+        const { value } = p;
+        return React.createElement(DrilldownOverlayEditor, { drilldowns: value.data });
+    },
+    onPaste: () => undefined,
+};
+const drilldownCache = {};
+function getAndCacheDrilldownBorder(bgCell, border, height, rounding) {
+    const dpr = Math.ceil(window.devicePixelRatio);
+    const shadowBlur = 5;
+    const targetHeight = height - shadowBlur * 2;
+    const middleWidth = 4;
+    const innerHeight = height * dpr;
+    const sideWidth = rounding + shadowBlur;
+    const targetWidth = rounding * 3;
+    const innerWidth = (targetWidth + shadowBlur * 2) * dpr;
+    const key = `${bgCell},${border},${dpr},${height}`;
+    if (drilldownCache[key] !== undefined) {
+        return {
+            el: drilldownCache[key],
+            height: innerHeight,
+            width: innerWidth,
+            middleWidth: middleWidth * dpr,
+            sideWidth: sideWidth * dpr,
+            padding: shadowBlur * dpr,
+            dpr,
+        };
+    }
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d"); // alpha needed
+    if (ctx === null)
+        return null;
+    canvas.width = innerWidth;
+    canvas.height = innerHeight;
+    ctx.scale(dpr, dpr);
+    drilldownCache[key] = canvas;
+    ctx.beginPath();
+    roundedRect(ctx, shadowBlur, shadowBlur, targetWidth, targetHeight, rounding);
+    ctx.shadowColor = "rgba(24, 25, 34, 0.4)";
+    ctx.shadowBlur = 1;
+    ctx.fillStyle = bgCell;
+    ctx.fill();
+    ctx.shadowColor = "rgba(24, 25, 34, 0.3)";
+    ctx.shadowOffsetY = 1;
+    ctx.shadowBlur = 5;
+    ctx.fillStyle = bgCell;
+    ctx.fill();
+    ctx.shadowOffsetY = 0;
+    ctx.shadowBlur = 0;
+    ctx.shadowBlur = 0;
+    ctx.beginPath();
+    roundedRect(ctx, shadowBlur + 0.5, shadowBlur + 0.5, targetWidth, targetHeight, rounding);
+    ctx.strokeStyle = border;
+    ctx.lineWidth = 1;
+    ctx.stroke();
+    return {
+        el: canvas,
+        height: innerHeight,
+        width: innerWidth,
+        sideWidth: sideWidth * dpr,
+        middleWidth: rounding * dpr,
+        padding: shadowBlur * dpr,
+        dpr,
+    };
+}
+function drawDrilldownCell(args, data) {
+    const { rect, theme, ctx, imageLoader, col, row } = args;
+    const { x, width: w } = rect;
+    const font = theme.baseFontFull;
+    const emHeight = getEmHeight(ctx, font);
+    const h = Math.min(rect.height, Math.max(16, Math.ceil(emHeight * theme.lineHeight) * 2));
+    const y = Math.floor(rect.y + (rect.height - h) / 2);
+    const bubbleHeight = h - 10;
+    const bubblePad = theme.bubblePadding;
+    const bubbleMargin = theme.bubbleMargin;
+    let renderX = x + theme.cellHorizontalPadding;
+    const rounding = theme.roundingRadius ?? 6;
+    const tileMap = getAndCacheDrilldownBorder(theme.bgCell, theme.drilldownBorder, h, rounding);
+    const renderBoxes = [];
+    for (const el of data) {
+        if (renderX > x + w)
+            break;
+        const textMetrics = measureTextCached(el.text, ctx, font);
+        const textWidth = textMetrics.width;
+        let imgWidth = 0;
+        if (el.img !== undefined) {
+            const img = imageLoader.loadOrGetImage(el.img, col, row);
+            if (img !== undefined) {
+                imgWidth = bubbleHeight - 8 + 4;
+            }
+        }
+        const renderWidth = textWidth + imgWidth + bubblePad * 2;
+        renderBoxes.push({
+            x: renderX,
+            width: renderWidth,
+        });
+        renderX += renderWidth + bubbleMargin;
+    }
+    if (tileMap !== null) {
+        const { el, height, middleWidth, sideWidth, width, dpr, padding } = tileMap;
+        const outerSideWidth = sideWidth / dpr;
+        const outerPadding = padding / dpr;
+        for (const rectInfo of renderBoxes) {
+            const rx = Math.floor(rectInfo.x);
+            const rw = Math.floor(rectInfo.width);
+            const outerMiddleWidth = rw - (outerSideWidth - outerPadding) * 2;
+            ctx.imageSmoothingEnabled = false;
+            ctx.drawImage(el, 0, 0, sideWidth, height, rx - outerPadding, y, outerSideWidth, h);
+            if (outerMiddleWidth > 0)
+                ctx.drawImage(el, sideWidth, 0, middleWidth, height, rx + (outerSideWidth - outerPadding), y, outerMiddleWidth, h);
+            ctx.drawImage(el, width - sideWidth, 0, sideWidth, height, rx + rw - (outerSideWidth - outerPadding), y, outerSideWidth, h);
+            ctx.imageSmoothingEnabled = true;
+        }
+    }
+    ctx.beginPath();
+    for (const [i, rectInfo] of renderBoxes.entries()) {
+        const d = data[i];
+        let drawX = rectInfo.x + bubblePad;
+        if (d.img !== undefined) {
+            const img = imageLoader.loadOrGetImage(d.img, col, row);
+            if (img !== undefined) {
+                const imgSize = bubbleHeight - 8;
+                let srcX = 0;
+                let srcY = 0;
+                let srcWidth = img.width;
+                let srcHeight = img.height;
+                if (srcWidth > srcHeight) {
+                    // landscape
+                    srcX += (srcWidth - srcHeight) / 2;
+                    srcWidth = srcHeight;
+                }
+                else if (srcHeight > srcWidth) {
+                    //portrait
+                    srcY += (srcHeight - srcWidth) / 2;
+                    srcHeight = srcWidth;
+                }
+                ctx.beginPath();
+                roundedRect(ctx, drawX, y + h / 2 - imgSize / 2, imgSize, imgSize, theme.roundingRadius ?? 3);
+                ctx.save();
+                ctx.clip();
+                ctx.drawImage(img, srcX, srcY, srcWidth, srcHeight, drawX, y + h / 2 - imgSize / 2, imgSize, imgSize);
+                ctx.restore();
+                drawX += imgSize + 4;
+            }
+        }
+        ctx.beginPath();
+        ctx.fillStyle = theme.textBubble;
+        ctx.fillText(d.text, drawX, y + h / 2 + getMiddleCenterBias(ctx, theme));
+    }
+}
+//# sourceMappingURL=drilldown-cell.js.map

package/dist/cjs/cells/drilldown-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drilldown-cell.js","sourceRoot":"","sources":["../../../src/cells/drilldown-cell.tsx"],"names":[],"mappings":"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"}