@buildcanada/charts 0.3.4 → 0.3.6

package/src/grapher/stackedCharts/MarimekkoChartConstants.ts

@@ -7,11 +7,11 @@ import {
     Bounds,
     EntityName,
     ColumnSlug,
-} from "../../utils/index.js"
-import { ChartsTable } from "../../core-table/index.js"
+} from "../../utils/index"
+import { ChartsTable } from "../../core-table/index"
 import { StackedPoint } from "./StackedConstants"
 import { DualAxis } from "../axis/Axis"
-import { InteractionState } from "../interaction/InteractionState.js"
+import { InteractionState } from "../interaction/InteractionState"
 
 export interface MarimekkoChartManager extends ChartManager {
     endTime?: Time

package/src/grapher/stackedCharts/MarimekkoChartState.ts

@@ -12,7 +12,7 @@ import {
     SimpleChartSeries,
     SimplePoint,
 } from "./MarimekkoChartConstants"
-import { CoreColumn, ChartsTable } from "../../core-table/index.js"
+import { CoreColumn, ChartsTable } from "../../core-table/index"
 import {
     autoDetectYColumnSlugs,
     getShortNameForEntity,
@@ -29,16 +29,16 @@ import {
     SortBy,
     SortOrder,
     ScaleType,
-} from "../../types/index.js"
+} 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.js"
+import { excludeUndefined } from "../../utils/index"
 import { SelectionArray } from "../selection/SelectionArray"
 import { FocusArray } from "../focus/FocusArray"
-import { AxisConfig } from "../axis/AxisConfig.js"
-import { HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { AxisConfig } from "../axis/AxisConfig"
+import { HorizontalAxis, VerticalAxis } from "../axis/Axis"
 
 export class MarimekkoChartState implements ChartState, ColorScaleManager {
     manager: MarimekkoChartManager

package/src/grapher/stackedCharts/MarimekkoChartThumbnail.tsx

@@ -4,9 +4,9 @@ import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { ChartInterface } from "../chart/ChartInterface"
 import { MarimekkoChartState } from "./MarimekkoChartState"
-import { type MarimekkoChartProps } from "./MarimekkoChart.js"
+import { type MarimekkoChartProps } from "./MarimekkoChart"
 import { MarimekkoChartManager, PlacedItem } from "./MarimekkoChartConstants"
-import { Bounds } from "../../utils/index.js"
+import { Bounds } from "../../utils/index"
 import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
 import { AxisConfig } from "../axis/AxisConfig"
 import {

package/src/grapher/stackedCharts/MarimekkoInternalLabels.tsx

@@ -5,8 +5,8 @@ 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.js"
-import { Halo } from "../../components/index.js"
+import { Bounds } from "../../utils/index"
+import { Halo } from "../../components/index"
 
 interface MarimekkoInternalLabelsProps {
     items: PlacedItem[]

package/src/grapher/stackedCharts/StackedAreaChart.tsx

@@ -8,9 +8,9 @@ import {
     Bounds,
     guid,
     exposeInstanceOnWindow,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { computed, action, observable, makeObservable } from "mobx"
-import { SeriesName, SeriesStrategy } from "../../types/index.js"
+import { SeriesName, SeriesStrategy } from "../../types/index"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
@@ -20,7 +20,7 @@ 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.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps"
 import {
     Tooltip,
     TooltipState,
@@ -28,14 +28,14 @@ import {
     makeTooltipRoundingNotice,
     toTooltipTableColumns,
 } from "../tooltip/Tooltip"
-import { StackedAreaChartState } from "./StackedAreaChartState.js"
+import { StackedAreaChartState } from "./StackedAreaChartState"
 import { AREA_OPACITY, StackedSeries } from "./StackedConstants"
 import {
     makeClipPath,
     isTargetOutsideElement,
     getHoverStateForSeries,
 } from "../chart/ChartUtils"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig"
 import { LineLabelSeries } from "../lineLegend/LineLegendTypes"
 import { easeLinear } from "d3-ease"
 import { select, type BaseType, type Selection } from "d3-selection"
@@ -44,7 +44,7 @@ import { ChartManager } from "../chart/ChartManager"
 import { StackedAreas } from "./StackedAreas"
 import { HorizontalColorLegendManager } from "../legend/HorizontalColorLegends"
 import { CategoricalBin } from "../color/ColorScaleBin"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap"
 import { InteractionState } from "../interaction/InteractionState"
 import { resolveCollision } from "./StackedUtils"
 

package/src/grapher/stackedCharts/StackedAreaChartState.ts

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

package/src/grapher/stackedCharts/StackedAreaChartThumbnail.tsx

@@ -3,9 +3,9 @@ import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { ChartInterface } from "../chart/ChartInterface"
-import { StackedAreaChartState } from "./StackedAreaChartState.js"
-import { type StackedAreaChartProps } from "./StackedAreaChart.js"
-import { Bounds, excludeUndefined } from "../../utils/index.js"
+import { StackedAreaChartState } from "./StackedAreaChartState"
+import { type StackedAreaChartProps } from "./StackedAreaChart"
+import { Bounds, excludeUndefined } from "../../utils/index"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,

package/src/grapher/stackedCharts/StackedAreas.tsx

@@ -7,9 +7,9 @@ import {
     lastOfNonEmptyArray,
     makeIdForHumanConsumption,
     bind,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { computed, makeObservable } from "mobx"
-import { SeriesName } from "../../types/index.js"
+import { SeriesName } from "../../types/index"
 import { observer } from "mobx-react"
 import { DualAxis } from "../axis/Axis"
 import { rgb } from "d3-color"

package/src/grapher/stackedCharts/StackedBarChart.tsx

@@ -10,14 +10,14 @@ import {
     makeIdForHumanConsumption,
     guid,
     exposeInstanceOnWindow,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { DualAxisComponent } from "../axis/AxisViews"
 import { NoDataModal } from "../noDataModal/NoDataModal"
 import {
     VerticalColorLegend,
     VerticalColorLegendManager,
 } from "../legend/VerticalColorLegend"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps"
 import {
     Tooltip,
     TooltipState,
@@ -29,7 +29,7 @@ import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
 } from "../core/GrapherConstants"
-import { StackedBarChartState } from "./StackedBarChartState.js"
+import { StackedBarChartState } from "./StackedBarChartState"
 import {
     BAR_OPACITY,
     LEGEND_STYLE_FOR_STACKED_CHARTS,
@@ -38,19 +38,19 @@ import {
 } from "./StackedConstants"
 import { LegendInteractionState } from "../legend/LegendInteractionState"
 import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { HorizontalAlign, SeriesName } from "../../types/index.js"
+import { HorizontalAlign, SeriesName } from "../../types/index"
 import { makeClipPath } from "../chart/ChartUtils"
 import {
     HorizontalCategoricalColorLegend,
     HorizontalColorLegendManager,
 } from "../legend/HorizontalColorLegends"
 import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig"
 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.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap"
 import { StackedBars } from "./StackedBars"
 import { getXAxisConfigDefaultsForStackedBar } from "./StackedUtils"
 

package/src/grapher/stackedCharts/StackedBarChartState.ts

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

package/src/grapher/stackedCharts/StackedBarChartThumbnail.tsx

@@ -3,15 +3,15 @@ import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { ChartInterface } from "../chart/ChartInterface"
-import { StackedBarChartState } from "./StackedBarChartState.js"
-import { type StackedBarChartProps } from "./StackedBarChart.js"
+import { StackedBarChartState } from "./StackedBarChartState"
+import { type StackedBarChartProps } from "./StackedBarChart"
 import { ChartManager } from "../chart/ChartManager"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
 } from "../core/GrapherConstants"
-import { Bounds, excludeUndefined } from "../../utils/index.js"
+import { Bounds, excludeUndefined } from "../../utils/index"
 import { AxisConfig, AxisManager } from "../axis/AxisConfig"
 import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
 import {

package/src/grapher/stackedCharts/StackedBarSegment.tsx

@@ -2,7 +2,7 @@ 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.js"
+import { Time } from "../../utils/index"
 import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants"
 import { VerticalAxis } from "../axis/Axis"
 

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.js"
+import { SeriesName, Time } from "../../types/index"
 import { DualAxis } from "../axis/Axis"
 import { BAR_OPACITY, StackedPoint, StackedSeries } from "./StackedConstants"
 import {
     makeIdForHumanConsumption,
     makeSafeForCSS,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { StackedBarSegment } from "./StackedBarSegment"
-import { CoreColumn } from "../../core-table/index.js"
+import { CoreColumn } from "../../core-table/index"
 
 interface StackedBarsProps {
     dualAxis: DualAxis

package/src/grapher/stackedCharts/StackedConstants.ts

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

package/src/grapher/stackedCharts/StackedDiscreteBarChart.tsx

@@ -8,10 +8,10 @@ import {
     EntityName,
     getRelativeMouse,
     exposeInstanceOnWindow,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { action, computed, makeObservable, observable } from "mobx"
 import { observer } from "mobx-react"
-import { SeriesName } from "../../types/index.js"
+import { SeriesName } from "../../types/index"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
@@ -31,7 +31,7 @@ import {
 import { CategoricalBin, ColorScaleBin } from "../color/ColorScaleBin"
 import { LegendInteractionState } from "../legend/LegendInteractionState"
 import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap"
 import { StackedDiscreteBars } from "./StackedDiscreteBars"
 
 export interface StackedDiscreteBarChartManager extends ChartManager {

package/src/grapher/stackedCharts/StackedDiscreteBarChartState.ts

@@ -2,7 +2,7 @@ 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.js"
+import { CoreColumn, ChartsTable } from "../../core-table/index"
 import {
     ChartErrorInfo,
     ColorSchemeName,
@@ -12,7 +12,7 @@ import {
     SortBy,
     SortConfig,
     SortOrder,
-} from "../../types/index.js"
+} from "../../types/index"
 import {
     autoDetectYColumnSlugs,
     getDefaultFailMessage,
@@ -28,7 +28,7 @@ import {
 import { CategoricalColorAssigner } from "../color/CategoricalColorAssigner"
 import { ColorScheme } from "../color/ColorScheme"
 import { ColorSchemes } from "../color/ColorSchemes"
-import { excludeUndefined } from "../../utils/index.js"
+import { excludeUndefined } from "../../utils/index"
 import { FocusArray } from "../focus/FocusArray"
 
 export class StackedDiscreteBarChartState implements ChartState {

package/src/grapher/stackedCharts/StackedDiscreteBarChartThumbnail.tsx

@@ -3,7 +3,7 @@ import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { ChartInterface } from "../chart/ChartInterface"
 import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap"
 import { StackedDiscreteBars } from "./StackedDiscreteBars"
 
 @observer

package/src/grapher/stackedCharts/StackedDiscreteBars.tsx

@@ -11,10 +11,10 @@ import {
     dyFromAlign,
     exposeInstanceOnWindow,
     bind,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { action, computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ScaleType, SeriesName, VerticalAlign } from "../../types/index.js"
+import { ScaleType, SeriesName, VerticalAlign } from "../../types/index"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
@@ -28,9 +28,9 @@ import {
 } from "../axis/AxisViews"
 import { AxisConfig } from "../axis/AxisConfig"
 import { ChartInterface } from "../chart/ChartInterface"
-import { ChartsTable, CoreColumn } from "../../core-table/index.js"
+import { ChartsTable, CoreColumn } from "../../core-table/index"
 import { ChartManager } from "../chart/ChartManager"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps"
 import {
     Tooltip,
     TooltipState,
@@ -52,7 +52,7 @@ import { HorizontalAxis } from "../axis/Axis"
 import { HashMap, NodeGroup } from "react-move"
 import { easeQuadOut } from "d3-ease"
 import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { enrichSeriesWithLabels } from "../barCharts/DiscreteBarChartHelpers.js"
+import { enrichSeriesWithLabels } from "../barCharts/DiscreteBarChartHelpers"
 
 const BAR_SPACING_FACTOR = 0.35
 

package/src/grapher/stackedCharts/StackedUtils.ts

@@ -7,9 +7,9 @@ import {
     rollingMap,
     omitUndefinedValues,
     AxisConfigInterface,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { StackedPointPositionType, StackedSeries } from "./StackedConstants"
-import { StackedBarChartState } from "./StackedBarChartState.js"
+import { StackedBarChartState } from "./StackedBarChartState"
 
 // This method shift up the Y Values of a Series with Points in place.
 export const stackSeries = <PositionType extends StackedPointPositionType>(

package/src/grapher/testData/TestData.sample.ts

@@ -1,4 +1,4 @@
-import { DimensionProperty } from "../../utils/index.js"
+import { DimensionProperty } from "../../utils/index"
 import { GrapherProgrammaticInterface } from "../core/Grapher"
 import { GrapherState } from "../core/GrapherState"
 import {
@@ -7,7 +7,7 @@ import {
     createTestDataset,
     fakeEntities,
 } from "../testData/TestData"
-import { legacyToChartsTableAndDimensionsWithMandatorySlug } from "../core/LegacyToChartsTable.js"
+import { legacyToChartsTableAndDimensionsWithMandatorySlug } from "../core/LegacyToChartsTable"
 
 /**
  * Comprehensive life expectancy test data covering:

package/src/grapher/testData/TestData.ts

@@ -1,12 +1,12 @@
 import * as _ from "lodash-es"
-import { Region, regions } from "../../utils/index.js"
+import { Region, regions } from "../../utils/index"
 import {
     MultipleVariableDataDimensionsMap,
     VariableWithSource,
     EntityCode,
     EntityId,
     EntityName,
-} from "../../types/index.js"
+} from "../../types/index"
 
 type Entity = { id: EntityId; code?: EntityCode; name?: EntityName }
 type TestDatum = { year: number; entity: Entity; value: string | number }

package/src/grapher/timeline/TimelineComponent.tsx

@@ -8,7 +8,7 @@ import {
     Bounds,
     Time,
     Tippy,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { observable, computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { faPlay, faPause } from "@fortawesome/free-solid-svg-icons"
@@ -22,7 +22,7 @@ import {
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FRAME_PADDING_HORIZONTAL,
     GRAPHER_TIMELINE_CLASS,
-} from "../core/GrapherConstants.js"
+} from "../core/GrapherConstants"
 
 export const TIMELINE_HEIGHT = 32 // Keep in sync with $timelineHeight in TimelineComponent.scss
 

package/src/grapher/timeline/TimelineController.ts

@@ -1,11 +1,11 @@
 import * as R from "remeda"
-import { Time } from "../../types/index.js"
+import { Time } from "../../types/index"
 import {
     TimeBound,
     TimeBoundValue,
     sleep,
     findClosestTime,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { action } from "mobx"
 
 export type TimelineDragTarget = "start" | "end" | "both"

package/src/grapher/tooltip/Tooltip.tsx

@@ -9,7 +9,7 @@ import {
     Bounds,
     GrapherTooltipAnchor,
     stripOuterParentheses,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import {
     TooltipProps,
     TooltipManager,
@@ -17,10 +17,10 @@ import {
     TooltipContext,
     TooltipFooterIcon,
 } from "./TooltipProps"
-import { SignificanceIcon } from "./TooltipContents.js"
+import { SignificanceIcon } from "./TooltipContents"
 
-export * from "./TooltipContents.js"
-export { TooltipState } from "./TooltipState.js"
+export * from "./TooltipContents"
+export { TooltipState } from "./TooltipState"
 
 export class TooltipCard extends React.Component<
     TooltipProps & TooltipContainerProps

package/src/grapher/tooltip/TooltipContents.tsx

@@ -1,11 +1,11 @@
 import * as _ from "lodash-es"
 import * as React from "react"
 import classnames from "classnames"
-import { NO_DATA_LABEL } from "../color/ColorScale.js"
+import { NO_DATA_LABEL } from "../color/ColorScale"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faInfoCircle, faS } from "@fortawesome/free-solid-svg-icons"
-import { formatInlineList, GrapherTooltipAnchor } from "../../utils/index.js"
-import { GrapherTrendArrow } from "../../components/index.js"
+import { formatInlineList, GrapherTooltipAnchor } from "../../utils/index"
+import { GrapherTrendArrow } from "../../components/index"
 import {
     TooltipValueProps,
     TooltipValueRangeProps,
@@ -13,9 +13,9 @@ import {
     TooltipTableProps,
     TooltipVariableProps,
 } from "./TooltipProps"
-import { makeAxisLabel } from "../chart/ChartUtils.js"
+import { makeAxisLabel } from "../chart/ChartUtils"
 import * as R from "remeda"
-import { CoreColumn } from "../../core-table/index.js"
+import { CoreColumn } from "../../core-table/index"
 
 type TooltipValue = number | string | undefined
 

package/src/grapher/tooltip/TooltipProps.ts

@@ -2,7 +2,7 @@ import * as React from "react"
 import {
     GrapherTooltipAnchor,
     GrapherTrendArrowDirection,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { IObservableValue } from "mobx"
 
 export interface TooltipManager {

package/src/grapher/tooltip/TooltipState.ts

@@ -1,5 +1,5 @@
 import { observable, computed, action, makeObservable } from "mobx"
-import { PointVector } from "../../utils/index.js"
+import { PointVector } from "../../utils/index"
 import { TooltipFadeMode } from "./TooltipProps"
 
 const TOOLTIP_FADE_DURATION = 400 // $fade-time + $fade-delay in scss

package/src/grapher/verticalLabels/VerticalLabels.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { VerticalAxis } from "../axis/Axis"
 import { VerticalLabelsState } from "./VerticalLabelsState"
-import { darkenColorForText } from "../color/ColorUtils.js"
+import { darkenColorForText } from "../color/ColorUtils"
 
 export function VerticalLabels({
     state,

package/src/grapher/verticalLabels/VerticalLabelsState.ts

@@ -1,7 +1,7 @@
 import * as R from "remeda"
 import { computed } from "mobx"
-import { Bounds, RequiredBy, VerticalAlign } from "../../utils/index.js"
-import { TextWrap } from "../../components/index.js"
+import { Bounds, RequiredBy, VerticalAlign } from "../../utils/index"
+import { TextWrap } from "../../components/index"
 
 interface VerticalLabelsOptions {
     /** Font size for the labels */