@malloydata/render 0.0.135-dev240325191847 → 0.0.135-dev240326020414

package/dist/html/utils.js

@@ -1,277 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDynamicValue = exports.getParentRecord = exports.formatTitle = exports.createDrillIcon = exports.createNullElement = exports.createErrorElement = exports.yieldTask = exports.normalizeToTimezone = exports.timeToString = exports.getColorScale = void 0;
-const malloy_1 = require("@malloydata/malloy");
-const startCase_1 = __importDefault(require("lodash/startCase"));
-const luxon_1 = require("luxon");
-function getColorScale(type, isRectMark, hasOverlappingText = false) {
-    if (type === undefined) {
-        return undefined;
-    }
-    switch (type) {
-        case 'ordinal':
-            return { range: ['#C2D5EE', '#1A73E8'] };
-        case 'temporal':
-        case 'quantitative':
-            return isRectMark
-                ? hasOverlappingText
-                    ? { range: ['#6BA4EE', '#EEA361'] }
-                    : { range: ['#1A73E8', '#E8710A'] }
-                : { range: ['#C2D5EE', '#1A73E8'] };
-        case 'nominal':
-            return hasOverlappingText
-                ? {
-                    range: [
-                        '#6BA4EE',
-                        '#66CEDC',
-                        '#EC72B8',
-                        '#EEA361',
-                        '#F9C85B',
-                        '#AACD85',
-                        '#B87CED',
-                        '#ACB0B3',
-                    ],
-                }
-                : {
-                    range: [
-                        '#1A73E8',
-                        '#12B5CB',
-                        '#E52592',
-                        '#E8710A',
-                        '#F9AB00',
-                        '#7CB342',
-                        '#9334E6',
-                        '#80868B',
-                    ],
-                };
-    }
-}
-exports.getColorScale = getColorScale;
-function numberFixedDigits(value, digits) {
-    return value.toString().padStart(digits, '0');
-}
-function timeToString(time, timeframe, timezone) {
-    timeframe || (timeframe = malloy_1.TimestampTimeframe.Second);
-    let shouldNormalize = false;
-    switch (timeframe) {
-        case malloy_1.TimestampTimeframe.Hour:
-        case malloy_1.TimestampTimeframe.Minute:
-        case malloy_1.TimestampTimeframe.Second:
-            shouldNormalize = true;
-            break;
-    }
-    const dateTime = luxon_1.DateTime.fromJSDate(time, {
-        zone: shouldNormalize && timezone ? timezone : 'UTC',
-    });
-    switch (timeframe) {
-        case malloy_1.TimestampTimeframe.Year:
-        case malloy_1.DateTimeframe.Year: {
-            const year = numberFixedDigits(dateTime.year, 4);
-            return `${year}`;
-        }
-        case malloy_1.TimestampTimeframe.Quarter:
-        case malloy_1.DateTimeframe.Quarter: {
-            const year = numberFixedDigits(dateTime.year, 4);
-            const quarter = Math.floor(dateTime.month / 3) + 1;
-            return `${year}-Q${quarter}`;
-        }
-        case malloy_1.TimestampTimeframe.Month:
-        case malloy_1.DateTimeframe.Month: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            return `${year}-${month}`;
-        }
-        case malloy_1.TimestampTimeframe.Week:
-        case malloy_1.DateTimeframe.Week: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            const day = numberFixedDigits(dateTime.day, 2);
-            return `WK${year}-${month}-${day}`;
-        }
-        case malloy_1.DateTimeframe.Day:
-        case malloy_1.TimestampTimeframe.Day: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            const day = numberFixedDigits(dateTime.day, 2);
-            return `${year}-${month}-${day}`;
-        }
-        case malloy_1.TimestampTimeframe.Hour: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            const day = numberFixedDigits(dateTime.day, 2);
-            const hour = numberFixedDigits(dateTime.hour, 2);
-            return `${year}-${month}-${day} ${hour}:00 for 1 hour`;
-        }
-        case malloy_1.TimestampTimeframe.Minute: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            const day = numberFixedDigits(dateTime.day, 2);
-            const hour = numberFixedDigits(dateTime.hour, 2);
-            const minute = numberFixedDigits(dateTime.minute, 2);
-            return `${year}-${month}-${day} ${hour}:${minute}`;
-        }
-        case malloy_1.TimestampTimeframe.Second: {
-            const year = numberFixedDigits(dateTime.year, 2);
-            const month = numberFixedDigits(dateTime.month, 2);
-            const day = numberFixedDigits(dateTime.day, 2);
-            const hour = numberFixedDigits(dateTime.hour, 2);
-            const minute = numberFixedDigits(dateTime.minute, 2);
-            const second = numberFixedDigits(dateTime.second, 2);
-            return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
-        }
-        default:
-            throw new Error('Unknown timeframe.');
-    }
-}
-exports.timeToString = timeToString;
-function normalizeToTimezone(date, timezone) {
-    const dateTime = luxon_1.DateTime.fromJSDate(date, {
-        zone: timezone !== null && timezone !== void 0 ? timezone : 'UTC',
-    });
-    return new Date(dateTime.year, dateTime.month - 1, dateTime.day, dateTime.hour, dateTime.minute, dateTime.second, dateTime.millisecond);
-}
-exports.normalizeToTimezone = normalizeToTimezone;
-/**
- * Use this function to break up expensive computation over multiple tasks.
- *
- * @return A promise, which when awaited, puts subsequent code in a separate task.
- *
- * This is useful for cases when expensive code needs to run "concurrently" with a
- * rendering / UI task. Sprinkling in `yieldTask`s into a long task allows other
- * tasks to run periodically.
- */
-let LAST_YIELD_TIME = undefined;
-const YIELD_DEBOUNCE = 100; // milliseconds
-async function yieldTask() {
-    const currentTime = Date.now();
-    // We don't actually yield every time the function is called, because that can add a lot of
-    // overhead in terms of new tasks. Instead, we debounce yielding to once every 100ms.
-    if (LAST_YIELD_TIME && currentTime < LAST_YIELD_TIME + YIELD_DEBOUNCE) {
-        return;
-    }
-    LAST_YIELD_TIME = currentTime;
-    return new Promise(resolve => {
-        setTimeout(resolve, 0);
-    });
-}
-exports.yieldTask = yieldTask;
-function createErrorElement(document, error) {
-    const element = document.createElement('span');
-    element.classList.add('error');
-    element.appendChild(document.createTextNode(typeof error === 'string' ? error : error.message));
-    return element;
-}
-exports.createErrorElement = createErrorElement;
-function createNullElement(document) {
-    const element = document.createElement('span');
-    element.appendChild(document.createTextNode('∅'));
-    element.classList.add('value-null');
-    return element;
-}
-exports.createNullElement = createNullElement;
-function createDrillIcon(document) {
-    const drill = document.createElement('div');
-    drill.classList.add('drill-icon');
-    drill.innerHTML = `
-  <style>
-    .drill-icon:hover .copy-circle {
-      fill: #eef7f9;
-    }
-
-    .drill-icon:active .copy-circle {
-      fill: #cfe9f0;
-    }
-
-    .drill-icon:hover .copy-icon,
-    .drill-icon:active .copy-icon {
-      fill: #53b2c8;
-    }
-  </style>
-  <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <circle cx="12" cy="12" r="12" fill="none" class="copy-circle" />
-        <svg
-          x="6"
-          y="6"
-          width="12"
-          height="14"
-          viewBox="0 0 12 14"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M4 10.6667C3.63333 10.6667 3.31944 10.5361 3.05833 10.275C2.79722 10.0139 2.66667 9.7 2.66667 9.33333V1.33333C2.66667 0.966667 2.79722 0.652778 3.05833 0.391667C3.31944 0.130556 3.63333 0 4 0H10C10.3667 0 10.6806 0.130556 10.9417 0.391667C11.2028 0.652778 11.3333 0.966667 11.3333 1.33333V9.33333C11.3333 9.7 11.2028 10.0139 10.9417 10.275C10.6806 10.5361 10.3667 10.6667 10 10.6667H4ZM4 9.33333H10V1.33333H4V9.33333ZM1.33333 13.3333C0.966667 13.3333 0.652778 13.2028 0.391667 12.9417C0.130556 12.6806 0 12.3667 0 12V2.66667H1.33333V12H8.66667V13.3333H1.33333Z"
-            fill="#E7E7E7"
-            class="copy-icon"
-          />
-        </svg>
-      </svg>`;
-    return drill;
-}
-exports.createDrillIcon = createDrillIcon;
-function formatTitle(options, field, renderDef, timezone) {
-    var _a;
-    const label = ((_a = renderDef === null || renderDef === void 0 ? void 0 : renderDef.data) === null || _a === void 0 ? void 0 : _a.label) || field.name;
-    let title = options.titleCase ? (0, startCase_1.default)(label) : label;
-    if (field.isAtomicField() &&
-        (field.isDate() || field.isTimestamp()) &&
-        timezone) {
-        title = `${title} (${timezone})`;
-    }
-    return title;
-}
-exports.formatTitle = formatTitle;
-function getParentRecord(data, n = 0) {
-    let record = data;
-    while (n > 0 && record.parentRecord) {
-        n -= 1;
-        record = record.parentRecord;
-    }
-    return record;
-}
-exports.getParentRecord = getParentRecord;
-function getDynamicValue({ tag, data, }) {
-    var _a, _b, _c;
-    const match = (_b = (_a = tag
-        .tag('field')) === null || _a === void 0 ? void 0 : _a.text()) === null || _b === void 0 ? void 0 : _b.match(/^(\^*)(.*)/);
-    if (!match)
-        return undefined;
-    const [, parentScoping, fieldName] = match;
-    const ancestorCt = parentScoping.length;
-    const scope = getParentRecord(data, ancestorCt);
-    if ('cell' in scope)
-        return (_c = scope.cell(fieldName)) === null || _c === void 0 ? void 0 : _c.value;
-    return undefined;
-}
-exports.getDynamicValue = getDynamicValue;
-//# sourceMappingURL=utils.js.map