@malloydata/render 0.0.135-dev240325191847 → 0.0.135-dev240326154530

package/dist/html/dashboard.js

@@ -1,242 +0,0 @@
-"use strict";
-/*
- * Copyright 2023 Google LLC
- *
- * 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLDashboardRenderer = void 0;
-const drill_1 = require("../drill");
-const container_1 = require("./container");
-const text_1 = require("./text");
-const utils_1 = require("./utils");
-const tags_utils_1 = require("../tags_utils");
-class HTMLDashboardRenderer extends container_1.ContainerRenderer {
-    constructor() {
-        super(...arguments);
-        this.childrenStyleDefaults = {
-            size: 'medium',
-        };
-    }
-    async render(table) {
-        if (!table.isArrayOrRecord()) {
-            return (0, utils_1.createErrorElement)(this.document, 'Invalid data for dashboard renderer.');
-        }
-        const fields = table.field.intrinsicFields;
-        const dimensions = fields.filter(field => field.isAtomicField() && field.sourceWasDimension());
-        const measures = fields.filter(field => !field.isAtomicField() || field.sourceWasMeasureLike());
-        const body = this.document.createElement('div');
-        for (const row of table) {
-            const dimensionsContainer = this.document.createElement('div');
-            dimensionsContainer.classList.add('dimensions');
-            dimensionsContainer.style.display = 'flex';
-            dimensionsContainer.style.flexWrap = 'wrap';
-            const rowElement = this.document.createElement('div');
-            rowElement.style.position = 'relative';
-            for (const field of dimensions) {
-                if ((0, tags_utils_1.isFieldHidden)(field)) {
-                    continue;
-                }
-                const renderer = this.childRenderers[field.name];
-                const rendered = await renderer.render(row.cell(field));
-                const renderedDimension = this.document.createElement('div');
-                renderedDimension.style.cssText = DIMENSION_BOX;
-                const dimensionTitle = this.document.createElement('div');
-                dimensionTitle.style.cssText = DIMENSION_TITLE;
-                dimensionTitle.appendChild(this.document.createTextNode((0, utils_1.formatTitle)(this.options, field, this.options.dataStyles[field.name])));
-                const dimensionInner = this.document.createElement('div');
-                dimensionInner.style.cssText = VERTICAL_CENTER;
-                dimensionInner.appendChild(rendered);
-                renderedDimension.appendChild(dimensionTitle);
-                renderedDimension.appendChild(dimensionInner);
-                dimensionsContainer.appendChild(renderedDimension);
-            }
-            if (dimensions.length > 0) {
-                const rowSeparatorOuter = this.document.createElement('div');
-                rowSeparatorOuter.classList.add('row-separator-outer');
-                rowSeparatorOuter.style.cssText = ROW_SEPARATOR_OUTER;
-                const rowSeparator = this.document.createElement('div');
-                rowSeparator.style.cssText = ROW_SEPARATOR;
-                rowSeparatorOuter.appendChild(rowSeparator);
-                dimensionsContainer.appendChild(rowSeparatorOuter);
-            }
-            const measuresContainer = this.document.createElement('div');
-            measuresContainer.style.cssText = MEASURE_BOXES;
-            for (const field of measures) {
-                if ((0, tags_utils_1.isFieldHidden)(field)) {
-                    continue;
-                }
-                const childRenderer = this.childRenderers[field.name];
-                await (0, utils_1.yieldTask)();
-                const rendered = await childRenderer.render(row.cell(field));
-                if (childRenderer instanceof HTMLDashboardRenderer) {
-                    measuresContainer.appendChild(rendered);
-                }
-                else if (childRenderer instanceof text_1.HTMLTextRenderer) {
-                    const measureBox = this.document.createElement('div');
-                    measureBox.style.cssText = MEASURE_BOX;
-                    const measureTitle = this.document.createElement('div');
-                    measureTitle.style.cssText = TITLE;
-                    measureTitle.appendChild(this.document.createTextNode((0, utils_1.formatTitle)(this.options, field, this.options.dataStyles[field.name])));
-                    const measureInner = this.document.createElement('div');
-                    measureInner.style.cssText = VERTICAL_CENTER;
-                    const innerInner = this.document.createElement('div');
-                    innerInner.style.cssText = SINGLE_VALUE;
-                    innerInner.appendChild(rendered);
-                    measureInner.appendChild(innerInner);
-                    measureBox.appendChild(measureTitle);
-                    measureBox.appendChild(measureInner);
-                    measuresContainer.appendChild(measureBox);
-                }
-                else {
-                    const measureBox = this.document.createElement('div');
-                    measureBox.style.cssText = MEASURE_BOX;
-                    const measureTitle = this.document.createElement('div');
-                    measureTitle.style.cssText = TITLE;
-                    measureTitle.appendChild(this.document.createTextNode((0, utils_1.formatTitle)(this.options, field, this.options.dataStyles[field.name])));
-                    const measureInner = this.document.createElement('div');
-                    measureInner.style.cssText = VERTICAL_CENTER;
-                    const innerInner = this.document.createElement('div');
-                    innerInner.style.cssText = HORIZONTAL_CENTER;
-                    innerInner.appendChild(rendered);
-                    measureInner.appendChild(innerInner);
-                    measureBox.appendChild(measureTitle);
-                    measureBox.appendChild(measureInner);
-                    measuresContainer.appendChild(measureBox);
-                }
-            }
-            rowElement.appendChild(dimensionsContainer);
-            if (dimensions.length > 0 && this.options.isDrillingEnabled) {
-                const drillElement = this.document.createElement('span');
-                const drillIcon = (0, utils_1.createDrillIcon)(this.document);
-                drillElement.appendChild(drillIcon);
-                drillElement.style.cssText =
-                    'padding: 8px; vertical-align: top; width: 25px; cursor: pointer; position: absolute; top: 5px; right: 5px;';
-                drillElement.onclick = () => {
-                    if (this.options.onDrill) {
-                        const { drillQuery, drillFilters } = (0, drill_1.getDrillQuery)(row);
-                        this.options.onDrill(drillQuery, drillIcon, drillFilters);
-                    }
-                };
-                rowElement.appendChild(drillElement);
-            }
-            const dashboardOuter = this.document.createElement('div');
-            dashboardOuter.classList.add('dashboard-outer');
-            dashboardOuter.style.cssText = DASHBOARD_OUTER;
-            if (dimensions.length > 0) {
-                const nestIndicator = this.document.createElement('div');
-                nestIndicator.style.cssText = NEST_INDICATOR;
-                dashboardOuter.appendChild(nestIndicator);
-            }
-            dashboardOuter.appendChild(measuresContainer);
-            rowElement.appendChild(dashboardOuter);
-            body.appendChild(rowElement);
-        }
-        return body;
-    }
-}
-exports.HTMLDashboardRenderer = HTMLDashboardRenderer;
-const ROW_SEPARATOR_OUTER = `
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  flex: 1 0 auto;
-`;
-const DASHBOARD_OUTER = `
-  display: flex;
-  flex-direction: row;
-  font-size: 11px;
-`;
-const NESTING_DIV = `
-  background-color: var(--malloy-tile-background-color, #f7f7f7);
-  border: 1px solid var(--malloy-border-color, #e9e9e9);
-`;
-const NEST_INDICATOR = `
-  ${NESTING_DIV}
-  min-height: 100%;
-  min-width: 11px;
-  margin: 6px;
-  border-radius: 4px;
-`;
-const ROW_SEPARATOR = `
-  ${NESTING_DIV}
-  min-height: 11px;
-  max-height: 11px;
-  margin: 6px;
-  flex: 1 0 auto;
-  border-radius: 4px;
-`;
-const MEASURE_BOXES = `
-  display: flex;
-  flex-wrap: wrap;
-`;
-const DIMENSION_BOX = `
-  background-color: var(--malloy-tile-background-color, #f7f7f7);
-  border: 1px solid var(--malloy-border-color, #e9e9e9);
-  margin: 6px;
-  border-radius: 5px;
-  padding: 10px;
-  box-shadow: 0 1px 5px 0 var(--malloy-border-color, #f3f3f3);
-`;
-const MEASURE_BOX = `
-  margin: 6px;
-  border-radius: 5px;
-  border: 1px solid var(--malloy-border-color, #e9e9e9);
-  padding: 10px;
-  flex: 1 0 auto;
-  box-shadow: 0 1px 5px 0 var(--malloy-tile-background-color, #f3f3f3);
-  max-width: calc(100% - 11px);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`;
-const DIMENSION_TITLE = `
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--malloy-title-color, #505050);
-  margin-bottom: 5px;
-  font-family: var(--malloy-font-family, "Roboto");
-`;
-const TITLE = `
-  font-size: 11px;
-  font-family: var(--malloy-font-family, "Roboto");
-  font-weight: 500;
-  color: #var(--malloy-title-color, #505050);
-`;
-const SINGLE_VALUE = `
-  font-size: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 5px;
-`;
-const VERTICAL_CENTER = `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 0 auto;
-`;
-const HORIZONTAL_CENTER = `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-`;
-//# sourceMappingURL=dashboard.js.map

package/dist/html/data_volume.js

@@ -1,94 +0,0 @@
-"use strict";
-/*
- * Copyright 2023 Google LLC
- *
- * 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.
- */
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataVolumeRendererFactory = exports.HTMLDataVolumeRenderer = void 0;
-const text_1 = require("./text");
-const data_styles_1 = require("../data_styles");
-const renderer_factory_1 = require("../renderer_factory");
-class HTMLDataVolumeRenderer extends text_1.HTMLTextRenderer {
-    constructor(document, options) {
-        super(document);
-        this.options = options;
-    }
-    getText(data) {
-        if (data.isNull()) {
-            return null;
-        }
-        if (!data.isNumber()) {
-            throw new Error(`Cannot format field ${data.field.name} as data volume since its not a number`);
-        }
-        let data_volume = data.number.value;
-        let unit = 'Bytes';
-        switch (this.options.data_volume_unit) {
-            case data_styles_1.DataVolumeUnit.Bytes:
-                // Do nothing.
-                break;
-            case data_styles_1.DataVolumeUnit.Kilobytes:
-                data_volume = data_volume / _a.kbMultiplier;
-                unit = 'KB';
-                break;
-            case data_styles_1.DataVolumeUnit.Megabytes:
-                data_volume = data_volume / _a.mbMultiplier;
-                unit = 'MB';
-                break;
-            case data_styles_1.DataVolumeUnit.Gigabytes:
-                data_volume = data_volume / _a.gbMultiplier;
-                unit = 'GB';
-                break;
-            case data_styles_1.DataVolumeUnit.Terabytes:
-                data_volume = data_volume / _a.tbMultiplier;
-                unit = 'TB';
-                break;
-        }
-        return data_volume === null
-            ? data_volume
-            : `${data_volume.toLocaleString()} ${unit}`;
-    }
-}
-exports.HTMLDataVolumeRenderer = HTMLDataVolumeRenderer;
-_a = HTMLDataVolumeRenderer;
-HTMLDataVolumeRenderer.kbMultiplier = 1024;
-HTMLDataVolumeRenderer.mbMultiplier = _a.kbMultiplier * _a.kbMultiplier;
-HTMLDataVolumeRenderer.gbMultiplier = _a.mbMultiplier * _a.kbMultiplier;
-HTMLDataVolumeRenderer.tbMultiplier = _a.gbMultiplier * _a.kbMultiplier;
-class DataVolumeRendererFactory extends renderer_factory_1.RendererFactory {
-    constructor() {
-        super();
-        this.addExtractor((options, tag) => {
-            var _b;
-            options.data_volume_unit =
-                (_b = tag === null || tag === void 0 ? void 0 : tag.text()) !== null && _b !== void 0 ? _b : data_styles_1.DataVolumeUnit.Bytes;
-        }, this.rendererName);
-    }
-    create(document, _styleDefaults, _rendererOptions, _field, options) {
-        return new HTMLDataVolumeRenderer(document, options);
-    }
-    get rendererName() {
-        return 'data_volume';
-    }
-}
-exports.DataVolumeRendererFactory = DataVolumeRendererFactory;
-DataVolumeRendererFactory.instance = new DataVolumeRendererFactory();
-//# sourceMappingURL=data_volume.js.map

