@buildcanada/charts 0.3.3 → 0.3.5

package/src/grapher/modal/EntitySelectorModal.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { observer } from "mobx-react"
 import { computed, action, makeObservable } from "mobx"
-import { Bounds } from "../../utils/index.js"
+import { Bounds } from "../../utils/index.ts"
 import { Modal } from "./Modal"
 import {
     EntitySelector,

package/src/grapher/modal/Modal.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { Bounds, bind } from "../../utils/index.js"
+import { Bounds, bind } from "../../utils/index.ts"
 import {
     isElementInteractive,
     isTargetOutsideElement,

package/src/grapher/modal/ModalHeader.tsx

@@ -1,4 +1,4 @@
-import { CloseButton } from "../../components/index.js"
+import { CloseButton } from "../../components/index.ts"
 
 export function ModalHeader({
     title,

package/src/grapher/modal/SourcesDescriptions.tsx

@@ -4,7 +4,7 @@ import {
     ExpandableToggle,
     HtmlOrSimpleMarkdownText,
     SimpleMarkdownText,
-} from "../../components/index.js"
+} from "../../components/index.ts"
 
 interface SourcesDescriptionsProps {
     descriptionShort?: string

package/src/grapher/modal/SourcesKeyDataTable.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import { Fragment } from "react"
 import cx from "classnames"
-import { ProcessingLevel, excludeNull } from "../../utils/index.js"
+import { ProcessingLevel, excludeNull } from "../../utils/index.ts"
 import {
     makeSource,
     makeLastUpdated,
@@ -10,7 +10,7 @@ import {
     makeUnit,
     makeUnitConversionFactor,
     makeLinks,
-} from "../../components/index.js"
+} from "../../components/index.ts"
 import * as R from "remeda"
 
 interface SourcesKeyDataTableProps {

package/src/grapher/modal/SourcesModal.tsx

@@ -13,7 +13,7 @@ import {
     joinTitleFragments,
     getCitationShort,
     getCitationLong,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import {
     IndicatorSources,
     IndicatorProcessing,
@@ -23,15 +23,15 @@ import {
     CLOSE_BUTTON_WIDTH,
     CloseButton,
     LoadingIndicator,
-} from "../../components/index.js"
+} from "../../components/index.ts"
 import * as React from "react"
 import cx from "classnames"
 import { action, computed, makeObservable, observable } from "mobx"
 import { observer } from "mobx-react"
 import { faPencilAlt } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { ColumnDef } from "../../types/index.js"
-import { CoreColumn } from "../../core-table/index.js"
+import { ColumnDef } from "../../types/index.ts"
+import { CoreColumn } from "../../core-table/index.ts"
 import { Modal } from "./Modal"
 import { SourcesKeyDataTable } from "./SourcesKeyDataTable"
 import { SourcesDescriptions } from "./SourcesDescriptions"

package/src/grapher/noDataModal/NoDataModal.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import a from "indefinite"
-import { Bounds, VerticalAlign, dyFromAlign } from "../../utils/index.js"
+import { Bounds, VerticalAlign, dyFromAlign } from "../../utils/index.ts"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
@@ -10,7 +10,7 @@ import {
     DEFAULT_GRAPHER_ENTITY_TYPE_PLURAL,
     GRAPHER_TEXT_OUTLINE_FACTOR,
 } from "../core/GrapherConstants"
-import { Halo } from "../../components/index.js"
+import { Halo } from "../../components/index.ts"
 import { GRAPHER_DARK_TEXT, GRAPHER_LIGHT_TEXT } from "../color/ColorConstants"
 
 export interface NoDataModalManager {

package/src/grapher/scatterCharts/ConnectedScatterLegend.tsx

@@ -1,9 +1,9 @@
 import * as React from "react"
 import { computed, makeObservable } from "mobx"
 import { Triangle } from "./Triangle"
-import { TextWrap } from "../../components/index.js"
+import { TextWrap } from "../../components/index.ts"
 import { BASE_FONT_SIZE } from "../core/GrapherConstants"
-import { makeIdForHumanConsumption } from "../../utils/index.js"
+import { makeIdForHumanConsumption } from "../../utils/index.ts"
 import * as _ from "lodash-es"
 
 export interface ConnectedScatterLegendManager {

package/src/grapher/scatterCharts/NoDataSection.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { Bounds, HorizontalAlign } from "../../utils/index.js"
+import { Bounds, HorizontalAlign } from "../../utils/index.ts"
 import {
     GRAPHER_FONT_SCALE_11,
     GRAPHER_FONT_SCALE_12,

package/src/grapher/scatterCharts/ScatterPlotChart.tsx

@@ -1,6 +1,6 @@
 import * as _ from "lodash-es"
 import React from "react"
-import { EntitySelectionMode, SeriesName, Color } from "../../types/index.js"
+import { EntitySelectionMode, SeriesName, Color } from "../../types/index.ts"
 import { observable, computed, action, makeObservable } from "mobx"
 import { ScaleLinear, scaleSqrt } from "d3-scale"
 import { Quadtree, quadtree } from "d3-quadtree"
@@ -15,7 +15,7 @@ import {
     Bounds,
     isTouchDevice,
     makeIdForHumanConsumption,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { observer } from "mobx-react"
 import { NoDataModal } from "../noDataModal/NoDataModal"
 import {
@@ -26,7 +26,7 @@ import {
     ChartsTable,
     isNotErrorValue,
     CoreColumn,
-} from "../../core-table/index.js"
+} from "../../core-table/index.ts"
 import {
     ConnectedScatterLegend,
     ConnectedScatterLegendManager,
@@ -66,8 +66,8 @@ import {
 import { TooltipState } from "../tooltip/Tooltip"
 import { NoDataSection } from "./NoDataSection"
 import { ScatterPlotChartState } from "./ScatterPlotChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
-import { toSizeRange } from "./ScatterUtils.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.tsx"
+import { toSizeRange } from "./ScatterUtils.ts"
 import { ScatterPlotTooltip } from "./ScatterPlotTooltip"
 import { GRAY_100, GRAY_60 } from "../color/ColorConstants"
 import { INACTIVE_SCATTER_POINT_COLOR } from "./ScatterPoints"

package/src/grapher/scatterCharts/ScatterPlotChartConstants.ts

@@ -1,6 +1,6 @@
 import { ScaleLinear } from "d3-scale"
 import { Quadtree } from "d3-quadtree"
-import { ChartsTable } from "../../core-table/index.js"
+import { ChartsTable } from "../../core-table/index.ts"
 import { DualAxis } from "../axis/Axis"
 import { ChartManager } from "../chart/ChartManager"
 import { NoDataModalManager } from "../noDataModal/NoDataModal"
@@ -12,7 +12,7 @@ import {
     Color,
     Time,
     EntityName,
-} from "../../types/index.js"
+} from "../../types/index.ts"
 import {
     GRAPHER_FONT_SCALE_10,
     GRAPHER_FONT_SCALE_10_5,
@@ -20,9 +20,9 @@ import {
     GRAPHER_FONT_SCALE_13,
 } from "../core/GrapherConstants"
 
-import { Bounds, PointVector } from "../../utils/index.js"
+import { Bounds, PointVector } from "../../utils/index.ts"
 import { ChartSeries } from "../chart/ChartInterface"
-import { InteractionState } from "../interaction/InteractionState.js"
+import { InteractionState } from "../interaction/InteractionState.ts"
 
 export interface ScatterPlotManager extends ChartManager {
     hideConnectedScatterLines?: boolean

package/src/grapher/scatterCharts/ScatterPlotChartState.ts

@@ -5,7 +5,7 @@ import {
     defaultIfErrorValue,
     isNotErrorValue,
     ChartsTable,
-} from "../../core-table/index.js"
+} from "../../core-table/index.ts"
 import { ChartState } from "../chart/ChartInterface"
 import { ColorScale, ColorScaleManager } from "../color/ColorScale"
 import {
@@ -29,12 +29,12 @@ import {
     ColorScaleConfigInterface,
     SeriesName,
     ValueRange,
-} from "../../types/index.js"
+} from "../../types/index.ts"
 import {
     domainExtent,
     intersection,
     lowerCaseFirstLetterUnlessAbbreviation,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { ColorScaleConfig } from "../color/ColorScaleConfig"
 import { NO_DATA_GRAY } from "../color/ColorConstants"
 import { AxisConfig } from "../axis/AxisConfig"
@@ -42,7 +42,7 @@ import { BASE_FONT_SIZE } from "../core/GrapherConstants"
 import { SelectionArray } from "../selection/SelectionArray"
 import { computeSizeDomain } from "./ScatterUtils"
 import { FocusArray } from "../focus/FocusArray"
-import { HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { HorizontalAxis, VerticalAxis } from "../axis/Axis.ts"
 
 export class ScatterPlotChartState implements ChartState, ColorScaleManager {
     manager: ScatterPlotManager

package/src/grapher/scatterCharts/ScatterPlotChartThumbnail.tsx

@@ -4,10 +4,10 @@ import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { ChartInterface } from "../chart/ChartInterface"
 import { ScatterPlotChartState } from "./ScatterPlotChartState"
-import { type ScatterPlotChartProps } from "./ScatterPlotChart.js"
+import { type ScatterPlotChartProps } from "./ScatterPlotChart.tsx"
 import { ScaleLinear, scaleSqrt } from "d3-scale"
 import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { Bounds } from "../../utils/index.js"
+import { Bounds } from "../../utils/index.ts"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,

package/src/grapher/scatterCharts/ScatterPlotTooltip.tsx

@@ -9,8 +9,8 @@ import {
     calculateTrendDirection,
     Time,
     RequiredBy,
-} from "../../utils/index.js"
-import { CoreColumn } from "../../core-table/index.js"
+} from "../../utils/index.ts"
+import { CoreColumn } from "../../core-table/index.ts"
 import {
     Tooltip,
     TooltipState,
@@ -20,7 +20,7 @@ import {
     formatTooltipRangeValues,
     TooltipValue,
 } from "../tooltip/Tooltip"
-import { FooterItem, TooltipFooterIcon } from "../tooltip/TooltipProps.js"
+import { FooterItem, TooltipFooterIcon } from "../tooltip/TooltipProps.ts"
 import { ScatterSeries, SeriesPoint } from "./ScatterPlotChartConstants"
 import { ScatterPlotChartState } from "./ScatterPlotChartState"
 

package/src/grapher/scatterCharts/ScatterPoints.tsx

@@ -1,5 +1,5 @@
 import * as R from "remeda"
-import { PointVector, makeIdForHumanConsumption } from "../../utils/index.js"
+import { PointVector, makeIdForHumanConsumption } from "../../utils/index.ts"
 import { observer } from "mobx-react"
 import * as React from "react"
 import { MultiColorPolyline } from "./MultiColorPolyline"

package/src/grapher/scatterCharts/ScatterPointsWithLabels.tsx

@@ -3,7 +3,7 @@ import * as R from "remeda"
 import { type BaseType, type Selection, select } from "d3-selection"
 import { ScaleLinear } from "d3-scale"
 import { NoDataModal } from "../noDataModal/NoDataModal"
-import { SortOrder } from "../../types/index.js"
+import { SortOrder } from "../../types/index.ts"
 import {
     Bounds,
     PointVector,
@@ -13,11 +13,11 @@ import {
     intersection,
     guid,
     makeIdForHumanConsumption,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { computed, action, observable, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import * as React from "react"
-import { Halo } from "../../components/index.js"
+import { Halo } from "../../components/index.ts"
 import { MultiColorPolyline } from "./MultiColorPolyline"
 import {
     ScatterPointsWithLabelsProps,

package/src/grapher/scatterCharts/ScatterSizeLegend.tsx

@@ -2,19 +2,19 @@ import * as React from "react"
 import * as R from "remeda"
 import { computed, makeObservable } from "mobx"
 import { scaleLinear, ScaleLinear } from "d3-scale"
-import { TextWrap, Halo } from "../../components/index.js"
+import { TextWrap, Halo } from "../../components/index.ts"
 import {
     Color,
     makeIdForHumanConsumption,
     VariableRoundingMode,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import {
     BASE_FONT_SIZE,
     GRAPHER_FONT_SCALE_10,
     GRAPHER_FONT_SCALE_11,
     GRAPHER_TEXT_OUTLINE_FACTOR,
 } from "../core/GrapherConstants"
-import { CoreColumn } from "../../core-table/index.js"
+import { CoreColumn } from "../../core-table/index.ts"
 import {
     ScatterSeries,
     SCATTER_POINT_MAX_RADIUS,

package/src/grapher/scatterCharts/ScatterUtils.ts

@@ -5,7 +5,7 @@ import {
     ColumnSlug,
     PointVector,
     ValueRange,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import {
     SCATTER_LABEL_FONT_SIZE_FACTOR_WHEN_HIDDEN_LINES,
     SCATTER_LINE_DEFAULT_WIDTH,
@@ -16,9 +16,9 @@ import {
     ScatterRenderPoint,
     ScatterRenderSeries,
 } from "./ScatterPlotChartConstants"
-import { BASE_FONT_SIZE } from "../core/GrapherConstants.js"
+import { BASE_FONT_SIZE } from "../core/GrapherConstants.ts"
 import { ScatterPlotChartState } from "./ScatterPlotChartState"
-import { ChartsTable } from "../../core-table/index.js"
+import { ChartsTable } from "../../core-table/index.ts"
 
 export const labelPriority = (label: ScatterLabel): number => {
     let priority = label.fontSize

package/src/grapher/schema/defaultGrapherConfig.ts

@@ -2,7 +2,7 @@
 
 // GENERATED BY devTools/schema/generate-default-object-from-schema.ts
 
-import { GrapherInterface } from "../../types/index.js"
+import { GrapherInterface } from "../../types/index.ts"
 
 export const latestSchemaVersion = "009" as const
 export const outdatedSchemaVersions = [

package/src/grapher/schema/migrations/migrate.ts

@@ -1,5 +1,5 @@
 import * as _ from "lodash-es"
-import { GrapherInterface } from "../../../types/index.js"
+import { GrapherInterface } from "../../../types/index.ts"
 
 import { defaultGrapherConfig } from "../defaultGrapherConfig"
 import {

package/src/grapher/schema/migrations/migrations.ts

@@ -15,7 +15,7 @@ import {
     getSchemaVersion,
     isLatestVersion,
 } from "./helpers"
-import { GRAPHER_CHART_TYPES } from "../../../types/index.js"
+import { GRAPHER_CHART_TYPES } from "../../../types/index.ts"
 
 // see # legacy commit 26f2a0d1790c71bdda7e12f284ca552945d2f6ef
 const migrateFrom001To002 = (

package/src/grapher/selection/MapSelectionArray.ts

@@ -12,7 +12,7 @@ import {
     getRegionByName,
     IncomeGroup,
     Region,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import * as R from "remeda"
 
 export class MapSelectionArray extends SelectionArray {

package/src/grapher/selection/SelectionArray.ts

@@ -1,4 +1,4 @@
-import { EntityName } from "../../types/index.js"
+import { EntityName } from "../../types/index.ts"
 import { action, computed, observable, makeObservable } from "mobx"
 
 export class SelectionArray {

package/src/grapher/sidePanel/SidePanel.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
-import { Bounds } from "../../utils/index.js"
-import { GRAPHER_SIDE_PANEL_CLASS } from "../core/GrapherConstants.js"
+import { Bounds } from "../../utils/index.ts"
+import { GRAPHER_SIDE_PANEL_CLASS } from "../core/GrapherConstants.ts"
 
 export const SidePanel = ({
     bounds,

package/src/grapher/slopeCharts/MarkX.tsx

@@ -2,7 +2,7 @@ import {
     dyFromAlign,
     makeIdForHumanConsumption,
     VerticalAlign,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { GRAPHER_DARK_TEXT } from "../color/ColorConstants"
 
 export function MarkX({

package/src/grapher/slopeCharts/Slope.tsx

@@ -1,4 +1,4 @@
-import { makeIdForHumanConsumption, PointVector } from "../../utils/index.js"
+import { makeIdForHumanConsumption, PointVector } from "../../utils/index.ts"
 import { GRAPHER_OPACITY_MUTE } from "../core/GrapherConstants"
 import { RenderSlopeChartSeries } from "./SlopeChartConstants"
 

package/src/grapher/slopeCharts/SlopeChart.tsx

@@ -13,7 +13,7 @@ import {
     isTouchDevice,
     domainExtent,
     calculateTrendDirection,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { observable, computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { NoDataModal } from "../noDataModal/NoDataModal"
@@ -31,7 +31,7 @@ import {
     SeriesStrategy,
     VerticalAlign,
     HorizontalAlign,
-} from "../../types/index.js"
+} from "../../types/index.ts"
 import { ChartInterface } from "../chart/ChartInterface"
 import { scaleLinear, ScaleLinear } from "d3-scale"
 import { select, type BaseType, type Selection } from "d3-selection"
@@ -42,7 +42,7 @@ import {
     SlopeChartSeries,
     SlopeChartManager,
 } from "./SlopeChartConstants"
-import { CoreColumn } from "../../core-table/index.js"
+import { CoreColumn } from "../../core-table/index.ts"
 import { getHoverStateForSeries } from "../chart/ChartUtils"
 import { VerticalAxis } from "../axis/Axis"
 import { VerticalAxisZeroLine } from "../axis/AxisViews"
@@ -59,7 +59,7 @@ import {
 } from "../tooltip/Tooltip"
 import { TooltipFooterIcon } from "../tooltip/TooltipProps"
 
-import { Halo } from "../../components/index.js"
+import { Halo } from "../../components/index.ts"
 import { HorizontalColorLegendManager } from "../legend/HorizontalColorLegends"
 import { CategoricalBin } from "../color/ColorScaleBin"
 import {
@@ -70,7 +70,7 @@ import { FocusArray } from "../focus/FocusArray"
 import { LineLabelSeries } from "../lineLegend/LineLegendTypes"
 import { SlopeChartState } from "./SlopeChartState"
 import { AxisConfig, AxisManager } from "../axis/AxisConfig"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.tsx"
 import { InteractionState } from "../interaction/InteractionState"
 import {
     getYAxisConfigDefaults,

package/src/grapher/slopeCharts/SlopeChartConstants.ts

@@ -1,7 +1,7 @@
-import { PartialBy, PointVector } from "../../utils/index.js"
-import { EntityName, VariableRow } from "../../types/index.js"
+import { PartialBy, PointVector } from "../../utils/index.ts"
+import { EntityName, VariableRow } from "../../types/index.ts"
 import { ChartSeries } from "../chart/ChartInterface"
-import { CoreColumn } from "../../core-table/index.js"
+import { CoreColumn } from "../../core-table/index.ts"
 import { ChartManager } from "../chart/ChartManager"
 import { InteractionState } from "../interaction/InteractionState"
 

package/src/grapher/slopeCharts/SlopeChartHelpers.ts

@@ -4,7 +4,7 @@ import {
     PointVector,
     ScaleType,
     SeriesName,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { VerticalAxis } from "../axis/Axis"
 import {
     PlacedSlopeChartSeries,

package/src/grapher/slopeCharts/SlopeChartState.ts

@@ -5,7 +5,7 @@ import {
     RawSlopeChartSeries,
     SlopeChartSeries,
 } from "./SlopeChartConstants"
-import { ChartsTable, CoreColumn } from "../../core-table/index.js"
+import { ChartsTable, CoreColumn } from "../../core-table/index.ts"
 import { SelectionArray } from "../selection/SelectionArray"
 import { FocusArray } from "../focus/FocusArray"
 import {
@@ -18,7 +18,7 @@ import {
     EntityName,
     ColorSchemeName,
     ChartErrorInfo,
-} from "../../types/index.js"
+} from "../../types/index.ts"
 import {
     autoDetectSeriesStrategy,
     autoDetectYColumnSlugs,
@@ -37,7 +37,7 @@ import {
     getDisplayName,
     getSeriesName,
 } from "../lineCharts/LineChartHelpers"
-import { domainExtent } from "../../utils/index.js"
+import { domainExtent } from "../../utils/index.ts"
 import { AxisConfig } from "../axis/AxisConfig"
 import { VerticalAxis } from "../axis/Axis"
 

package/src/grapher/slopeCharts/SlopeChartThumbnail.tsx

@@ -4,8 +4,8 @@ import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { scaleLinear, ScaleLinear } from "d3-scale"
 import { ChartInterface } from "../chart/ChartInterface"
-import { SlopeChartState } from "./SlopeChartState.js"
-import { type SlopeChartProps } from "./SlopeChart.js"
+import { SlopeChartState } from "./SlopeChartState.ts"
+import { type SlopeChartProps } from "./SlopeChart.tsx"
 import {
     PlacedSlopeChartSeries,
     RenderSlopeChartSeries,
@@ -23,7 +23,7 @@ import {
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
 } from "../core/GrapherConstants"
-import { Bounds, SeriesName } from "../../utils/index.js"
+import { Bounds, SeriesName } from "../../utils/index.ts"
 import { VerticalAxis } from "../axis/Axis"
 import { Slope } from "./Slope"
 import {

package/src/grapher/stackedCharts/AbstractStackedChartState.ts

@@ -1,7 +1,7 @@
 import * as _ from "lodash-es"
 import * as R from "remeda"
-import { ChartState } from "../chart/ChartInterface.js"
-import { ChartManager } from "../chart/ChartManager.js"
+import { ChartState } from "../chart/ChartInterface.ts"
+import { ChartManager } from "../chart/ChartManager.ts"
 import {
     ChartErrorInfo,
     ColorSchemeName,
@@ -9,35 +9,35 @@ import {
     MissingDataStrategy,
     SeriesName,
     SeriesStrategy,
-} from "../../types/index.js"
+} from "../../types/index.ts"
 import { computed, makeObservable } from "mobx"
 import {
     StackedPoint,
     StackedRawSeries,
     StackedSeries,
-} from "./StackedConstants.js"
+} from "./StackedConstants.ts"
 import {
     ChartsTable,
     CoreColumn,
     isNotErrorValueOrEmptyCell,
-} from "../../core-table/index.js"
+} from "../../core-table/index.ts"
 import {
     autoDetectSeriesStrategy,
     autoDetectYColumnSlugs,
     getDefaultFailMessage,
     getShortNameForEntity,
     makeSelectionArray,
-} from "../chart/ChartUtils.js"
-import { ColorSchemes } from "../color/ColorSchemes.js"
-import { SelectionArray } from "../selection/SelectionArray.js"
+} from "../chart/ChartUtils.tsx"
+import { ColorSchemes } from "../color/ColorSchemes.ts"
+import { SelectionArray } from "../selection/SelectionArray.ts"
 import {
     CategoricalColorAssigner,
     CategoricalColorMap,
-} from "../color/CategoricalColorAssigner.js"
-import { BinaryMapPaletteE } from "../color/CustomSchemes.js"
-import { FocusArray } from "../focus/FocusArray.js"
-import { AxisConfig } from "../axis/AxisConfig.js"
-import { HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+} from "../color/CategoricalColorAssigner.ts"
+import { BinaryMapPaletteE } from "../color/CustomSchemes.ts"
+import { FocusArray } from "../focus/FocusArray.ts"
+import { AxisConfig } from "../axis/AxisConfig.ts"
+import { HorizontalAxis, VerticalAxis } from "../axis/Axis.ts"
 
 // used in StackedBar charts to color negative and positive bars
 const POSITIVE_COLOR = BinaryMapPaletteE.colorSets[0][0] // orange

package/src/grapher/stackedCharts/MarimekkoBars.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import * as _ from "lodash-es"
 import * as R from "remeda"
-import { Bounds, dyFromAlign, VerticalAlign } from "../../utils/index.js"
+import { Bounds, dyFromAlign, VerticalAlign } from "../../utils/index.ts"
 import { DualAxis } from "../axis/Axis"
 import { ColorScaleBin } from "../color/ColorScaleBin"
 import { TooltipState } from "../tooltip/Tooltip"

package/src/grapher/stackedCharts/MarimekkoBarsForOneEntity.tsx

@@ -1,4 +1,4 @@
-import { makeIdForHumanConsumption } from "../../utils/index.js"
+import { makeIdForHumanConsumption } from "../../utils/index.ts"
 import { DualAxis } from "../axis/Axis"
 import {
     Bar,
@@ -6,7 +6,7 @@ import {
     EntityColorData,
     MarimekkoBarProps,
 } from "./MarimekkoChartConstants"
-import { InteractionState } from "../interaction/InteractionState.js"
+import { InteractionState } from "../interaction/InteractionState.ts"
 import { BAR_OPACITY } from "./StackedConstants"
 
 interface MarimekkoBarsProps {

package/src/grapher/stackedCharts/MarimekkoChart.tsx

@@ -13,7 +13,7 @@ import {
     makeIdForHumanConsumption,
     dyFromAlign,
     exposeInstanceOnWindow,
-} from "../../utils/index.js"
+} from "../../utils/index.ts"
 import { action, computed, makeObservable, observable } from "mobx"
 import { observer } from "mobx-react"
 import {
@@ -29,14 +29,14 @@ import {
     EntityName,
     VerticalAlign,
     ColorScaleConfigInterface,
-} from "../../types/index.js"
-import { ChartsTable, CoreColumn } from "../../core-table/index.js"
+} from "../../types/index.ts"
+import { ChartsTable, CoreColumn } from "../../core-table/index.ts"
 import { getShortNameForEntity } from "../chart/ChartUtils"
 import {
     LEGEND_STYLE_FOR_STACKED_CHARTS,
     StackedSeries,
 } from "./StackedConstants"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps.ts"
 import {
     Tooltip,
     TooltipValue,
@@ -67,7 +67,7 @@ import {
     Bar,
 } from "./MarimekkoChartConstants"
 import { MarimekkoChartState } from "./MarimekkoChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.tsx"
 import { MarimekkoBars } from "./MarimekkoBars"
 import { toPlacedMarimekkoItems } from "./MarimekkoChartHelpers"