@buildcanada/charts 0.3.6 → 0.3.7

package/src/grapher/stackedCharts/MarimekkoChartHelpers.ts

@@ -1,6 +1,6 @@
-import { DualAxis } from "../axis/Axis"
-import { PlacedItem } from "./MarimekkoChartConstants"
-import { MarimekkoChartState } from "./MarimekkoChartState"
+import { DualAxis } from "../axis/Axis.js"
+import { PlacedItem } from "./MarimekkoChartConstants.js"
+import { MarimekkoChartState } from "./MarimekkoChartState.js"
 
 export function toPlacedMarimekkoItems(
     chartState: MarimekkoChartState,

package/src/grapher/stackedCharts/MarimekkoChartState.ts

@@ -1,8 +1,8 @@
 import * as _ from "lodash-es"
 import * as R from "remeda"
 import { computed, makeObservable } from "mobx"
-import { ChartState } from "../chart/ChartInterface"
-import { ColorScale, ColorScaleManager } from "../color/ColorScale"
+import { ChartState } from "../chart/ChartInterface.js"
+import { ColorScale, ColorScaleManager } from "../color/ColorScale.js"
 import {
     Bar,
     BarShape,
@@ -11,14 +11,14 @@ import {
     MarimekkoChartManager,
     SimpleChartSeries,
     SimplePoint,
-} from "./MarimekkoChartConstants"
-import { CoreColumn, ChartsTable } from "../../core-table/index"
+} from "./MarimekkoChartConstants.js"
+import { CoreColumn, ChartsTable } from "../../core-table/index.js"
 import {
     autoDetectYColumnSlugs,
     getShortNameForEntity,
     makeSelectionArray,
-} from "../chart/ChartUtils"
-import { ColorScaleConfig } from "../color/ColorScaleConfig"
+} from "../chart/ChartUtils.js"
+import { ColorScaleConfig } from "../color/ColorScaleConfig.js"
 import {
     ChartErrorInfo,
     ColorSchemeName,
@@ -29,16 +29,16 @@ import {
     SortBy,
     SortOrder,
     ScaleType,
-} from "../../types/index"
-import { NO_DATA_GRAY } from "../color/ColorConstants"
-import { StackedPoint, StackedSeries } from "./StackedConstants"
-import { ColorScheme } from "../color/ColorScheme"
-import { ColorSchemes } from "../color/ColorSchemes"
-import { excludeUndefined } from "../../utils/index"
-import { SelectionArray } from "../selection/SelectionArray"
-import { FocusArray } from "../focus/FocusArray"
-import { AxisConfig } from "../axis/AxisConfig"
-import { HorizontalAxis, VerticalAxis } from "../axis/Axis"
+} from "../../types/index.js"
+import { NO_DATA_GRAY } from "../color/ColorConstants.js"
+import { StackedPoint, StackedSeries } from "./StackedConstants.js"
+import { ColorScheme } from "../color/ColorScheme.js"
+import { ColorSchemes } from "../color/ColorSchemes.js"
+import { excludeUndefined } from "../../utils/index.js"
+import { SelectionArray } from "../selection/SelectionArray.js"
+import { FocusArray } from "../focus/FocusArray.js"
+import { AxisConfig } from "../axis/AxisConfig.js"
+import { HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
 
 export class MarimekkoChartState implements ChartState, ColorScaleManager {
     manager: MarimekkoChartManager

package/src/grapher/stackedCharts/MarimekkoChartThumbnail.tsx

@@ -2,23 +2,23 @@ import React from "react"
 import * as _ from "lodash-es"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ChartInterface } from "../chart/ChartInterface"
-import { MarimekkoChartState } from "./MarimekkoChartState"
-import { type MarimekkoChartProps } from "./MarimekkoChart"
-import { MarimekkoChartManager, PlacedItem } from "./MarimekkoChartConstants"
-import { Bounds } from "../../utils/index"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { AxisConfig } from "../axis/AxisConfig"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { MarimekkoChartState } from "./MarimekkoChartState.js"
+import { type MarimekkoChartProps } from "./MarimekkoChart.js"
+import { MarimekkoChartManager, PlacedItem } from "./MarimekkoChartConstants.js"
+import { Bounds } from "../../utils/index.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { AxisConfig } from "../axis/AxisConfig.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
-} from "../core/GrapherConstants"
-import { MarimekkoBars } from "./MarimekkoBars"
-import { DualAxisComponent } from "../axis/AxisViews"
-import { toPlacedMarimekkoItems } from "./MarimekkoChartHelpers"
-import { MarimekkoInternalLabels } from "./MarimekkoInternalLabels"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+} from "../core/GrapherConstants.js"
+import { MarimekkoBars } from "./MarimekkoBars.js"
+import { DualAxisComponent } from "../axis/AxisViews.js"
+import { toPlacedMarimekkoItems } from "./MarimekkoChartHelpers.js"
+import { MarimekkoInternalLabels } from "./MarimekkoInternalLabels.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 
 const LABEL_PADDING = 4
 

