@buildcanada/charts 0.3.7 → 0.3.8

package/dist/grapher/barCharts/DiscreteBarChartState.js

@@ -0,0 +1,327 @@
+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 { computed, makeObservable } from "mobx";
+import {
+  isNotErrorValue
+} from "../../core-table/index.js";
+import { ColorScale } from "../color/ColorScale.js";
+import {
+  autoDetectSeriesStrategy,
+  autoDetectYColumnSlugs,
+  getDefaultFailMessage,
+  getShortNameForEntity,
+  makeSelectionArray
+} from "../chart/ChartUtils.js";
+import {
+  getAnnotationsForSeries,
+  getAnnotationsMap
+} from "../lineCharts/LineChartHelpers.js";
+import {
+  ColorSchemeName,
+  FacetStrategy,
+  SeriesStrategy,
+  SortBy,
+  SortOrder
+} from "../../types/index.js";
+import { ERROR_COLOR, NO_DATA_GRAY } from "../color/ColorConstants.js";
+import { ColorSchemes } from "../color/ColorSchemes.js";
+import { ColorScaleConfig } from "../color/ColorScaleConfig.js";
+import { FocusArray } from "../focus/FocusArray.js";
+class DiscreteBarChartState {
+  constructor({ manager }) {
+    this.defaultBaseColorScheme = ColorSchemeName.SingleColorDenim;
+    this.defaultNoDataColor = NO_DATA_GRAY;
+    this.manager = manager;
+    this.colorScale = manager.colorScaleOverride ?? new ColorScale(this);
+    makeObservable(this);
+  }
+  get inputTable() {
+    return this.manager.table;
+  }
+  get transformedTable() {
+    return this.manager.transformedTable ?? this.transformTable(this.inputTable);
+  }
+  transformTable(table) {
+    if (!this.yColumnSlugs.length) return table;
+    table = table.filterByEntityNames(
+      this.selectionArray.selectedEntityNames
+    );
+    table = table.replaceNonNumericCellsWithErrorValues(this.yColumnSlugs);
+    table = table.dropRowsWithErrorValuesForAllColumns(this.yColumnSlugs);
+    this.yColumnSlugs.forEach((slug) => {
+      table = table.interpolateColumnWithTolerance(slug);
+    });
+    if (this.colorColumnSlug) {
+      table = table.replaceNonNumericCellsWithErrorValues([this.colorColumnSlug]).interpolateColumnWithTolerance(this.colorColumnSlug);
+    }
+    return table;
+  }
+  get selectionArray() {
+    return makeSelectionArray(this.manager.selection);
+  }
+  get focusArray() {
+    return this.manager.focusArray ?? new FocusArray();
+  }
+  get yColumnSlugs() {
+    return autoDetectYColumnSlugs(this.manager);
+  }
+  get colorColumnSlug() {
+    return this.manager.numericColorColumnSlug;
+  }
+  get colorColumn() {
+    return this.transformedTable.get(this.colorColumnSlug);
+  }
+  get yColumns() {
+    return this.transformedTable.getColumns(this.yColumnSlugs);
+  }
+  get formatColumn() {
+    return this.yColumns[0];
+  }
+  get annotationsMap() {
+    const yColumnSlug = this.yColumnSlugs[0];
+    if (!yColumnSlug) return void 0;
+    return getAnnotationsMap(this.inputTable, yColumnSlug);
+  }
+  get hasProjectedData() {
+    return this.series.some((series) => series.yColumn.isProjection);
+  }
+  get colorScheme() {
+    const defaultColorScheme = this.defaultBaseColorScheme;
+    const colorScheme = this.manager.baseColorScheme ?? defaultColorScheme;
+    return this.manager.hasLineChart || this.manager.hasSlopeChart ? ColorSchemes.get(defaultColorScheme) : ColorSchemes.get(colorScheme);
+  }
+  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 hasColorScale() {
+    return !this.colorColumn.isMissing;
+  }
+  get hasNoDataBin() {
+    if (!this.hasColorScale) return false;
+    return this.colorColumn.valuesIncludingErrorValues.some(
+      (value) => !isNotErrorValue(value)
+    );
+  }
+  get seriesStrategy() {
+    const autoStrategy = autoDetectSeriesStrategy(this.manager, true);
+    if (autoStrategy === SeriesStrategy.column && this.selectionArray.numSelectedEntities > 1) {
+      return SeriesStrategy.entity;
+    }
+    if (autoStrategy === SeriesStrategy.entity && this.selectionArray.numSelectedEntities === 1 && this.yColumns.length > 1) {
+      return SeriesStrategy.column;
+    }
+    return autoStrategy;
+  }
+  constructSeries(col, indexes) {
+    const { transformedTable, colorColumn, hasColorScale } = this;
+    const values = col.valuesIncludingErrorValues;
+    const originalTimes = col.originalTimeColumn.valuesIncludingErrorValues;
+    const entityNames = transformedTable.entityNameColumn.valuesIncludingErrorValues;
+    const colorValues = colorColumn.valuesIncludingErrorValues;
+    return indexes.map((index) => {
+      const isColumnStrategy = this.seriesStrategy === SeriesStrategy.column;
+      const seriesName = isColumnStrategy ? col.displayName : entityNames[index];
+      const colorValue = isNotErrorValue(colorValues[index]) ? colorValues[index] : void 0;
+      const color = hasColorScale ? this.colorScale.getColor(colorValue) : isColumnStrategy ? col.def.color : transformedTable.getColorForEntityName(
+        entityNames[index]
+      );
+      return {
+        yColumn: col,
+        seriesName,
+        value: values[index],
+        time: originalTimes[index],
+        colorValue,
+        color
+      };
+    });
+  }
+  get columnsAsSeries() {
+    return this.yColumns.flatMap(
+      (col) => this.constructSeries(col, col.validRowIndices.slice(0, 1))
+    );
+  }
+  get entitiesAsSeries() {
+    const col = this.yColumns[0];
+    return this.constructSeries(col, col.validRowIndices);
+  }
+  get sortConfig() {
+    return this.manager.sortConfig ?? {};
+  }
+  get sortedRawSeries() {
+    const raw = this.seriesStrategy === SeriesStrategy.entity ? this.entitiesAsSeries : this.columnsAsSeries;
+    let sortByFunc;
+    switch (this.sortConfig.sortBy) {
+      case SortBy.custom:
+        if (this.seriesStrategy === SeriesStrategy.entity) {
+          sortByFunc = (item) => this.selectionArray.selectedEntityNames.indexOf(
+            item.seriesName
+          );
+        } else {
+          sortByFunc = () => void 0;
+        }
+        break;
+      case SortBy.entityName:
+        sortByFunc = (item) => item.seriesName;
+        break;
+      default:
+      case SortBy.total:
+      case SortBy.column:
+        sortByFunc = (item) => item.value;
+        break;
+    }
+    const sortedSeries = _.sortBy(raw, sortByFunc);
+    const sortOrder = this.sortConfig.sortOrder ?? SortOrder.desc;
+    if (sortOrder === SortOrder.desc) return sortedSeries.toReversed();
+    else return sortedSeries;
+  }
+  get valuesToColorsMap() {
+    const { manager, colorScheme, sortedRawSeries } = this;
+    return colorScheme.getUniqValueColorMap(
+      _.uniq(sortedRawSeries.map((series) => series.value)),
+      !manager.invertColorScheme
+      // negate here to be consistent with how things worked before
+    );
+  }
+  get series() {
+    const series = this.sortedRawSeries.map((rawSeries) => {
+      const { value, time, colorValue, seriesName, color, yColumn } = rawSeries;
+      const series2 = {
+        yColumn,
+        value,
+        time,
+        colorValue,
+        seriesName,
+        entityName: seriesName,
+        shortEntityName: getShortNameForEntity(seriesName),
+        annotation: getAnnotationsForSeries(
+          this.annotationsMap,
+          seriesName
+        ),
+        // the error color should never be used but I prefer it here instead of throwing an exception if something goes wrong
+        color: color ?? this.valuesToColorsMap.get(value) ?? ERROR_COLOR,
+        focus: this.focusArray.state(seriesName)
+      };
+      return series2;
+    });
+    return series;
+  }
+  get availableFacetStrategies() {
+    if (this.yColumns.length > 1 && this.selectionArray.numSelectedEntities > 1) {
+      const uniqueUnits = new Set(
+        this.yColumns.map((column) => column.shortUnit)
+      );
+      if (uniqueUnits.size > 1) {
+        return [FacetStrategy.metric];
+      }
+      return [FacetStrategy.entity, FacetStrategy.metric];
+    }
+    return [FacetStrategy.none];
+  }
+  get errorInfo() {
+    const column = this.yColumns[0];
+    if (!column) return { reason: "No column to chart" };
+    const message = getDefaultFailMessage(this.manager);
+    if (message) return { reason: message };
+    const { entityTypePlural = "entities" } = this.manager;
+    return this.yColumns.every((col) => col.isEmpty) ? {
+      reason: `No data for the selected ${entityTypePlural}`
+    } : { reason: "" };
+  }
+}
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "inputTable", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "transformedTable", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "selectionArray", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "focusArray", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "yColumnSlugs", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "colorColumnSlug", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "colorColumn", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "yColumns", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "formatColumn", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "annotationsMap", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "hasProjectedData", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "colorScheme", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "colorScaleColumn", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "colorScaleConfig", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "hasColorScale", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "hasNoDataBin", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "seriesStrategy", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "columnsAsSeries", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "entitiesAsSeries", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "sortConfig", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "sortedRawSeries", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "valuesToColorsMap", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "series", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "availableFacetStrategies", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartState.prototype, "errorInfo", 1);
+export {
+  DiscreteBarChartState
+};

