@buildcanada/charts 0.3.6 → 0.3.8

package/dist/grapher/lineCharts/LineChartState.js

@@ -0,0 +1,356 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import * as _ from "lodash-es";
+import * as R from "remeda";
+import { computed, makeObservable } from "mobx";
+import {
+  ScaleType,
+  SeriesStrategy,
+  FacetStrategy,
+  MissingDataStrategy,
+  ColorSchemeName
+} from "../../types/index.js";
+import { ColorSchemes } from "../color/ColorSchemes.js";
+import {
+  DEFAULT_LINE_COLOR
+} from "./LineChartConstants.js";
+import {
+  isNotErrorValue
+} from "../../core-table/index.js";
+import {
+  autoDetectSeriesStrategy,
+  autoDetectYColumnSlugs,
+  getDefaultFailMessage,
+  getShortNameForEntity,
+  makeSelectionArray
+} from "../chart/ChartUtils.js";
+import { ColorScale } from "../color/ColorScale.js";
+import { ColorScaleConfig } from "../color/ColorScaleConfig.js";
+import { NO_DATA_GRAY } from "../color/ColorConstants.js";
+import { CategoricalColorAssigner } from "../color/CategoricalColorAssigner.js";
+import { getColorKey, getDisplayName, getSeriesName } from "./LineChartHelpers.js";
+import { FocusArray } from "../focus/FocusArray.js";
+class LineChartState {
+  constructor({ manager }) {
+    this.defaultBaseColorScheme = ColorSchemeName.DistinctLines;
+    this.defaultNoDataColor = NO_DATA_GRAY;
+    this.manager = manager;
+    this.colorScale = manager.colorScaleOverride ?? new ColorScale(this);
+    makeObservable(this);
+  }
+  get inputTable() {
+    return this.manager.table;
+  }
+  get transformedTableFromGrapher() {
+    return this.manager.transformedTable ?? this.transformTable(this.inputTable);
+  }
+  get transformedTable() {
+    let table = this.transformedTableFromGrapher;
+    const { isRelativeMode, startTime } = this.manager;
+    if (isRelativeMode && startTime !== void 0) {
+      table = table.toTotalGrowthForEachColumnComparedToStartTime(
+        startTime,
+        this.manager.yColumnSlugs ?? []
+      );
+    }
+    return table;
+  }
+  transformTable(table) {
+    table = table.filterByEntityNames(
+      this.selectionArray.selectedEntityNames
+    );
+    table = table.replaceNonNumericCellsWithErrorValues(this.yColumnSlugs);
+    if (this.isLogScale)
+      table = table.replaceNonPositiveCellsForLogScale(this.yColumnSlugs);
+    if (this.colorColumnSlug) {
+      table = table.replaceNonNumericCellsWithErrorValues([this.colorColumnSlug]).interpolateColumnWithTolerance(this.colorColumnSlug);
+    }
+    if (this.missingDataStrategy === MissingDataStrategy.hide && table.hasAnyColumnNoValidValue(this.yColumnSlugs)) {
+      table = table.dropAllRows();
+    }
+    return table;
+  }
+  transformTableForSelection(table) {
+    if (this.missingDataStrategy === MissingDataStrategy.hide) {
+      table = table.replaceNonNumericCellsWithErrorValues(this.yColumnSlugs).dropEntitiesThatHaveNoDataInSomeColumn(this.yColumnSlugs);
+    }
+    return table;
+  }
+  get selectionArray() {
+    return makeSelectionArray(this.manager.selection);
+  }
+  get focusArray() {
+    return this.manager.focusArray ?? new FocusArray();
+  }
+  get isFocusModeActive() {
+    return this.focusArray.hasFocusedSeries;
+  }
+  get yColumnSlugs() {
+    return autoDetectYColumnSlugs(this.manager);
+  }
+  get colorColumnSlug() {
+    return this.manager.numericColorColumnSlug;
+  }
+  get yColumns() {
+    return this.yColumnSlugs.map((slug) => this.transformedTable.get(slug));
+  }
+  get formatColumn() {
+    return this.yColumns[0];
+  }
+  get colorColumn() {
+    return this.transformedTable.get(this.colorColumnSlug);
+  }
+  get isLogScale() {
+    return this.manager.yAxisConfig?.scaleType === ScaleType.log;
+  }
+  get colorScheme() {
+    return (this.manager.baseColorScheme ? ColorSchemes.get(this.manager.baseColorScheme) : null) ?? ColorSchemes.get(this.defaultBaseColorScheme);
+  }
+  get colorScaleColumn() {
+    return (
+      // For faceted charts, we have to get the values of inputTable before it's filtered by
+      // the faceting logic.
+      this.manager.colorScaleColumnOverride ?? // We need to use inputTable in order to get consistent coloring for a variable across
+      // charts, e.g. each continent being assigned to the same color.
+      // inputTable is unfiltered, so it contains every value that exists in the variable.
+      this.inputTable.get(this.colorColumnSlug)
+    );
+  }
+  get colorScaleConfig() {
+    return ColorScaleConfig.fromDSL(this.colorColumn.def) ?? this.manager.colorScale;
+  }
+  get categoricalColorAssigner() {
+    return new CategoricalColorAssigner({
+      colorScheme: this.colorScheme,
+      invertColorScheme: this.manager.invertColorScheme,
+      colorMap: this.seriesStrategy === SeriesStrategy.entity ? this.inputTable.entityNameColorIndex : this.inputTable.columnDisplayNameToColorMap,
+      autoColorMapCache: this.manager.seriesColorMap
+    });
+  }
+  get hasColorScale() {
+    return !this.colorColumn.isMissing;
+  }
+  getColorScaleColor(value) {
+    return this.colorScale.getColor(value) ?? DEFAULT_LINE_COLOR;
+  }
+  get hasNoDataBin() {
+    if (!this.hasColorScale) return false;
+    return this.colorColumn.valuesIncludingErrorValues.some(
+      (value) => !isNotErrorValue(value)
+    );
+  }
+  get missingDataStrategy() {
+    return this.manager.missingDataStrategy || MissingDataStrategy.auto;
+  }
+  get seriesStrategy() {
+    return autoDetectSeriesStrategy(this.manager, true);
+  }
+  get series() {
+    const series = this.yColumns.flatMap(
+      (col) => col.uniqEntityNames.map(
+        (entityName) => this.constructSingleSeries(entityName, col)
+      )
+    );
+    const { selectedEntityNames } = this.selectionArray;
+    const entityIndex = new Map(
+      selectedEntityNames.map((name, index) => [name, index])
+    );
+    const sortedSeries = _.sortBy(
+      series,
+      (series2) => entityIndex.get(series2.seriesName)
+    );
+    return sortedSeries;
+  }
+  get availableFacetStrategies() {
+    const strategies = [FacetStrategy.none];
+    if (this.selectionArray.numSelectedEntities > 1)
+      strategies.push(FacetStrategy.entity);
+    const numNonProjectionColumns = this.yColumns.filter(
+      (c) => !c.display?.isProjection
+    ).length;
+    if (numNonProjectionColumns > 1) strategies.push(FacetStrategy.metric);
+    return strategies;
+  }
+  constructSingleSeries(entityName, column) {
+    const {
+      manager: { canSelectMultipleEntities },
+      transformedTable: { availableEntityNames },
+      seriesStrategy,
+      hasColorScale,
+      colorColumn
+    } = this;
+    const timeValues = column.originalTimeColumn.valuesIncludingErrorValues;
+    const values = column.valuesIncludingErrorValues;
+    const colorValues = colorColumn.valuesIncludingErrorValues;
+    const rowIndexes = _.sortedUniqBy(
+      this.transformedTable.rowIndicesByEntityName.get(entityName).filter((index) => _.isNumber(values[index])),
+      (index) => timeValues[index]
+    );
+    const points = rowIndexes.map((index) => {
+      const point = {
+        x: timeValues[index],
+        y: values[index]
+      };
+      if (hasColorScale) {
+        const colorValue = colorValues[index];
+        point.colorValue = isNotErrorValue(colorValue) ? colorValue : void 0;
+      }
+      return point;
+    });
+    const columnName = column.nonEmptyDisplayName;
+    const hasMultipleEntitiesSelected = availableEntityNames.length > 1;
+    const seriesName = getSeriesName({
+      entityName,
+      columnName,
+      seriesStrategy,
+      hasMultipleEntitiesSelected,
+      allowsMultiEntitySelection: canSelectMultipleEntities
+    });
+    const shortEntityName = getShortNameForEntity(entityName);
+    const displayName = getDisplayName({
+      entityName: shortEntityName ?? entityName,
+      columnName,
+      seriesStrategy,
+      hasMultipleEntitiesSelected
+    });
+    let seriesColor;
+    if (hasColorScale) {
+      const colorValue = R.last(points)?.colorValue;
+      seriesColor = this.getColorScaleColor(colorValue);
+    } else {
+      seriesColor = this.categoricalColorAssigner.assign(
+        getColorKey({
+          entityName,
+          columnName,
+          seriesStrategy,
+          hasMultipleEntitiesSelected
+        })
+      );
+    }
+    return {
+      points,
+      seriesName,
+      entityName,
+      columnName,
+      displayName,
+      isProjection: column.isProjection,
+      plotMarkersOnly: column.display?.plotMarkersOnlyInLineChart,
+      color: seriesColor,
+      focus: this.focusArray.state(seriesName)
+    };
+  }
+  toHorizontalAxis(config) {
+    const axis = config.toHorizontalAxis();
+    axis.updateDomainPreservingUserSettings(
+      this.transformedTable.timeDomainFor(this.yColumnSlugs)
+    );
+    axis.scaleType = ScaleType.linear;
+    axis.formatColumn = this.inputTable.timeColumn;
+    axis.hideFractionalTicks = true;
+    return axis;
+  }
+  toVerticalAxis(config) {
+    const axis = config.toVerticalAxis();
+    const yDomain = this.transformedTable.domainFor(this.yColumnSlugs);
+    axis.updateDomainPreservingUserSettings([
+      Math.min(axis.domain[0], yDomain[0]),
+      Math.max(axis.domain[1], yDomain[1])
+    ]);
+    axis.hideFractionalTicks = this.yColumns.every(
+      (yColumn) => yColumn.isAllIntegers
+    );
+    axis.label = "";
+    axis.formatColumn = this.formatColumn;
+    return axis;
+  }
+  get errorInfo() {
+    const message = getDefaultFailMessage(this.manager);
+    if (message) return { reason: message };
+    const { entityTypePlural = "entities" } = this.manager;
+    if (!this.series.length)
+      return {
+        reason: `No data for the selected ${entityTypePlural}`
+      };
+    return { reason: "" };
+  }
+}
+__decorateClass([
+  computed
+], LineChartState.prototype, "inputTable", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "transformedTableFromGrapher", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "transformedTable", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "selectionArray", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "focusArray", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "isFocusModeActive", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "yColumnSlugs", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "colorColumnSlug", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "yColumns", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "formatColumn", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "colorColumn", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "isLogScale", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "colorScheme", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "colorScaleColumn", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "colorScaleConfig", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "categoricalColorAssigner", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "hasColorScale", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "hasNoDataBin", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "missingDataStrategy", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "seriesStrategy", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "series", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "availableFacetStrategies", 1);
+__decorateClass([
+  computed
+], LineChartState.prototype, "errorInfo", 1);
+export {
+  LineChartState
+};