package/src/grapher/stackedCharts/MarimekkoInternalLabels.tsx

@@ -3,10 +3,10 @@ import { observer } from "mobx-react"
 import * as _ from "lodash-es"
 import * as R from "remeda"
 import { computed, makeObservable } from "mobx"
-import { Bar, BarShape, PlacedItem } from "./MarimekkoChartConstants"
-import { DualAxis } from "../axis/Axis"
-import { Bounds } from "../../utils/index"
-import { Halo } from "../../components/index"
+import { Bar, BarShape, PlacedItem } from "./MarimekkoChartConstants.js"
+import { DualAxis } from "../axis/Axis.js"
+import { Bounds } from "../../utils/index.js"
+import { Halo } from "../../components/index.js"
 
 interface MarimekkoInternalLabelsProps {
     items: PlacedItem[]

package/src/grapher/stackedCharts/StackedAreaChart.tsx

@@ -8,45 +8,45 @@ import {
     Bounds,
     guid,
     exposeInstanceOnWindow,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import { computed, action, observable, makeObservable } from "mobx"
-import { SeriesName, SeriesStrategy } from "../../types/index"
+import { SeriesName, SeriesStrategy } from "../../types/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 import { observer } from "mobx-react"
-import { DualAxisComponent } from "../axis/AxisViews"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { LineLegend } from "../lineLegend/LineLegend"
-import { NoDataModal } from "../noDataModal/NoDataModal"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps"
+import { DualAxisComponent } from "../axis/AxisViews.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { LineLegend } from "../lineLegend/LineLegend.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
 import {
     Tooltip,
     TooltipState,
     TooltipTable,
     makeTooltipRoundingNotice,
     toTooltipTableColumns,
-} from "../tooltip/Tooltip"
-import { StackedAreaChartState } from "./StackedAreaChartState"
-import { AREA_OPACITY, StackedSeries } from "./StackedConstants"
+} from "../tooltip/Tooltip.js"
+import { StackedAreaChartState } from "./StackedAreaChartState.js"
+import { AREA_OPACITY, StackedSeries } from "./StackedConstants.js"
 import {
     makeClipPath,
     isTargetOutsideElement,
     getHoverStateForSeries,
-} from "../chart/ChartUtils"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
-import { LineLabelSeries } from "../lineLegend/LineLegendTypes"
+} from "../chart/ChartUtils.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { LineLabelSeries } from "../lineLegend/LineLegendTypes.js"
 import { easeLinear } from "d3-ease"
 import { select, type BaseType, type Selection } from "d3-selection"
-import { ChartInterface } from "../chart/ChartInterface"
-import { ChartManager } from "../chart/ChartManager"
-import { StackedAreas } from "./StackedAreas"
-import { HorizontalColorLegendManager } from "../legend/HorizontalColorLegends"
-import { CategoricalBin } from "../color/ColorScaleBin"
-import { ChartComponentProps } from "../chart/ChartTypeMap"
-import { InteractionState } from "../interaction/InteractionState"
-import { resolveCollision } from "./StackedUtils"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { ChartManager } from "../chart/ChartManager.js"
+import { StackedAreas } from "./StackedAreas.js"
+import { HorizontalColorLegendManager } from "../legend/HorizontalColorLegends.js"
+import { CategoricalBin } from "../color/ColorScaleBin.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { InteractionState } from "../interaction/InteractionState.js"
+import { resolveCollision } from "./StackedUtils.js"
 
 const STACKED_AREA_CHART_CLASS_NAME = "StackedArea"
 