package/dist/grapher/barCharts/DiscreteBarChartState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/barCharts/DiscreteBarChartState.ts"],
+  "sourcesContent": ["import * as _ from \"lodash-es\"\nimport { computed, makeObservable } from \"mobx\"\nimport { ChartState } from \"../chart/ChartInterface.js\"\nimport {\n    DiscreteBarChartManager,\n    DiscreteBarItem,\n    DiscreteBarSeries,\n} from \"./DiscreteBarChartConstants.js\"\nimport {\n    CoreColumn,\n    isNotErrorValue,\n    ChartsTable,\n} from \"../../core-table/index.js\"\nimport { ColorScale, ColorScaleManager } from \"../color/ColorScale.js\"\nimport { SelectionArray } from \"../selection/SelectionArray.js\"\nimport {\n    autoDetectSeriesStrategy,\n    autoDetectYColumnSlugs,\n    getDefaultFailMessage,\n    getShortNameForEntity,\n    makeSelectionArray,\n} from \"../chart/ChartUtils.js\"\nimport {\n    AnnotationsMap,\n    getAnnotationsForSeries,\n    getAnnotationsMap,\n} from \"../lineCharts/LineChartHelpers.js\"\nimport {\n    ChartErrorInfo,\n    ColorScaleConfigInterface,\n    ColorSchemeName,\n    FacetStrategy,\n    SeriesStrategy,\n    SortBy,\n    SortConfig,\n    SortOrder,\n} from \"../../types/index.js\"\nimport { ERROR_COLOR, NO_DATA_GRAY } from \"../color/ColorConstants.js\"\nimport { ColorScheme } from \"../color/ColorScheme.js\"\nimport { ColorSchemes } from \"../color/ColorSchemes.js\"\nimport { ColorScaleConfig } from \"../color/ColorScaleConfig.js\"\nimport { FocusArray } from \"../focus/FocusArray.js\"\n\nexport class DiscreteBarChartState implements ChartState, ColorScaleManager {\n    manager: DiscreteBarChartManager\n\n    colorScale: ColorScale\n    defaultBaseColorScheme = ColorSchemeName.SingleColorDenim\n    defaultNoDataColor = NO_DATA_GRAY\n\n    constructor({ manager }: { manager: DiscreteBarChartManager }) {\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 transformedTable(): ChartsTable {\n        return (\n            this.manager.transformedTable ??\n            this.transformTable(this.inputTable)\n        )\n    }\n\n    transformTable(table: ChartsTable): ChartsTable {\n        if (!this.yColumnSlugs.length) return table\n\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        table = table.replaceNonNumericCellsWithErrorValues(this.yColumnSlugs)\n\n        table = table.dropRowsWithErrorValuesForAllColumns(this.yColumnSlugs)\n\n        this.yColumnSlugs.forEach((slug) => {\n            table = table.interpolateColumnWithTolerance(slug)\n        })\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        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 yColumnSlugs(): string[] {\n        return autoDetectYColumnSlugs(this.manager)\n    }\n\n    @computed get colorColumnSlug(): string | undefined {\n        // Discrete bar charts only support numeric variables as color dimension\n        return this.manager.numericColorColumnSlug\n    }\n\n    @computed get colorColumn(): CoreColumn {\n        return this.transformedTable.get(this.colorColumnSlug)\n    }\n\n    @computed get yColumns(): CoreColumn[] {\n        return this.transformedTable.getColumns(this.yColumnSlugs)\n    }\n\n    @computed get formatColumn(): CoreColumn {\n        return this.yColumns[0]\n    }\n\n    @computed get annotationsMap(): AnnotationsMap | undefined {\n        const yColumnSlug = this.yColumnSlugs[0]\n        if (!yColumnSlug) return undefined\n        return getAnnotationsMap(this.inputTable, yColumnSlug)\n    }\n\n    @computed get hasProjectedData(): boolean {\n        return this.series.some((series) => series.yColumn.isProjection)\n    }\n\n    @computed private get colorScheme(): ColorScheme {\n        const defaultColorScheme = this.defaultBaseColorScheme\n        const colorScheme = this.manager.baseColorScheme ?? defaultColorScheme\n\n        // Don't reuse the line chart's color scheme (typically distinct)\n        // and use the default color scheme instead (single color)\n        return this.manager.hasLineChart || this.manager.hasSlopeChart\n            ? ColorSchemes.get(defaultColorScheme)\n            : ColorSchemes.get(colorScheme)\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 hasColorScale(): boolean {\n        return !this.colorColumn.isMissing\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 seriesStrategy(): SeriesStrategy {\n        const autoStrategy = autoDetectSeriesStrategy(this.manager, true)\n        // TODO this is an inconsistency between LineChart and DiscreteBar.\n        // We should probably make it consistent at some point.\n        if (\n            autoStrategy === SeriesStrategy.column &&\n            this.selectionArray.numSelectedEntities > 1\n        ) {\n            return SeriesStrategy.entity\n        }\n        if (\n            autoStrategy === SeriesStrategy.entity &&\n            this.selectionArray.numSelectedEntities === 1 &&\n            this.yColumns.length > 1\n        ) {\n            return SeriesStrategy.column\n        }\n        return autoStrategy\n    }\n\n    private constructSeries(\n        col: CoreColumn,\n        indexes: number[]\n    ): DiscreteBarItem[] {\n        const { transformedTable, colorColumn, hasColorScale } = this\n        const values = col.valuesIncludingErrorValues\n        const originalTimes = col.originalTimeColumn.valuesIncludingErrorValues\n        const entityNames =\n            transformedTable.entityNameColumn.valuesIncludingErrorValues\n        const colorValues = colorColumn.valuesIncludingErrorValues\n        return indexes.map((index): DiscreteBarItem => {\n            const isColumnStrategy =\n                this.seriesStrategy === SeriesStrategy.column\n            const seriesName = isColumnStrategy\n                ? col.displayName\n                : (entityNames[index] as string)\n            const colorValue = isNotErrorValue(colorValues[index])\n                ? colorValues[index]\n                : undefined\n            const color = hasColorScale\n                ? this.colorScale.getColor(colorValue)\n                : isColumnStrategy\n                  ? col.def.color\n                  : transformedTable.getColorForEntityName(\n                        entityNames[index] as string\n                    )\n            return {\n                yColumn: col,\n                seriesName,\n                value: values[index] as number,\n                time: originalTimes[index] as number,\n                colorValue,\n                color,\n            }\n        })\n    }\n\n    @computed get columnsAsSeries(): DiscreteBarItem[] {\n        return this.yColumns.flatMap((col) =>\n            this.constructSeries(col, col.validRowIndices.slice(0, 1))\n        )\n    }\n\n    @computed get entitiesAsSeries(): DiscreteBarItem[] {\n        const col = this.yColumns[0]\n        return this.constructSeries(col, col.validRowIndices)\n    }\n\n    @computed get sortConfig(): SortConfig {\n        return this.manager.sortConfig ?? {}\n    }\n\n    @computed get sortedRawSeries(): DiscreteBarItem[] {\n        const raw =\n            this.seriesStrategy === SeriesStrategy.entity\n                ? this.entitiesAsSeries\n                : this.columnsAsSeries\n\n        let sortByFunc: (item: DiscreteBarItem) => number | string | undefined\n        switch (this.sortConfig.sortBy) {\n            case SortBy.custom:\n                if (this.seriesStrategy === SeriesStrategy.entity) {\n                    sortByFunc = (item: DiscreteBarItem): number =>\n                        this.selectionArray.selectedEntityNames.indexOf(\n                            item.seriesName\n                        )\n                } else {\n                    sortByFunc = (): undefined => undefined\n                }\n                break\n            case SortBy.entityName:\n                sortByFunc = (item: DiscreteBarItem): string => item.seriesName\n                break\n            default:\n            case SortBy.total:\n            case SortBy.column: // we only have one yColumn, so total and column are the same\n                sortByFunc = (item: DiscreteBarItem): number => item.value\n                break\n        }\n        const sortedSeries = _.sortBy(raw, sortByFunc)\n        const sortOrder = this.sortConfig.sortOrder ?? SortOrder.desc\n        if (sortOrder === SortOrder.desc) return sortedSeries.toReversed()\n        else return sortedSeries\n    }\n\n    @computed private get valuesToColorsMap(): Map<number, string> {\n        const { manager, colorScheme, sortedRawSeries } = this\n\n        return colorScheme.getUniqValueColorMap(\n            _.uniq(sortedRawSeries.map((series) => series.value)),\n            !manager.invertColorScheme // negate here to be consistent with how things worked before\n        )\n    }\n\n    @computed get series(): DiscreteBarSeries[] {\n        const series = this.sortedRawSeries.map((rawSeries) => {\n            const { value, time, colorValue, seriesName, color, yColumn } =\n                rawSeries\n            const series: DiscreteBarSeries = {\n                yColumn,\n                value,\n                time,\n                colorValue,\n                seriesName,\n                entityName: seriesName,\n                shortEntityName: getShortNameForEntity(seriesName),\n                annotation: getAnnotationsForSeries(\n                    this.annotationsMap,\n                    seriesName\n                ),\n                // the error color should never be used but I prefer it here instead of throwing an exception if something goes wrong\n                color:\n                    color ??\n                    this.valuesToColorsMap.get(value) ??\n                    ERROR_COLOR,\n                focus: this.focusArray.state(seriesName),\n            }\n            return series\n        })\n\n        return series\n    }\n\n    @computed get availableFacetStrategies(): FacetStrategy[] {\n        // if we have multi-dimension, multi-entity data (which is necessarily single-year),\n        // then *only* faceting makes sense. otherwise, faceting is not useful.\n        if (\n            this.yColumns.length > 1 &&\n            this.selectionArray.numSelectedEntities > 1\n        ) {\n            // if we have more than one unit, then faceting by entity is not allowed\n            // as comparing multiple units in a single chart isn't meaningful\n            const uniqueUnits = new Set(\n                this.yColumns.map((column) => column.shortUnit)\n            )\n            if (uniqueUnits.size > 1) {\n                return [FacetStrategy.metric]\n            }\n\n            return [FacetStrategy.entity, FacetStrategy.metric]\n        }\n\n        return [FacetStrategy.none]\n    }\n\n    @computed get errorInfo(): ChartErrorInfo {\n        const column = this.yColumns[0]\n        if (!column) return { reason: \"No column to chart\" }\n\n        const message = getDefaultFailMessage(this.manager)\n        if (message) return { reason: message }\n\n        const { entityTypePlural = \"entities\" } = this.manager\n        // TODO is it better to use .series for this check?\n        return this.yColumns.every((col) => col.isEmpty)\n            ? {\n                  reason: `No data for the selected ${entityTypePlural}`,\n              }\n            : { reason: \"\" }\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["series"]
+}

