@buildcanada/charts 0.3.5 → 0.3.7

package/src/explorer/ExplorerGrammar.ts

@@ -1,4 +1,4 @@
-import { SubNavId } from "../types/index.ts"
+import { SubNavId } from "../types/index.js"
 import {
     CellDef,
     BooleanCellDef,
@@ -11,9 +11,9 @@ import {
     Grammar,
     EnumCellDef,
     StringDeclarationDef,
-} from "./gridLang/GridLangConstants.ts"
-import { GrapherGrammar } from "./GrapherGrammar.ts"
-import { ColumnGrammar } from "./ColumnGrammar.ts"
+} from "./gridLang/GridLangConstants.js"
+import { GrapherGrammar } from "./GrapherGrammar.js"
+import { ColumnGrammar } from "./ColumnGrammar.js"
 
 const ExplorerFormControlCellDeff: CellDef = {
     ...StringDeclarationDef,

package/src/explorer/ExplorerProgram.ts

@@ -11,19 +11,19 @@ import {
     GrapherInterface,
     AxisMinMaxValueStr,
     GrapherChartType,
-} from "../types/index.ts"
+} from "../types/index.js"
 import {
     CoreTable,
     ChartsTable,
     isNotErrorValue,
-} from "../core-table/index.ts"
+} from "../core-table/index.js"
 import {
     GitCommit,
     PromiseCache,
     SerializedGridProgram,
     trimObject,
     fetchWithRetry,
-} from "../utils/index.ts"
+} from "../utils/index.js"
 import {
     CellDef,
     Grammar,
@@ -31,19 +31,19 @@ import {
     GRID_CELL_DELIMITER,
     GRID_NODE_DELIMITER,
     RootKeywordCellDef,
-} from "./gridLang/GridLangConstants.ts"
-import { GridProgram } from "./gridLang/GridProgram.ts"
-import { ColumnGrammar } from "./ColumnGrammar.ts"
+} from "./gridLang/GridLangConstants.js"
+import { GridProgram } from "./gridLang/GridProgram.js"
+import { ColumnGrammar } from "./ColumnGrammar.js"
 import {
     DefaultNewExplorerSlug,
     ExplorerChartCreationMode,
     ExplorerChoiceParams,
     EXPLORERS_ROUTE_FOLDER,
-} from "./ExplorerConstants.ts"
-import { DecisionMatrix } from "./ExplorerDecisionMatrix.ts"
-import { ExplorerGrammar } from "./ExplorerGrammar.ts"
-import { GrapherGrammar } from "./GrapherGrammar.ts"
-import { latestGrapherConfigSchema } from "../grapher/index.ts"
+} from "./ExplorerConstants.js"
+import { DecisionMatrix } from "./ExplorerDecisionMatrix.js"
+import { ExplorerGrammar } from "./ExplorerGrammar.js"
+import { GrapherGrammar } from "./GrapherGrammar.js"
+import { latestGrapherConfigSchema } from "../grapher/index.js"
 
 export const EXPLORER_FILE_SUFFIX = ".explorer.tsv"
 

package/src/explorer/ExplorerUtils.ts

@@ -1,13 +1,13 @@
 import * as _ from "lodash-es"