package/dist/html/date.js

@@ -1,66 +0,0 @@
-"use strict";
-/*
- * Copyright 2023 Google LLC
- *
- * 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRendererFactory = exports.HTMLDateRenderer = void 0;
-const malloy_1 = require("@malloydata/malloy");
-const utils_1 = require("./utils");
-const renderer_factory_1 = require("../renderer_factory");
-class HTMLDateRenderer {
-    constructor(document, queryTimezone) {
-        this.document = document;
-        this.queryTimezone = queryTimezone;
-    }
-    async render(data) {
-        if (data.isNull()) {
-            return (0, utils_1.createNullElement)(this.document);
-        }
-        if (!data.isDate() && !data.isTimestamp()) {
-            return (0, utils_1.createErrorElement)(this.document, 'Invalid field for date renderer');
-        }
-        const timeframe = data.field.timeframe ||
-            (data.isTimestamp() ? malloy_1.TimestampTimeframe.Second : malloy_1.DateTimeframe.Day);
-        const timestring = (0, utils_1.timeToString)(data.value, timeframe, this.queryTimezone);
-        const element = this.document.createElement('span');
-        element.appendChild(this.document.createTextNode(timestring));
-        return element;
-    }
-}
-exports.HTMLDateRenderer = HTMLDateRenderer;
-class DateRendererFactory extends renderer_factory_1.RendererFactory {
-    activates(field) {
-        return (field.hasParentExplore() &&
-            field.isAtomicField() &&
-            (field.type === malloy_1.AtomicFieldType.Date ||
-                field.type === malloy_1.AtomicFieldType.Timestamp));
-    }
-    create(document, _styleDefaults, _rendererOptions, _field, _options, timezone) {
-        return new HTMLDateRenderer(document, timezone);
-    }
-    get rendererName() {
-        return 'time';
-    }
-}
-exports.DateRendererFactory = DateRendererFactory;
-DateRendererFactory.instance = new DateRendererFactory();
-//# sourceMappingURL=date.js.map

package/dist/html/duration.js

@@ -1,108 +0,0 @@
-"use strict";
-/*
- * Copyright 2023 Google LLC
- *
- * 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DurationRendererFactory = exports.HTMLDurationRenderer = void 0;
-const text_1 = require("./text");
-const data_styles_1 = require("../data_styles");
-const renderer_factory_1 = require("../renderer_factory");
-class HTMLDurationRenderer extends text_1.HTMLTextRenderer {
-    constructor(document, options) {
-        super(document);
-        this.options = options;
-    }
-    getText(data) {
-        var _a;
-        if (data.isNull()) {
-            return null;
-        }
-        if (!data.isNumber()) {
-            throw new Error(`Cannot format field ${data.field.name} as a duration unit since its not a number`);
-        }
-        const targetUnit = (_a = this.options.duration_unit) !== null && _a !== void 0 ? _a : data_styles_1.DurationUnit.Seconds;
-        let currentDuration = data.number.value;
-        let currentUnitValue = 0;
-        let durationParts = [];
-        let foundUnit = false;
-        for (const [unit, multiplier] of HTMLDurationRenderer.multiplierMap) {
-            if (unit === targetUnit) {
-                foundUnit = true;
-            }
-            if (!foundUnit) {
-                continue;
-            }
-            currentUnitValue = currentDuration % multiplier;
-            currentDuration = Math.floor((currentDuration /= multiplier));
-            if (currentUnitValue > 0) {
-                durationParts = [
-                    this.formatTimeUnit(currentUnitValue, unit),
-                    ...durationParts,
-                ];
-            }
-            if (currentDuration === 0) {
-                break;
-            }
-        }
-        if (durationParts.length > 0) {
-            return durationParts.slice(0, 2).join(' ');
-        }
-        return this.formatTimeUnit(0, targetUnit);
-    }
-    formatTimeUnit(value, unit) {
-        let unitString = unit.toString();
-        if (value === 1) {
-            unitString = unitString.substring(0, unitString.length - 1);
-        }
-        return `${value} ${unitString}`;
-    }
-}
-exports.HTMLDurationRenderer = HTMLDurationRenderer;
-// Map of unit to how many units of the make up the following time unit.
-HTMLDurationRenderer.multiplierMap = new Map([
-    [data_styles_1.DurationUnit.Nanoseconds, 1000],
-    [data_styles_1.DurationUnit.Microseconds, 1000],
-    [data_styles_1.DurationUnit.Milliseconds, 1000],
-    [data_styles_1.DurationUnit.Seconds, 60],
-    [data_styles_1.DurationUnit.Minutes, 60],
-    [data_styles_1.DurationUnit.Hours, 24],
-    [data_styles_1.DurationUnit.Days, Number.MAX_VALUE],
-]);
-class DurationRendererFactory extends renderer_factory_1.RendererFactory {
-    constructor() {
-        super();
-        this.addExtractor((options, value) => {
-            var _a;
-            options.duration_unit =
-                (_a = value === null || value === void 0 ? void 0 : value.text()) !== null && _a !== void 0 ? _a : data_styles_1.DurationUnit.Seconds;
-        }, this.rendererName);
-    }
-    create(document, _styleDefaults, _rendererOptions, _field, options) {
-        return new HTMLDurationRenderer(document, options);
-    }
-    get rendererName() {
-        return 'duration';
-    }
-}
-exports.DurationRendererFactory = DurationRendererFactory;
-DurationRendererFactory.instance = new DurationRendererFactory();
-//# sourceMappingURL=duration.js.map