package/dist/grapher/barCharts/DiscreteBarChartThumbnail.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ChartInterface } from "../chart/ChartInterface.js";
+import { DiscreteBarChartState } from "./DiscreteBarChartState.js";
+import { type DiscreteBarChartProps } from "./DiscreteBarChart.js";
+import { DiscreteBarChartManager } from "./DiscreteBarChartConstants.js";
+export declare class DiscreteBarChartThumbnail extends React.Component<DiscreteBarChartProps> implements ChartInterface {
+    constructor(props: DiscreteBarChartProps);
+    get chartState(): DiscreteBarChartState;
+    get manager(): DiscreteBarChartManager;
+    render(): React.ReactElement;
+}
+//# sourceMappingURL=DiscreteBarChartThumbnail.d.ts.map

package/dist/grapher/barCharts/DiscreteBarChartThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteBarChartThumbnail.d.ts","sourceRoot":"","sources":["../../../src/grapher/barCharts/DiscreteBarChartThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAEH,KAAK,qBAAqB,EAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAExE,qBACa,yBACT,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAC7C,YAAW,cAAc;gBAEb,KAAK,EAAE,qBAAqB;IAKxC,IAAc,UAAU,IAAI,qBAAqB,CAEhD;IAED,IAAc,OAAO,IAAI,uBAAuB,CAE/C;IAEQ,MAAM,IAAI,KAAK,CAAC,YAAY;CAGxC"}