package/src/grapher/stackedCharts/StackedAreaChartState.ts

@@ -1,10 +1,10 @@
 import * as _ from "lodash-es"
 import { computed, makeObservable } from "mobx"
-import { AbstractStackedChartState } from "./AbstractStackedChartState"
-import { ChartState } from "../chart/ChartInterface"
-import { StackedSeries } from "./StackedConstants"
-import { stackSeries, withMissingValuesAsZeroes } from "./StackedUtils"
-import { ChartManager } from "../chart/ChartManager"
+import { AbstractStackedChartState } from "./AbstractStackedChartState.js"
+import { ChartState } from "../chart/ChartInterface.js"
+import { StackedSeries } from "./StackedConstants.js"
+import { stackSeries, withMissingValuesAsZeroes } from "./StackedUtils.js"
+import { ChartManager } from "../chart/ChartManager.js"
 
 export class StackedAreaChartState
     extends AbstractStackedChartState

package/src/grapher/stackedCharts/StackedAreaChartThumbnail.tsx

@@ -2,30 +2,30 @@ import * as _ from "lodash-es"
 import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ChartInterface } from "../chart/ChartInterface"
-import { StackedAreaChartState } from "./StackedAreaChartState"
-import { type StackedAreaChartProps } from "./StackedAreaChart"
-import { Bounds, excludeUndefined } from "../../utils/index"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { StackedAreaChartState } from "./StackedAreaChartState.js"
+import { type StackedAreaChartProps } from "./StackedAreaChart.js"
+import { Bounds, excludeUndefined } from "../../utils/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
-} from "../core/GrapherConstants"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { ChartManager } from "../chart/ChartManager"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
+} from "../core/GrapherConstants.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { ChartManager } from "../chart/ChartManager.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
 import {
     HorizontalAxisComponent,
     VerticalAxisZeroLine,
-} from "../axis/AxisViews"
-import { StackedAreas } from "./StackedAreas"
+} from "../axis/AxisViews.js"
+import { StackedAreas } from "./StackedAreas.js"
 import {
     InitialVerticalLabelsSeries,
     VerticalLabelsState,
-} from "../verticalLabels/VerticalLabelsState"
-import { VerticalLabels } from "../verticalLabels/VerticalLabels"
-import { resolveCollision } from "./StackedUtils"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+} from "../verticalLabels/VerticalLabelsState.js"
+import { VerticalLabels } from "../verticalLabels/VerticalLabels.js"
+import { resolveCollision } from "./StackedUtils.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 
 const LEGEND_PADDING = 4
 

package/src/grapher/stackedCharts/StackedAreas.tsx