package/dist/grapher/lineCharts/LineChartState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/lineCharts/LineChartState.ts"],
+  "sourcesContent": ["import * as _ from \"lodash-es\"\nimport * as R from \"remeda\"\nimport { Color } from \"../../utils/index.js\"\nimport { computed, makeObservable } from \"mobx\"\nimport {\n    ScaleType,\n    EntityName,\n    SeriesStrategy,\n    FacetStrategy,\n    CoreValueType,\n    MissingDataStrategy,\n    ColorScaleConfigInterface,\n    ColorSchemeName,\n    ChartErrorInfo,\n} from \"../../types/index.js\"\nimport { ColorSchemes } from \"../color/ColorSchemes.js\"\nimport { ChartState } from \"../chart/ChartInterface.js\"\nimport {\n    LineChartSeries,\n    LineChartManager,\n    LinePoint,\n    DEFAULT_LINE_COLOR,\n} from \"./LineChartConstants.js\"\nimport {\n    ChartsTable,\n    CoreColumn,\n    isNotErrorValue,\n} from \"../../core-table/index.js\"\nimport {\n    autoDetectSeriesStrategy,\n    autoDetectYColumnSlugs,\n    getDefaultFailMessage,\n    getShortNameForEntity,\n    makeSelectionArray,\n} from \"../chart/ChartUtils.js\"\nimport { ColorScheme } from \"../color/ColorScheme.js\"\nimport { SelectionArray } from \"../selection/SelectionArray.js\"\nimport { ColorScale, ColorScaleManager } from \"../color/ColorScale.js\"\nimport { ColorScaleConfig } from \"../color/ColorScaleConfig.js\"\nimport { NO_DATA_GRAY } from \"../color/ColorConstants.js\"\nimport { CategoricalColorAssigner } from \"../color/CategoricalColorAssigner.js\"\nimport { getColorKey, getDisplayName, getSeriesName } from \"./LineChartHelpers.js\"\nimport { FocusArray } from \"../focus/FocusArray.js\"\nimport { AxisConfig } from \"../axis/AxisConfig.js\"\nimport { HorizontalAxis, VerticalAxis } from \"../axis/Axis.js\"\n\nexport class LineChartState implements ChartState, ColorScaleManager {\n    manager: LineChartManager\n\n    colorScale: ColorScale\n    defaultBaseColorScheme = ColorSchemeName.DistinctLines\n    defaultNoDataColor = NO_DATA_GRAY\n\n    constructor({ manager }: { manager: LineChartManager }) {\n        this.manager = manager\n        this.colorScale = manager.colorScaleOverride ?? new ColorScale(this)\n        makeObservable(this)\n    }\n\n    @computed get inputTable(): ChartsTable {\n        return this.manager.table\n    }\n\n    @computed get transformedTableFromGrapher(): ChartsTable {\n        return (\n            this.manager.transformedTable ??\n            this.transformTable(this.inputTable)\n        )\n    }\n\n    @computed get transformedTable(): ChartsTable {\n        let table = this.transformedTableFromGrapher\n        // The % growth transform cannot be applied in transformTable() because it will filter out\n        // any rows before startHandleTimeBound and change the timeline bounds.\n        const { isRelativeMode, startTime } = this.manager\n        if (isRelativeMode && startTime !== undefined) {\n            table = table.toTotalGrowthForEachColumnComparedToStartTime(\n                startTime,\n                this.manager.yColumnSlugs ?? []\n            )\n        }\n        return table\n    }\n\n    transformTable(table: ChartsTable): ChartsTable {\n        table = table.filterByEntityNames(\n            this.selectionArray.selectedEntityNames\n        )\n\n        // TODO: remove this filter once we don't have mixed type columns in datasets\n        // Currently we set skipParsing=true on these columns to be backwards-compatible\n        table = table.replaceNonNumericCellsWithErrorValues(this.yColumnSlugs)\n\n        if (this.isLogScale)\n            table = table.replaceNonPositiveCellsForLogScale(this.yColumnSlugs)\n\n        if (this.colorColumnSlug) {\n            table = table\n                // TODO: remove this filter once we don't have mixed type columns in datasets\n                // Currently we set skipParsing=true on these columns to be backwards-compatible\n                .replaceNonNumericCellsWithErrorValues([this.colorColumnSlug])\n                .interpolateColumnWithTolerance(this.colorColumnSlug)\n        }\n\n        // drop all data when the author chose to hide entities with missing data and\n        // at least one of the variables has no data for the current entity\n        if (\n            this.missingDataStrategy === MissingDataStrategy.hide &&\n            table.hasAnyColumnNoValidValue(this.yColumnSlugs)\n        ) {\n            table = table.dropAllRows()\n        }\n\n        return table\n    }\n\n    transformTableForSelection(table: ChartsTable): ChartsTable {\n        // if entities with partial data are not plotted,\n        // make sure they don't show up in the entity selector\n        if (this.missingDataStrategy === MissingDataStrategy.hide) {\n            table = table\n                .replaceNonNumericCellsWithErrorValues(this.yColumnSlugs)\n                .dropEntitiesThatHaveNoDataInSomeColumn(this.yColumnSlugs)\n        }\n\n        return table\n    }\n\n    @computed get selectionArray(): SelectionArray {\n        return makeSelectionArray(this.manager.selection)\n    }\n\n    @computed get focusArray(): FocusArray {\n        return this.manager.focusArray ?? new FocusArray()\n    }\n\n    @computed get isFocusModeActive(): boolean {\n        return this.focusArray.hasFocusedSeries\n    }\n\n    @computed get yColumnSlugs(): string[] {\n        return autoDetectYColumnSlugs(this.manager)\n    }\n\n    @computed get colorColumnSlug(): string | undefined {\n        // Line charts only support numeric variables as color dimension\n        return this.manager.numericColorColumnSlug\n    }\n\n    @computed get yColumns(): CoreColumn[] {\n        return this.yColumnSlugs.map((slug) => this.transformedTable.get(slug))\n    }\n\n    @computed get formatColumn(): CoreColumn {\n        return this.yColumns[0]\n    }\n\n    @computed get colorColumn(): CoreColumn {\n        return this.transformedTable.get(this.colorColumnSlug)\n    }\n\n    @computed get isLogScale(): boolean {\n        return this.manager.yAxisConfig?.scaleType === ScaleType.log\n    }\n\n    @computed get colorScheme(): ColorScheme {\n        return (\n            (this.manager.baseColorScheme\n                ? ColorSchemes.get(this.manager.baseColorScheme)\n                : null) ?? ColorSchemes.get(this.defaultBaseColorScheme)\n        )\n    }\n\n    @computed get colorScaleColumn(): CoreColumn {\n        return (\n            // For faceted charts, we have to get the values of inputTable before it's filtered by\n            // the faceting logic.\n            this.manager.colorScaleColumnOverride ?? // We need to use inputTable in order to get consistent coloring for a variable across\n            // charts, e.g. each continent being assigned to the same color.\n            // inputTable is unfiltered, so it contains every value that exists in the variable.\n            this.inputTable.get(this.colorColumnSlug)\n        )\n    }\n\n    @computed get colorScaleConfig(): ColorScaleConfigInterface | undefined {\n        return (\n            ColorScaleConfig.fromDSL(this.colorColumn.def) ??\n            this.manager.colorScale\n        )\n    }\n\n    @computed get categoricalColorAssigner(): CategoricalColorAssigner {\n        return new CategoricalColorAssigner({\n            colorScheme: this.colorScheme,\n            invertColorScheme: this.manager.invertColorScheme,\n            colorMap:\n                this.seriesStrategy === SeriesStrategy.entity\n                    ? this.inputTable.entityNameColorIndex\n                    : this.inputTable.columnDisplayNameToColorMap,\n            autoColorMapCache: this.manager.seriesColorMap,\n        })\n    }\n\n    @computed get hasColorScale(): boolean {\n        return !this.colorColumn.isMissing\n    }\n\n    getColorScaleColor(value: CoreValueType | undefined): Color {\n        return this.colorScale.getColor(value) ?? DEFAULT_LINE_COLOR\n    }\n\n    @computed get hasNoDataBin(): boolean {\n        if (!this.hasColorScale) return false\n        return this.colorColumn.valuesIncludingErrorValues.some(\n            (value) => !isNotErrorValue(value)\n        )\n    }\n\n    @computed get missingDataStrategy(): MissingDataStrategy {\n        return this.manager.missingDataStrategy || MissingDataStrategy.auto\n    }\n\n    @computed get seriesStrategy(): SeriesStrategy {\n        return autoDetectSeriesStrategy(this.manager, true)\n    }\n\n    @computed get series(): readonly LineChartSeries[] {\n        const series = this.yColumns.flatMap((col) =>\n            col.uniqEntityNames.map(\n                (entityName): LineChartSeries =>\n                    this.constructSingleSeries(entityName, col)\n            )\n        )\n\n        // The lines should be plotted in the order of the selected entities\n        const { selectedEntityNames } = this.selectionArray\n        const entityIndex = new Map(\n            selectedEntityNames.map((name, index) => [name, index])\n        )\n        const sortedSeries = _.sortBy(series, (series) =>\n            entityIndex.get(series.seriesName)\n        )\n\n        return sortedSeries\n    }\n\n    @computed get availableFacetStrategies(): FacetStrategy[] {\n        const strategies: FacetStrategy[] = [FacetStrategy.none]\n\n        if (this.selectionArray.numSelectedEntities > 1)\n            strategies.push(FacetStrategy.entity)\n\n        const numNonProjectionColumns = this.yColumns.filter(\n            (c) => !c.display?.isProjection\n        ).length\n        if (numNonProjectionColumns > 1) strategies.push(FacetStrategy.metric)\n\n        return strategies\n    }\n\n    private constructSingleSeries(\n        entityName: EntityName,\n        column: CoreColumn\n    ): LineChartSeries {\n        const {\n            manager: { canSelectMultipleEntities },\n            transformedTable: { availableEntityNames },\n            seriesStrategy,\n            hasColorScale,\n            colorColumn,\n        } = this\n\n        // Construct the points\n        const timeValues = column.originalTimeColumn.valuesIncludingErrorValues\n        const values = column.valuesIncludingErrorValues\n        const colorValues = colorColumn.valuesIncludingErrorValues\n        // If Y and Color are the same column, we need to get rid of any duplicate rows.\n        // Duplicates occur because Y doesn't have tolerance applied, but Color does.\n        const rowIndexes = _.sortedUniqBy(\n            this.transformedTable.rowIndicesByEntityName\n                .get(entityName)!\n                .filter((index) => _.isNumber(values[index])),\n            (index) => timeValues[index]\n        )\n        const points = rowIndexes.map((index) => {\n            const point: LinePoint = {\n                x: timeValues[index] as number,\n                y: values[index] as number,\n            }\n            if (hasColorScale) {\n                const colorValue = colorValues[index]\n                point.colorValue = isNotErrorValue(colorValue)\n                    ? colorValue\n                    : undefined\n            }\n            return point\n        })\n\n        // Construct series properties\n        const columnName = column.nonEmptyDisplayName\n        const hasMultipleEntitiesSelected = availableEntityNames.length > 1\n        const seriesName = getSeriesName({\n            entityName,\n            columnName,\n            seriesStrategy,\n            hasMultipleEntitiesSelected,\n            allowsMultiEntitySelection: canSelectMultipleEntities,\n        })\n        const shortEntityName = getShortNameForEntity(entityName)\n        const displayName = getDisplayName({\n            entityName: shortEntityName ?? entityName,\n            columnName,\n            seriesStrategy,\n            hasMultipleEntitiesSelected,\n        })\n\n        let seriesColor: Color\n        if (hasColorScale) {\n            const colorValue = R.last(points)?.colorValue\n            seriesColor = this.getColorScaleColor(colorValue)\n        } else {\n            seriesColor = this.categoricalColorAssigner.assign(\n                getColorKey({\n                    entityName,\n                    columnName,\n                    seriesStrategy,\n                    hasMultipleEntitiesSelected,\n                })\n            )\n        }\n\n        return {\n            points,\n            seriesName,\n            entityName,\n            columnName,\n            displayName,\n            isProjection: column.isProjection,\n            plotMarkersOnly: column.display?.plotMarkersOnlyInLineChart,\n            color: seriesColor,\n            focus: this.focusArray.state(seriesName),\n        }\n    }\n\n    toHorizontalAxis(config: AxisConfig): HorizontalAxis {\n        const axis = config.toHorizontalAxis()\n\n        // Update domain\n        axis.updateDomainPreservingUserSettings(\n            this.transformedTable.timeDomainFor(this.yColumnSlugs)\n        )\n\n        axis.scaleType = ScaleType.linear\n        axis.formatColumn = this.inputTable.timeColumn\n        axis.hideFractionalTicks = true\n\n        return axis\n    }\n\n    toVerticalAxis(config: AxisConfig): VerticalAxis {\n        const axis = config.toVerticalAxis()\n\n        // Update domain\n        const yDomain = this.transformedTable.domainFor(this.yColumnSlugs)\n        axis.updateDomainPreservingUserSettings([\n            Math.min(axis.domain[0], yDomain[0]),\n            Math.max(axis.domain[1], yDomain[1]),\n        ])\n\n        // All y axis points are integral, don't show fractional ticks in that case\n        axis.hideFractionalTicks = this.yColumns.every(\n            (yColumn) => yColumn.isAllIntegers\n        )\n\n        // Line charts don't have a y-axis label\n        axis.label = \"\"\n\n        axis.formatColumn = this.formatColumn\n\n        return axis\n    }\n\n    @computed get errorInfo(): ChartErrorInfo {\n        const message = getDefaultFailMessage(this.manager)\n        if (message) return { reason: message }\n\n        const { entityTypePlural = \"entities\" } = this.manager\n        if (!this.series.length)\n            return {\n                reason: `No data for the selected ${entityTypePlural}`,\n            }\n        return { reason: \"\" }\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["series"]
+}