package/dist/grapher/barCharts/DiscreteBarChartThumbnail.js

@@ -0,0 +1,43 @@
+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 React from "react";
+import { computed, makeObservable } from "mobx";
+import { observer } from "mobx-react";
+import {
+  DiscreteBarChart
+} from "./DiscreteBarChart.js";
+let DiscreteBarChartThumbnail = class extends React.Component {
+  constructor(props) {
+    super(props);
+    makeObservable(this);
+  }
+  get chartState() {
+    return this.props.chartState;
+  }
+  get manager() {
+    return this.props.chartState.manager;
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement(DiscreteBarChart, { ...this.props });
+  }
+};
+__decorateClass([
+  computed
+], DiscreteBarChartThumbnail.prototype, "chartState", 1);
+__decorateClass([
+  computed
+], DiscreteBarChartThumbnail.prototype, "manager", 1);
+DiscreteBarChartThumbnail = __decorateClass([
+  observer
+], DiscreteBarChartThumbnail);
+export {
+  DiscreteBarChartThumbnail
+};

package/dist/grapher/barCharts/DiscreteBarChartThumbnail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/barCharts/DiscreteBarChartThumbnail.tsx"],
+  "sourcesContent": ["import React from \"react\"\nimport { computed, makeObservable } from \"mobx\"\nimport { observer } from \"mobx-react\"\nimport { ChartInterface } from \"../chart/ChartInterface.js\"\nimport { DiscreteBarChartState } from \"./DiscreteBarChartState.js\"\nimport {\n    DiscreteBarChart,\n    type DiscreteBarChartProps,\n} from \"./DiscreteBarChart.js\"\n\nimport { DiscreteBarChartManager } from \"./DiscreteBarChartConstants.js\"\n\n@observer\nexport class DiscreteBarChartThumbnail\n    extends React.Component<DiscreteBarChartProps>\n    implements ChartInterface\n{\n    constructor(props: DiscreteBarChartProps) {\n        super(props)\n        makeObservable(this)\n    }\n\n    @computed get chartState(): DiscreteBarChartState {\n        return this.props.chartState\n    }\n\n    @computed get manager(): DiscreteBarChartManager {\n        return this.props.chartState.manager\n    }\n\n    override render(): React.ReactElement {\n        return <DiscreteBarChart {...this.props} />\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,sBAAsB;AACzC,SAAS,gBAAgB;AAGzB;AAAA,EACI;AAAA,OAEG;AAKA,IAAM,4BAAN,cACK,MAAM,UAElB;AAAA,EACI,YAAY,OAA8B;AACtC,UAAM,KAAK;AACX,mBAAe,IAAI;AAAA,EACvB;AAAA,EAEU,IAAI,aAAoC;AAC9C,WAAO,KAAK,MAAM;AAAA,EACtB;AAAA,EAEU,IAAI,UAAmC;AAC7C,WAAO,KAAK,MAAM,WAAW;AAAA,EACjC;AAAA,EAES,SAA6B;AAClC,WAAO,oCAAC,oBAAkB,GAAG,KAAK,OAAO;AAAA,EAC7C;AACJ;AAXkB;AAAA,EAAb;AAAA,GATQ,0BASK;AAIA;AAAA,EAAb;AAAA,GAbQ,0BAaK;AAbL,4BAAN;AAAA,EADN;AAAA,GACY;",
+  "names": []
+}