@@ -7,11 +7,11 @@ import {
     lastOfNonEmptyArray,
     makeIdForHumanConsumption,
     bind,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import { computed, makeObservable } from "mobx"
-import { SeriesName } from "../../types/index"
+import { SeriesName } from "../../types/index.js"
 import { observer } from "mobx-react"
-import { DualAxis } from "../axis/Axis"
+import { DualAxis } from "../axis/Axis.js"
 import { rgb } from "d3-color"
 import {
     AREA_OPACITY,
@@ -21,7 +21,7 @@ import {
     StackedPlacedSeries,
     StackedPoint,
     StackedSeries,
-} from "./StackedConstants"
+} from "./StackedConstants.js"
 
 interface AreasProps extends React.SVGAttributes<SVGGElement> {
     dualAxis: DualAxis

package/src/grapher/stackedCharts/StackedBarChart.tsx

@@ -10,49 +10,49 @@ import {
     makeIdForHumanConsumption,
     guid,
     exposeInstanceOnWindow,
-} from "../../utils/index"
-import { DualAxisComponent } from "../axis/AxisViews"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+} from "../../utils/index.js"
+import { DualAxisComponent } from "../axis/AxisViews.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 import {
     VerticalColorLegend,
     VerticalColorLegendManager,
-} from "../legend/VerticalColorLegend"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps"
+} from "../legend/VerticalColorLegend.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
 import {
     Tooltip,
     TooltipState,
     TooltipTable,
     makeTooltipRoundingNotice,
     toTooltipTableColumns,
-} from "../tooltip/Tooltip"
+} from "../tooltip/Tooltip.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
-import { StackedBarChartState } from "./StackedBarChartState"
+} from "../core/GrapherConstants.js"
+import { StackedBarChartState } from "./StackedBarChartState.js"
 import {
     BAR_OPACITY,
     LEGEND_STYLE_FOR_STACKED_CHARTS,
     StackedPoint,
     StackedSeries,
-} from "./StackedConstants"
-import { LegendInteractionState } from "../legend/LegendInteractionState"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { HorizontalAlign, SeriesName } from "../../types/index"
-import { makeClipPath } from "../chart/ChartUtils"
+} from "./StackedConstants.js"
+import { LegendInteractionState } from "../legend/LegendInteractionState.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { HorizontalAlign, SeriesName } from "../../types/index.js"
+import { makeClipPath } from "../chart/ChartUtils.js"
 import {
     HorizontalCategoricalColorLegend,
     HorizontalColorLegendManager,
-} from "../legend/HorizontalColorLegends"
-import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
+} from "../legend/HorizontalColorLegends.js"
+import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
 import { easeLinear } from "d3-ease"
 import { select, type BaseType, type Selection } from "d3-selection"
-import { ChartInterface } from "../chart/ChartInterface"
-import { ChartManager } from "../chart/ChartManager"
-import { ChartComponentProps } from "../chart/ChartTypeMap"
-import { StackedBars } from "./StackedBars"
-import { getXAxisConfigDefaultsForStackedBar } from "./StackedUtils"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { ChartManager } from "../chart/ChartManager.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { StackedBars } from "./StackedBars.js"
+import { getXAxisConfigDefaultsForStackedBar } from "./StackedUtils.js"
 
 interface TickmarkPlacement {
     time: number

package/src/grapher/stackedCharts/StackedBarChartState.ts

@@ -1,19 +1,19 @@
 import * as _ from "lodash-es"
 import { computed, makeObservable } from "mobx"
-import { AbstractStackedChartState } from "./AbstractStackedChartState"
-import { ChartState } from "../chart/ChartInterface"
-import { StackedSeries } from "./StackedConstants"
-import { ColumnTypeMap } from "../../core-table/index"
+import { AbstractStackedChartState } from "./AbstractStackedChartState.js"
+import { ChartState } from "../chart/ChartInterface.js"
+import { StackedSeries } from "./StackedConstants.js"
+import { ColumnTypeMap } from "../../core-table/index.js"
 import {
     stackSeriesInBothDirections,
     withMissingValuesAsZeroes,
-} from "./StackedUtils"
-import { ColorScaleManager } from "../color/ColorScale"
+} from "./StackedUtils.js"
+import { ColorScaleManager } from "../color/ColorScale.js"
 import {
     ColorScaleConfigInterface,
     ColorSchemeName,
-} from "../../types/index"
-import { ChartManager } from "../chart/ChartManager"
+} from "../../types/index.js"
+import { ChartManager } from "../chart/ChartManager.js"
 
 export class StackedBarChartState
     extends AbstractStackedChartState

package/src/grapher/stackedCharts/StackedBarChartThumbnail.tsx

@@ -2,33 +2,33 @@ import * as _ from "lodash-es"
 import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ChartInterface } from "../chart/ChartInterface"