package/dist/grapher/lineCharts/LineChartThumbnail.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { ChartInterface } from "../chart/ChartInterface.js";
+import { LineChartState } from "./LineChartState.js";
+import { LineChartProps } from "./LineChart.js";
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js";
+import { PlacedLineChartSeries } from "./LineChartConstants.js";
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js";
+export declare class LineChartThumbnail extends React.Component<LineChartProps> implements ChartInterface, AxisManager {
+    constructor(props: LineChartProps);
+    get chartState(): LineChartState;
+    private get manager();
+    private get bounds();
+    private get innerBounds();
+    get fontSize(): number;
+    get yAxisConfig(): AxisConfig;
+    private get xAxisConfig();
+    private get horizontalAxisPart();
+    private get verticalAxisPart();
+    get dualAxis(): DualAxis;
+    get xAxis(): HorizontalAxis;
+    get yAxis(): VerticalAxis;
+    get placedSeries(): PlacedLineChartSeries[];
+    private get renderSeries();
+    /** Start points displayed as dots */
+    private get visibleStartPoints();
+    /** End points displayed as dots */
+    private get visibleEndPoints();
+    get outerBoundsVerticalAxis(): VerticalAxis;
+    private get labelFontSize();
+    private formatLabel;
+    private get hasProjectedSeries();
+    private get labelsRange();
+    private get endLabelsState();
+    private get startLabelsState();
+    private get endLabelsWidth();
+    private get startLabelsWidth();
+    private get paddedEndLabelsWidth();
+    private get paddedStartLabelsWidth();
+    private get visibleStartLabels();
+    private get visibleEndLabels();
+    render(): React.ReactElement;
+}
+//# sourceMappingURL=LineChartThumbnail.d.ts.map