package/dist/grapher/captionedChart/CaptionedChart.d.ts

@@ -0,0 +1,102 @@
+import * as React from "react";
+import { Bounds } from "../../utils/index.js";
+import { MarkdownTextWrap } from "../../components/index.js";
+import { Header } from "../header/Header.js";
+import { Footer } from "../footer/Footer.js";
+import { MapChartManager } from "../mapCharts/MapChartConstants.js";
+import { ChartManager } from "../chart/ChartManager.js";
+import { FooterManager } from "../footer/FooterManager.js";
+import { HeaderManager } from "../header/HeaderManager.js";
+import { SelectionArray } from "../selection/SelectionArray.js";
+import { EntityName, RelatedQuestionsConfig, Color, GrapherTabName, GrapherChartType } from "../../types/index.js";
+import { DataTableManager } from "../dataTable/DataTableConstants.js";
+import { TimelineController } from "../timeline/TimelineController.js";
+import { ControlsRowManager } from "../controls/controlsRow/ControlsRow.js";
+export interface CaptionedChartManager extends ChartManager, MapChartManager, FooterManager, HeaderManager, DataTableManager, ControlsRowManager {
+    bakedGrapherURL?: string;
+    isReady?: boolean;
+    whatAreWeWaitingFor?: string;
+    captionedChartBounds?: Bounds;
+    sidePanelBounds?: Bounds;
+    staticBounds?: Bounds;
+    staticBoundsWithDetails?: Bounds;
+    isSmall?: boolean;
+    isMedium?: boolean;
+    fontSize?: number;
+    backgroundColor?: string;
+    activeTab?: GrapherTabName;
+    isOnMapTab?: boolean;
+    isOnTableTab?: boolean;
+    activeChartType?: GrapherChartType;
+    isFaceted?: boolean;
+    isExportingForSocialMedia?: boolean;
+    isExportingForWikimedia?: boolean;
+    hasTimeline?: boolean;
+    timelineController?: TimelineController;
+    shouldIncludeDetailsInStaticExport?: boolean;
+    detailRenderers: MarkdownTextWrap[];
+    relatedQuestions?: RelatedQuestionsConfig[];
+    showRelatedQuestion?: boolean;
+}
+interface CaptionedChartProps {
+    manager: CaptionedChartManager;
+    bounds?: Bounds;
+    maxWidth?: number;
+}
+export declare const CONTROLS_ROW_HEIGHT = 32;
+declare abstract class AbstractCaptionedChart extends React.Component<CaptionedChartProps> {
+    protected framePaddingHorizontal: number;
+    protected framePaddingVertical: number;
+    constructor(props: CaptionedChartProps);
+    protected get manager(): CaptionedChartManager;
+    protected get maxWidth(): number;
+    protected get verticalPadding(): number;
+    protected get verticalPaddingSmall(): number;
+    protected get header(): Header;
+    protected get footer(): Footer;
+    protected get bounds(): Bounds;
+    protected get boundsForChartArea(): Bounds;
+    componentDidMount(): void;
+    get selectionArray(): SelectionArray | EntityName[] | undefined;
+    private get showRelatedQuestion();
+    get relatedQuestionHeight(): number;
+    private get showControlsRow();
+    private get settingsPopoverMaxWidth();
+    private get settingsPopoverMaxHeight();
+    private renderControlsRow;
+    private renderRelatedQuestion;
+    private renderLoadingIndicator;
+    private renderTimeline;
+    private get headerHeightWithPadding();
+    private get footerHeightWithPadding();
+    private get controlsRowHeightWithPadding();
+    private get timelineHeightWithPadding();
+    private get relatedQuestionHeightWithPadding();
+    /**
+     * The height of the chart area is the total height of the frame minus
+     * the height of the header, footer, controls, etc.
+     */
+    protected get chartHeight(): number;
+    render(): React.ReactElement;
+    protected get backgroundColor(): Color;
+    protected get svgProps(): React.SVGProps<SVGSVGElement>;
+}
+export declare class CaptionedChart extends AbstractCaptionedChart {
+}
+export declare class StaticCaptionedChart extends AbstractCaptionedChart {
+    constructor(props: CaptionedChartProps);
+    /** Bounds of the SVG element including details */
+    private get svgBounds();
+    /** Bounds without details */
+    protected get bounds(): Bounds;
+    /** Padded bounds of the actual chart area (without whitespace around it) */
+    private get innerBounds();
+    /** Bounds of the chart area (without header and footer) */
+    protected get boundsForChartArea(): Bounds;
+    protected get staticFooter(): Footer;
+    protected get staticHeader(): Header;
+    renderSVGDetails(): React.ReactElement;
+    render(): React.ReactElement;
+}
+export {};
+//# sourceMappingURL=CaptionedChart.d.ts.map

package/dist/grapher/captionedChart/CaptionedChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptionedChart.d.ts","sourceRoot":"","sources":["../../../src/grapher/captionedChart/CaptionedChart.tsx"],"names":[],"mappings":"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"}