-import { StackedBarChartState } from "./StackedBarChartState"
-import { type StackedBarChartProps } from "./StackedBarChart"
-import { ChartManager } from "../chart/ChartManager"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { StackedBarChartState } from "./StackedBarChartState.js"
+import { type StackedBarChartProps } from "./StackedBarChart.js"
+import { ChartManager } from "../chart/ChartManager.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
-} from "../core/GrapherConstants"
-import { Bounds, excludeUndefined } from "../../utils/index"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
+} from "../core/GrapherConstants.js"
+import { Bounds, excludeUndefined } from "../../utils/index.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
 import {
     getXAxisConfigDefaultsForStackedBar,
     resolveCollision,
-} from "./StackedUtils"
+} from "./StackedUtils.js"
 import {
     HorizontalAxisComponent,
     VerticalAxisZeroLine,
-} from "../axis/AxisViews"
-import { StackedBars } from "./StackedBars"
+} from "../axis/AxisViews.js"
+import { StackedBars } from "./StackedBars.js"
 import {
     InitialVerticalLabelsSeries,
     VerticalLabelsState,
-} from "../verticalLabels/VerticalLabelsState"
-import { VerticalLabels } from "../verticalLabels/VerticalLabels"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+} from "../verticalLabels/VerticalLabelsState.js"
+import { VerticalLabels } from "../verticalLabels/VerticalLabels.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 
 const LEGEND_PADDING = 4
 

package/src/grapher/stackedCharts/StackedBarSegment.tsx