-import { SelectionArray } from "../grapher/index.ts"
-import { Bounds, deserializeJSONFromHTML } from "../utils/index.ts"
+import { SelectionArray } from "../grapher/index.js"
+import { Bounds, deserializeJSONFromHTML } from "../utils/index.js"
 import {
     EMBEDDED_EXPLORER_DELIMITER,
     EMBEDDED_EXPLORER_GRAPHER_CONFIGS,
     EMBEDDED_EXPLORER_PARTIAL_GRAPHER_CONFIGS,
     EXPLORER_CONSTANTS_DELIMITER,
-} from "./ExplorerConstants.ts"
-import { ExplorerProps } from "./Explorer.tsx"
+} from "./ExplorerConstants.js"
+import { ExplorerProps } from "./Explorer.js"
 
 export async function buildExplorerProps(
     html: string,

package/src/explorer/GrapherGrammar.ts

@@ -8,8 +8,8 @@ import {
     GrapherChartType,
     MissingDataStrategy,
     StackMode,
-} from "../types/index.ts"
-import { SortBy, SortOrder } from "../utils/index.ts"
+} from "../types/index.js"
+import { SortBy, SortOrder } from "../utils/index.js"
 import {
     GridBoolean,
     BooleanCellDef,
@@ -26,7 +26,7 @@ import {
     IndicatorIdOrEtlPathCellDef,
     SlugOrIndicatorIdOrEtlPathCellDef,
     GrapherCellDef,
-} from "./gridLang/GridLangConstants.ts"
+} from "./gridLang/GridLangConstants.js"
 import * as R from "remeda"
 const toTerminalOptions = (keywords: string[]): CellDef[] => {
     return keywords.map((keyword) => ({

package/src/explorer/gridLang/GridCell.ts

@@ -1,7 +1,7 @@
-import { trimArray } from "../../core-table/index.ts"
-import { imemo, isPresent } from "../../utils/index.ts"
+import { trimArray } from "../../core-table/index.js"
+import { imemo, isPresent } from "../../utils/index.js"
 
-import { didYouMean, isBlankLine, isEmpty } from "./GrammarUtils.ts"
+import { didYouMean, isBlankLine, isEmpty } from "./GrammarUtils.js"
 import {
     CellPosition,
     CellDef,
@@ -15,7 +15,7 @@ import {
     SubTableValueCellDef,
     WorkInProgressCellDef,
     NothingGoesThereCellDef,
-} from "./GridLangConstants.ts"
+} from "./GridLangConstants.js"
 
 export class GridCell implements ParsedCell {
     private position: CellPosition

package/src/explorer/gridLang/GridLangConstants.ts

@@ -1,4 +1,4 @@
-import { GrapherInterface } from "../../types/index.ts"
+import { GrapherInterface } from "../../types/index.js"
 
 export const CellHasErrorsClass = "CellHasErrorsClass"
 

package/src/explorer/gridLang/GridProgram.ts

@@ -1,11 +1,11 @@
-import { trimMatrix } from "../../core-table/index.ts"
+import { trimMatrix } from "../../core-table/index.js"
 import {
     isPresent,
     GitCommit,
     SerializedGridProgram,
-} from "../../utils/index.ts"
+} from "../../utils/index.js"
 
-import { GridCell } from "./GridCell.ts"
+import { GridCell } from "./GridCell.js"
 import {
     CellDef,
     CellPosition,
@@ -14,8 +14,8 @@ import {
     GRID_NODE_DELIMITER,
     Origin,
     ParsedCell,
-} from "./GridLangConstants.ts"
-import { tsvToMatrix } from "./GrammarUtils.ts"
+} from "./GridLangConstants.js"
+import { tsvToMatrix } from "./GrammarUtils.js"
 
 /**
  * Block location for the below would be like (numRows = 2)

package/src/explorer/index.ts

@@ -1,6 +1,6 @@
-export { Explorer, type ExplorerProps } from "./Explorer.tsx"
+export { Explorer, type ExplorerProps } from "./Explorer.js"
 
-export { buildExplorerProps } from "./ExplorerUtils.ts"
+export { buildExplorerProps } from "./ExplorerUtils.js"
 
 export {
     DefaultNewExplorerSlug,
@@ -29,7 +29,7 @@ export {
     type ExplorerStandardQueryParams,
     UNSAVED_EXPLORER_DRAFT,
     UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS,
-} from "./ExplorerConstants.ts"
+} from "./ExplorerConstants.js"
 
 export {
     type TableDef,
@@ -37,33 +37,33 @@ export {
     EXPLORER_FILE_SUFFIX,
     makeFullPath,
     type ExplorerGrapherInterface,
-} from "./ExplorerProgram.ts"
+} from "./ExplorerProgram.js"
 
-export { type ExplorerPageUrlMigrationSpec } from "./urlMigrations/ExplorerPageUrlMigrationSpec.ts"
+export { type ExplorerPageUrlMigrationSpec } from "./urlMigrations/ExplorerPageUrlMigrationSpec.js"
 
 export {
     explorerUrlMigrationsById,
     migrateExplorerUrl,
-} from "./urlMigrations/ExplorerUrlMigrations.ts"
+} from "./urlMigrations/ExplorerUrlMigrations.js"
 
-export { isEmpty } from "./gridLang/GrammarUtils.ts"
+export { isEmpty } from "./gridLang/GrammarUtils.js"
 
-export { ColumnGrammar } from "./ColumnGrammar.ts"
+export { ColumnGrammar } from "./ColumnGrammar.js"
 
-export { GridCell } from "./gridLang/GridCell.ts"
+export { GridCell } from "./gridLang/GridCell.js"
 
-export { GridProgram } from "./gridLang/GridProgram.ts"
+export { GridProgram } from "./gridLang/GridProgram.js"
 
-export { ExplorerGrammar } from "./ExplorerGrammar.ts"
+export { ExplorerGrammar } from "./ExplorerGrammar.js"
 
-export { ExplorerUrlMigrationId } from "./urlMigrations/ExplorerUrlMigrations.ts"
+export { ExplorerUrlMigrationId } from "./urlMigrations/ExplorerUrlMigrations.js"
 
-export { DecisionMatrix } from "./ExplorerDecisionMatrix.ts"
+export { DecisionMatrix } from "./ExplorerDecisionMatrix.js"
 
 export {
     GridBoolean,
     type CellPosition,
     type ParsedCell,
-} from "./gridLang/GridLangConstants.ts"
+} from "./gridLang/GridLangConstants.js"
 
-export { GrapherGrammar } from "./GrapherGrammar.ts"
+export { GrapherGrammar } from "./GrapherGrammar.js"

package/src/explorer/urlMigrations/CO2UrlMigration.ts

@@ -1,11 +1,11 @@
-import { legacyToCurrentGrapherUrl } from "../../grapher/index.ts"
-import { Url, UrlMigration } from "../../utils/index.ts"
+import { legacyToCurrentGrapherUrl } from "../../grapher/index.js"
+import { Url, UrlMigration } from "../../utils/index.js"
 import {
     decodeURIComponentOrUndefined,
     getExplorerSlugFromUrl,
     QueryParamTransformMap,
     transformQueryParams,
-} from "./ExplorerUrlMigrationUtils.ts"
+} from "./ExplorerUrlMigrationUtils.js"
 
 const EXPLORER_SLUG = "co2"
 

package/src/explorer/urlMigrations/CovidUrlMigration.ts

@@ -1,9 +1,9 @@
-import { Url, UrlMigration } from "../../utils/index.ts"
+import { Url, UrlMigration } from "../../utils/index.js"
 import {
     getExplorerSlugFromUrl,
     QueryParamTransformMap,
     transformQueryParams,
-} from "./ExplorerUrlMigrationUtils.ts"
+} from "./ExplorerUrlMigrationUtils.js"
 
 const EXPLORER_SLUG = "coronavirus-data-explorer"
 

package/src/explorer/urlMigrations/EnergyUrlMigration.ts

@@ -1,11 +1,11 @@
-import { legacyToCurrentGrapherUrl } from "../../grapher/index.ts"
-import { Url, UrlMigration } from "../../utils/index.ts"
+import { legacyToCurrentGrapherUrl } from "../../grapher/index.js"
+import { Url, UrlMigration } from "../../utils/index.js"
 import {
     decodeURIComponentOrUndefined,
     getExplorerSlugFromUrl,
     QueryParamTransformMap,
     transformQueryParams,
-} from "./ExplorerUrlMigrationUtils.ts"
+} from "./ExplorerUrlMigrationUtils.js"
 
 const EXPLORER_SLUG = "energy"
 

package/src/explorer/urlMigrations/ExplorerPageUrlMigrationSpec.ts

@@ -1,4 +1,4 @@
-import { ExplorerUrlMigrationId } from "./ExplorerUrlMigrations.ts"
+import { ExplorerUrlMigrationId } from "./ExplorerUrlMigrations.js"
 
 /**
  * An object spec that gets encoded into pages that redirect to an explorer.

package/src/explorer/urlMigrations/ExplorerUrlMigrationUtils.ts

@@ -1,7 +1,7 @@
 import * as _ from "lodash-es"
-import { Url, QueryParams } from "../../utils/index.ts"
+import { Url, QueryParams } from "../../utils/index.js"
 
-import { EXPLORERS_ROUTE_FOLDER } from "../ExplorerConstants.ts"
+import { EXPLORERS_ROUTE_FOLDER } from "../ExplorerConstants.js"
 
 export const decodeURIComponentOrUndefined = (value: string | undefined) =>
     value !== undefined

package/src/explorer/urlMigrations/ExplorerUrlMigrations.ts

@@ -1,9 +1,9 @@
-import { Url, UrlMigration, performUrlMigrations } from "../../utils/index.ts"
+import { Url, UrlMigration, performUrlMigrations } from "../../utils/index.js"
 
-import { legacyCovidMigrationSpec } from "./LegacyCovidUrlMigration.ts"
-import { co2UrlMigration } from "./CO2UrlMigration.ts"
-import { energyUrlMigration } from "./EnergyUrlMigration.ts"
-import { covidUrlMigration } from "./CovidUrlMigration.ts"
+import { legacyCovidMigrationSpec } from "./LegacyCovidUrlMigration.js"
+import { co2UrlMigration } from "./CO2UrlMigration.js"
+import { energyUrlMigration } from "./EnergyUrlMigration.js"
+import { covidUrlMigration } from "./CovidUrlMigration.js"
 
 export enum ExplorerUrlMigrationId {
     legacyToGridCovidExplorer = "legacyToGridCovidExplorer",

package/src/explorer/urlMigrations/LegacyCovidUrlMigration.ts

@@ -1,8 +1,8 @@
 import * as _ from "lodash-es"
-import { legacyToCurrentGrapherUrl } from "../../grapher/index.ts"
-import { QueryParams, Url } from "../../utils/index.ts"
-import { EXPLORERS_ROUTE_FOLDER } from "../ExplorerConstants.ts"
-import { ExplorerUrlMigrationSpec } from "./ExplorerUrlMigrations.ts"
+import { legacyToCurrentGrapherUrl } from "../../grapher/index.js"
+import { QueryParams, Url } from "../../utils/index.js"
+import { EXPLORERS_ROUTE_FOLDER } from "../ExplorerConstants.js"
+import { ExplorerUrlMigrationSpec } from "./ExplorerUrlMigrations.js"
 
 const covidMetricFromLegacyQueryParams = (queryParams: QueryParams) => {
     if (queryParams.casesMetric) {

package/src/grapher/axis/Axis.ts

@@ -14,20 +14,20 @@ import {
     Tickmark,
     ValueRange,
     VariableRoundingMode,
-} from "../../utils/index.ts"
-import { ComparisonLineConfig } from "../../types/index.ts"
-import { AxisConfig, AxisManager } from "./AxisConfig"
-import { MarkdownTextWrap } from "../../components/index.ts"
-import { CoreColumn } from "../../core-table/index.ts"
+} from "../../utils/index.js"
+import { ComparisonLineConfig } from "../../types/index.js"
+import { AxisConfig, AxisManager } from "./AxisConfig.js"
+import { MarkdownTextWrap } from "../../components/index.js"
+import { CoreColumn } from "../../core-table/index.js"
 import {
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_10_5,
     GRAPHER_FONT_SCALE_11,
     GRAPHER_FONT_SCALE_12,
-} from "../core/GrapherConstants.ts"
-import { makeAxisLabel } from "../chart/ChartUtils"
+} from "../core/GrapherConstants.js"
+import { makeAxisLabel } from "../chart/ChartUtils.js"
 import * as R from "remeda"
-import { isValidVerticalComparisonLineConfig } from "../comparisonLine/ComparisonLineHelpers"
+import { isValidVerticalComparisonLineConfig } from "../comparisonLine/ComparisonLineHelpers.js"
 
 interface TickLabelPlacement {
     value: number

package/src/grapher/axis/AxisConfig.ts

@@ -1,5 +1,5 @@
 import * as _ from "lodash-es"
-import { BASE_FONT_SIZE } from "../core/GrapherConstants"
+import { BASE_FONT_SIZE } from "../core/GrapherConstants.js"
 import {
     trimObject,
     deleteRuntimeAndUnchangedProps,
@@ -8,16 +8,16 @@ import {
     Position,
     TickFormattingOptions,
     Bounds,
-} from "../../utils/index.ts"
+} from "../../utils/index.js"
 import { observable, computed, makeObservable } from "mobx"
-import { HorizontalAxis, VerticalAxis } from "./Axis"
+import { HorizontalAxis, VerticalAxis } from "./Axis.js"
 import {
     AxisMinMaxValueStr,
     AxisConfigInterface,
     FacetAxisDomain,
     ScaleType,
     Tickmark,
-} from "../../types/index.ts"
+} from "../../types/index.js"
 
 export interface AxisManager {
     fontSize: number

package/src/grapher/axis/AxisViews.tsx

@@ -10,13 +10,13 @@ import {
     dyFromAlign,
     textAnchorFromAlign,
     makeIdForHumanConsumption,
-} from "../../utils/index.ts"
-import { VerticalAxis, HorizontalAxis, DualAxis } from "./Axis"
+} from "../../utils/index.js"
+import { VerticalAxis, HorizontalAxis, DualAxis } from "./Axis.js"
 import classNames from "classnames"
-import { GRAPHER_DARK_TEXT } from "../color/ColorConstants"
-import { ScaleType, DetailsMarker } from "../../types/index.ts"
-import { ComparisonLine } from "../comparisonLine/ComparisonLine"
-import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants"
+import { GRAPHER_DARK_TEXT } from "../color/ColorConstants.js"
+import { ScaleType, DetailsMarker } from "../../types/index.js"
+import { ComparisonLine } from "../comparisonLine/ComparisonLine.js"
+import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants.js"
 
 const TICK_COLOR = "#ddd"
 const FAINT_TICK_COLOR = "#eee"

package/src/grapher/barCharts/DiscreteBarChart.tsx

@@ -9,10 +9,10 @@ import {
     AxisAlign,
     makeIdForHumanConsumption,
     dyFromAlign,
-} from "../../utils/index.ts"
+} from "../../utils/index.js"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ScaleType, VerticalAlign } from "../../types/index.ts"
+import { ScaleType, VerticalAlign } from "../../types/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
@@ -20,11 +20,11 @@ import {
     GRAPHER_AREA_OPACITY_DEFAULT,
     GRAPHER_OPACITY_MUTE,
     GRAPHER_AREA_OPACITY_MUTE,
-} from "../core/GrapherConstants"
-import { NoDataModal } from "../noDataModal/NoDataModal"
-import { HorizontalAxisZeroLine } from "../axis/AxisViews"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
-import { ChartInterface } from "../chart/ChartInterface"
+} from "../core/GrapherConstants.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
+import { HorizontalAxisZeroLine } from "../axis/AxisViews.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { ChartInterface } from "../chart/ChartInterface.js"
 import {
     BAR_SPACING_FACTOR,
     DiscreteBarChartManager,
@@ -32,23 +32,23 @@ import {
     FontSettings,
     PlacedDiscreteBarSeries,
     SizedDiscreteBarSeries,
-} from "./DiscreteBarChartConstants"
-import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin"
+} from "./DiscreteBarChartConstants.js"
+import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin.js"
 import {
     HorizontalColorLegendManager,
     HorizontalNumericColorLegend,
-} from "../legend/HorizontalColorLegends"
-import { DiscreteBarChartState } from "./DiscreteBarChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap.tsx"
+} from "../legend/HorizontalColorLegends.js"
+import { DiscreteBarChartState } from "./DiscreteBarChartState.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
 import {
     makeProjectedDataPatternId,
     enrichSeriesWithLabels,
-} from "./DiscreteBarChartHelpers"
-import { ChartsTable } from "../../core-table/index.ts"
-import { HorizontalAxis } from "../axis/Axis"
-import { GRAPHER_DARK_TEXT } from "../color/ColorConstants"
+} from "./DiscreteBarChartHelpers.js"
+import { ChartsTable } from "../../core-table/index.js"
+import { HorizontalAxis } from "../axis/Axis.js"
+import { GRAPHER_DARK_TEXT } from "../color/ColorConstants.js"
 import type { BaseType, Selection } from "d3-selection"
-import { NUMERIC_LEGEND_STYLE } from "../lineCharts/LineChartConstants"
+import { NUMERIC_LEGEND_STYLE } from "../lineCharts/LineChartConstants.js"
 
 const DEFAULT_PROJECTED_DATA_COLOR_IN_LEGEND = "#787878"
 

package/src/grapher/barCharts/DiscreteBarChartConstants.ts

@@ -1,9 +1,9 @@
-import { ChartManager } from "../chart/ChartManager"
-import { CoreColumn } from "../../core-table/index.ts"
-import { ChartSeries } from "../chart/ChartInterface"
-import { Color, CoreValueType, Time } from "../../types/index.ts"
-import { TextWrap } from "../../components/index.ts"
-import { InteractionState } from "../interaction/InteractionState.ts"
+import { ChartManager } from "../chart/ChartManager.js"
+import { CoreColumn } from "../../core-table/index.js"
+import { ChartSeries } from "../chart/ChartInterface.js"
+import { Color, CoreValueType, Time } from "../../types/index.js"
+import { TextWrap } from "../../components/index.js"
+import { InteractionState } from "../interaction/InteractionState.js"
 
 export interface DiscreteBarSeries extends ChartSeries {
     entityName: string

package/src/grapher/barCharts/DiscreteBarChartHelpers.ts

@@ -1,7 +1,7 @@
 import * as _ from "lodash-es"
-import { TextWrap, shortenWithEllipsis } from "../../components/index.ts"
-import { EntityName } from "../../types/index.ts"
-import { FontSettings } from "./DiscreteBarChartConstants.ts"
+import { TextWrap, shortenWithEllipsis } from "../../components/index.js"
+import { EntityName } from "../../types/index.js"
+import { FontSettings } from "./DiscreteBarChartConstants.js"
 
 const ANNOTATION_PADDING = 2
 

package/src/grapher/barCharts/DiscreteBarChartState.ts

@@ -1,30 +1,30 @@
 import * as _ from "lodash-es"
 import { computed, makeObservable } from "mobx"
-import { ChartState } from "../chart/ChartInterface"
+import { ChartState } from "../chart/ChartInterface.js"
 import {
     DiscreteBarChartManager,
     DiscreteBarItem,
     DiscreteBarSeries,
-} from "./DiscreteBarChartConstants"
+} from "./DiscreteBarChartConstants.js"
 import {
     CoreColumn,
     isNotErrorValue,
     ChartsTable,
-} from "../../core-table/index.ts"
-import { ColorScale, ColorScaleManager } from "../color/ColorScale"
-import { SelectionArray } from "../selection/SelectionArray"
+} from "../../core-table/index.js"
+import { ColorScale, ColorScaleManager } from "../color/ColorScale.js"
+import { SelectionArray } from "../selection/SelectionArray.js"
 import {
     autoDetectSeriesStrategy,
     autoDetectYColumnSlugs,
     getDefaultFailMessage,
     getShortNameForEntity,
     makeSelectionArray,
-} from "../chart/ChartUtils"
+} from "../chart/ChartUtils.js"
 import {
     AnnotationsMap,
     getAnnotationsForSeries,
     getAnnotationsMap,
-} from "../lineCharts/LineChartHelpers"
+} from "../lineCharts/LineChartHelpers.js"
 import {
     ChartErrorInfo,
     ColorScaleConfigInterface,
@@ -34,12 +34,12 @@ import {
     SortBy,
     SortConfig,
     SortOrder,
-} from "../../types/index.ts"
-import { ERROR_COLOR, NO_DATA_GRAY } from "../color/ColorConstants"
-import { ColorScheme } from "../color/ColorScheme"
-import { ColorSchemes } from "../color/ColorSchemes"
-import { ColorScaleConfig } from "../color/ColorScaleConfig"
-import { FocusArray } from "../focus/FocusArray"
+} from "../../types/index.js"
+import { ERROR_COLOR, NO_DATA_GRAY } from "../color/ColorConstants.js"
+import { ColorScheme } from "../color/ColorScheme.js"
+import { ColorSchemes } from "../color/ColorSchemes.js"
+import { ColorScaleConfig } from "../color/ColorScaleConfig.js"
+import { FocusArray } from "../focus/FocusArray.js"
 
 export class DiscreteBarChartState implements ChartState, ColorScaleManager {
     manager: DiscreteBarChartManager

package/src/grapher/barCharts/DiscreteBarChartThumbnail.tsx

@@ -1,14 +1,14 @@
 import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ChartInterface } from "../chart/ChartInterface"
-import { DiscreteBarChartState } from "./DiscreteBarChartState"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { DiscreteBarChartState } from "./DiscreteBarChartState.js"
 import {
     DiscreteBarChart,
     type DiscreteBarChartProps,
-} from "./DiscreteBarChart.tsx"
+} from "./DiscreteBarChart.js"
 
-import { DiscreteBarChartManager } from "./DiscreteBarChartConstants.ts"
+import { DiscreteBarChartManager } from "./DiscreteBarChartConstants.js"
 
 @observer
 export class DiscreteBarChartThumbnail

package/src/grapher/captionedChart/CaptionedChart.tsx

@@ -6,44 +6,44 @@ import {
     Bounds,
     exposeInstanceOnWindow,
     makeIdForHumanConsumption,
-} from "../../utils/index.ts"
-import { MarkdownTextWrap, LoadingIndicator } from "../../components/index.ts"
-import { Header, StaticHeader } from "../header/Header"
-import { Footer, StaticFooter } from "../footer/Footer"
+} from "../../utils/index.js"
+import { MarkdownTextWrap, LoadingIndicator } from "../../components/index.js"
+import { Header, StaticHeader } from "../header/Header.js"
+import { Footer, StaticFooter } from "../footer/Footer.js"
 import {
     STATIC_EXPORT_DETAIL_SPACING,
     GRAPHER_FRAME_PADDING_VERTICAL,
     GRAPHER_FRAME_PADDING_HORIZONTAL,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
-import { MapChartManager } from "../mapCharts/MapChartConstants"
-import { ChartManager } from "../chart/ChartManager"
+} from "../core/GrapherConstants.js"
+import { MapChartManager } from "../mapCharts/MapChartConstants.js"
+import { ChartManager } from "../chart/ChartManager.js"
 import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { FooterManager } from "../footer/FooterManager"
-import { HeaderManager } from "../header/HeaderManager"
-import { SelectionArray } from "../selection/SelectionArray"
+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.ts"
-import { DataTableManager } from "../dataTable/DataTableConstants"
+} from "../../types/index.js"
+import { DataTableManager } from "../dataTable/DataTableConstants.js"
 import {
     TimelineComponent,
     TIMELINE_HEIGHT,
-} from "../timeline/TimelineComponent"
-import { TimelineController } from "../timeline/TimelineController"
+} from "../timeline/TimelineComponent.js"
+import { TimelineController } from "../timeline/TimelineController.js"
 import {
     ControlsRow,
     ControlsRowManager,
-} from "../controls/controlsRow/ControlsRow"
-import { GRAPHER_BACKGROUND_DEFAULT } from "../color/ColorConstants.ts"
-import { ChartAreaContent } from "../chart/ChartAreaContent"
-import { getChartSvgProps } from "../chart/ChartUtils"
-import { StaticChartWrapper } from "../chart/StaticChartWrapper"
+} from "../controls/controlsRow/ControlsRow.js"
+import { GRAPHER_BACKGROUND_DEFAULT } from "../color/ColorConstants.js"
+import { ChartAreaContent } from "../chart/ChartAreaContent.js"
+import { getChartSvgProps } from "../chart/ChartUtils.js"
+import { StaticChartWrapper } from "../chart/StaticChartWrapper.js"
 
 export interface CaptionedChartManager
     extends ChartManager,