package/dist/grapher/lineCharts/LineChartThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartThumbnail.d.ts","sourceRoot":"","sources":["../../../src/grapher/lineCharts/LineChartThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAEH,qBAAqB,EAGxB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAwB/D,qBACa,kBACT,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CACtC,YAAW,cAAc,EAAE,WAAW;gBAE1B,KAAK,EAAE,cAAc;IAKjC,IAAc,UAAU,IAAI,cAAc,CAEzC;IAES,OAAO,KAAK,OAAO,GAE5B;IAES,OAAO,KAAK,MAAM,GAE3B;IAES,OAAO,KAAK,WAAW,GAIhC;IAED,IAAc,QAAQ,IAAI,MAAM,CAE/B;IAED,IAAc,WAAW,IAAI,UAAU,CAKtC;IAES,OAAO,KAAK,WAAW,GAIhC;IAES,OAAO,KAAK,kBAAkB,GAEvC;IAES,OAAO,KAAK,gBAAgB,GAErC;IAED,IAAc,QAAQ,IAAI,QAAQ,CAMjC;IAED,IAAc,KAAK,IAAI,cAAc,CAEpC;IAED,IAAc,KAAK,IAAI,YAAY,CAElC;IAED,IAAc,YAAY,IAAI,qBAAqB,EAAE,CAKpD;IAES,OAAO,KAAK,YAAY,GAIjC;IAED,qCAAqC;IAC3B,OAAO,KAAK,kBAAkB,GAUvC;IAED,mCAAmC;IACzB,OAAO,KAAK,gBAAgB,GAWrC;IAGD,IAAc,uBAAuB,IAAI,YAAY,CAIpD;IAES,OAAO,KAAK,aAAa,GAElC;IAED,OAAO,CAAC,WAAW;IAMT,OAAO,KAAK,kBAAkB,GAEvC;IAES,OAAO,KAAK,WAAW,GAYhC;IAES,OAAO,KAAK,cAAc,GAkEnC;IAES,OAAO,KAAK,gBAAgB,GAwFrC;IAES,OAAO,KAAK,cAAc,GAEnC;IAES,OAAO,KAAK,gBAAgB,GAErC;IAES,OAAO,KAAK,oBAAoB,GAEzC;IAES,OAAO,KAAK,sBAAsB,GAI3C;IAES,OAAO,KAAK,kBAAkB,GAIvC;IAES,OAAO,KAAK,gBAAgB,GAIrC;IAEQ,MAAM,IAAI,KAAK,CAAC,YAAY;CAsDxC"}