@@ -2,9 +2,9 @@ import * as _ from "lodash-es"
 import * as React from "react"
 import { computed, action, observable, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { Time } from "../../utils/index"
-import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants"
-import { VerticalAxis } from "../axis/Axis"
+import { Time } from "../../utils/index.js"
+import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants.js"
+import { VerticalAxis } from "../axis/Axis.js"
 
 interface StackedBarSegmentProps extends React.SVGAttributes<SVGGElement> {
     id: string

package/src/grapher/stackedCharts/StackedBars.tsx

@@ -1,15 +1,15 @@
 import * as React from "react"
 import { makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { SeriesName, Time } from "../../types/index"
-import { DualAxis } from "../axis/Axis"
-import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants"
+import { SeriesName, Time } from "../../types/index.js"
+import { DualAxis } from "../axis/Axis.js"
+import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants.js"
 import {
     makeIdForHumanConsumption,
     makeSafeForCSS,
-} from "../../utils/index"
-import { StackedBarSegment } from "./StackedBarSegment"
-import { CoreColumn } from "../../core-table/index"
+} from "../../utils/index.js"
+import { StackedBarSegment } from "./StackedBarSegment.js"
+import { CoreColumn } from "../../core-table/index.js"
 
 interface StackedBarsProps {
     dualAxis: DualAxis

package/src/grapher/stackedCharts/StackedConstants.ts

@@ -3,16 +3,16 @@ import {
     EntityName,
     VariableRow,
     SeriesName,
-} from "../../types/index"
-import { ChartSeries } from "../chart/ChartInterface"
+} from "../../types/index.js"
+import { ChartSeries } from "../chart/ChartInterface.js"
 import {
     GRAPHER_AREA_OPACITY_DEFAULT,
     GRAPHER_AREA_OPACITY_FOCUS,
     GRAPHER_AREA_OPACITY_MUTE,
-} from "../core/GrapherConstants"
-import { TextWrap } from "../../components/index"
-import { InteractionState } from "../interaction/InteractionState"
-import { LegendStyleConfig } from "../legend/LegendInteractionState"
+} from "../core/GrapherConstants.js"
+import { TextWrap } from "../../components/index.js"
+import { InteractionState } from "../interaction/InteractionState.js"
+import { LegendStyleConfig } from "../legend/LegendInteractionState.js"
 
 export const AREA_OPACITY = {
     DEFAULT: GRAPHER_AREA_OPACITY_DEFAULT,

package/src/grapher/stackedCharts/StackedDiscreteBarChart.tsx

@@ -8,31 +8,31 @@ import {
     EntityName,
     getRelativeMouse,
     exposeInstanceOnWindow,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import { action, computed, makeObservable, observable } from "mobx"
 import { observer } from "mobx-react"
-import { SeriesName } from "../../types/index"
+import { SeriesName } from "../../types/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
-import { NoDataModal } from "../noDataModal/NoDataModal"
-import { ChartInterface } from "../chart/ChartInterface"
-import { ChartManager } from "../chart/ChartManager"
-import { TooltipState } from "../tooltip/Tooltip"
+} from "../core/GrapherConstants.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { ChartManager } from "../chart/ChartManager.js"
+import { TooltipState } from "../tooltip/Tooltip.js"
 import {
     LEGEND_STYLE_FOR_STACKED_CHARTS,
     StackedSeries,
-} from "./StackedConstants"
+} from "./StackedConstants.js"
 import {
     HorizontalCategoricalColorLegend,
     HorizontalColorLegendManager,
-} from "../legend/HorizontalColorLegends"
-import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin"
-import { LegendInteractionState } from "../legend/LegendInteractionState"
-import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap"
-import { StackedDiscreteBars } from "./StackedDiscreteBars"
+} from "../legend/HorizontalColorLegends.js"
+import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin.js"
+import { LegendInteractionState } from "../legend/LegendInteractionState.js"
+import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { StackedDiscreteBars } from "./StackedDiscreteBars.js"
 
 export interface StackedDiscreteBarChartManager extends ChartManager {
     endTime?: Time

package/src/grapher/stackedCharts/StackedDiscreteBarChartState.ts

@@ -1,8 +1,8 @@
 import * as _ from "lodash-es"
 import { computed, makeObservable } from "mobx"
-import { ChartState } from "../chart/ChartInterface"
-import { StackedDiscreteBarChartManager } from "./StackedDiscreteBarChart"
-import { CoreColumn, ChartsTable } from "../../core-table/index"
+import { ChartState } from "../chart/ChartInterface.js"
+import { StackedDiscreteBarChartManager } from "./StackedDiscreteBarChart.js"
+import { CoreColumn, ChartsTable } from "../../core-table/index.js"
 import {
     ChartErrorInfo,
     ColorSchemeName,
@@ -12,24 +12,24 @@ import {
     SortBy,
     SortConfig,
     SortOrder,
-} from "../../types/index"
+} from "../../types/index.js"
 import {
     autoDetectYColumnSlugs,
     getDefaultFailMessage,
     getShortNameForEntity,
     makeSelectionArray,
-} from "../chart/ChartUtils"
-import { SelectionArray } from "../selection/SelectionArray"
-import { Item, StackedSeries } from "./StackedConstants"
+} from "../chart/ChartUtils.js"
+import { SelectionArray } from "../selection/SelectionArray.js"
+import { Item, StackedSeries } from "./StackedConstants.js"
 import {
     stackSeriesInBothDirections,
     withMissingValuesAsZeroes,
-} from "./StackedUtils"
-import { CategoricalColorAssigner } from "../color/CategoricalColorAssigner"
-import { ColorScheme } from "../color/ColorScheme"
-import { ColorSchemes } from "../color/ColorSchemes"
-import { excludeUndefined } from "../../utils/index"
-import { FocusArray } from "../focus/FocusArray"
+} from "./StackedUtils.js"
+import { CategoricalColorAssigner } from "../color/CategoricalColorAssigner.js"
+import { ColorScheme } from "../color/ColorScheme.js"
+import { ColorSchemes } from "../color/ColorSchemes.js"
+import { excludeUndefined } from "../../utils/index.js"
+import { FocusArray } from "../focus/FocusArray.js"
 
 export class StackedDiscreteBarChartState implements ChartState {
     manager: StackedDiscreteBarChartManager

package/src/grapher/stackedCharts/StackedDiscreteBarChartThumbnail.tsx

@@ -1,10 +1,10 @@
 import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ChartInterface } from "../chart/ChartInterface"
-import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap"
-import { StackedDiscreteBars } from "./StackedDiscreteBars"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { StackedDiscreteBars } from "./StackedDiscreteBars.js"
 
 @observer
 export class StackedDiscreteBarChartThumbnail