@buildcanada/charts 0.3.4 → 0.3.6

package/src/grapher/chart/ChartTypeSwitcher.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import {
     ALL_GRAPHER_CHART_TYPES,
     GrapherChartType,
-} from "../../types/index.js"
+} from "../../types/index"
 
 // Just a utility for testing
 export class ChartTypeSwitcher extends React.Component<{

package/src/grapher/chart/ChartUtils.tsx

@@ -4,7 +4,7 @@ import {
     excludeUndefined,
     getRegionByName,
     Url,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import {
     SeriesStrategy,
     EntityName,
@@ -17,7 +17,7 @@ import {
     PrimitiveType,
     ColumnTypeNames,
     Time,
-} from "../../types/index.js"
+} from "../../types/index"
 import { LineChartSeries } from "../lineCharts/LineChartConstants"
 import { SelectionArray } from "../selection/SelectionArray"
 import { ChartManager } from "./ChartManager"
@@ -36,7 +36,7 @@ import {
     ErrorValueTypes,
     isNotErrorValueOrEmptyCell,
     ChartsTable,
-} from "../../core-table/index.js"
+} from "../../core-table/index"
 import { GRAPHER_BACKGROUND_DEFAULT } from "../color/ColorConstants"
 import { InteractionState } from "../interaction/InteractionState"
 

package/src/grapher/chart/DimensionSlot.ts

@@ -3,7 +3,7 @@
 import { GrapherState } from "../core/GrapherState"
 import { computed, makeObservable } from "mobx"
 import { ChartDimension } from "./ChartDimension"
-import { DimensionProperty } from "../../utils/index.js"
+import { DimensionProperty } from "../../utils/index"
 
 export class DimensionSlot {
     private grapherState: GrapherState

package/src/grapher/chart/StaticChartWrapper.tsx

@@ -1,11 +1,11 @@
 import React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { Bounds } from "../../utils/index.js"
-import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants.js"
-import { CaptionedChartManager } from "../captionedChart/CaptionedChart.js"
-import { GRAPHER_BACKGROUND_DEFAULT } from "../color/ColorConstants.js"
-import { getChartSvgProps, NoDataPattern } from "./ChartUtils.js"
+import { Bounds } from "../../utils/index"
+import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants"
+import { CaptionedChartManager } from "../captionedChart/CaptionedChart"
+import { GRAPHER_BACKGROUND_DEFAULT } from "../color/ColorConstants"
+import { getChartSvgProps, NoDataPattern } from "./ChartUtils"
 
 interface StaticChartWrapperProps {
     manager: CaptionedChartManager

package/src/grapher/chart/guidedChartUtils.ts

@@ -1,12 +1,12 @@
 import * as React from "react"
-import { GrapherProgrammaticInterface } from "../core/Grapher.js"
-import { GrapherState } from "../core/GrapherState.js"
-import { MultiDimDataPageConfig, Url } from "../../utils/index.js"
+import { GrapherProgrammaticInterface } from "../core/Grapher"
+import { GrapherState } from "../core/GrapherState"
+import { MultiDimDataPageConfig, Url } from "../../utils/index"
 import {
     GrapherQueryParams,
     MultiDimDimensionChoices,
     ChartConfigType,
-} from "../../types/index.js"
+} from "../../types/index"
 
 export interface ArchiveGuidedChartRegistration {
     iframeRef: React.RefObject<HTMLIFrameElement | null>

package/src/grapher/color/BinningStrategies.ts

@@ -3,11 +3,11 @@ import {
     AutomaticBinningStrategy,
     MidpointMode,
     ResolvedBinningStrategy,
-} from "../../types/index.js"
+} from "../../types/index"
 import {
     firstOfNonEmptyArray,
     lastOfNonEmptyArray,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { quantile } from "d3"
 import { sortedUniq } from "lodash-es"
 import * as R from "remeda"
@@ -15,11 +15,11 @@ import { match, P } from "ts-pattern"
 import {
     isLogBinningStrategy,
     runLogBinningStrategy,
-} from "./BinningStrategyLogarithmic.js"
+} from "./BinningStrategyLogarithmic"
 import {
     isEqualSizeBinningStrategy,
     runEqualSizeBinningStrategy,
-} from "./BinningStrategyEqualSizeBins.js"
+} from "./BinningStrategyEqualSizeBins"
 
 /**
  * Strategies:

package/src/grapher/color/BinningStrategyEqualSizeBins.ts

@@ -2,15 +2,15 @@ import {
     BinningStrategyIncludingManual,
     EqualSizeBinningStrategy,
     ResolvedBinningStrategy,
-} from "../../types/index.js"
+} from "../../types/index"
 import {
     normaliseToSingleDigitNumber,
     RequiredBy,
     roundSigFig,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import * as R from "remeda"
 import { match, P } from "ts-pattern"
-import { ResolvedBinningStrategyConfig } from "./BinningStrategies.js"
+import { ResolvedBinningStrategyConfig } from "./BinningStrategies"
 
 export const isEqualSizeBinningStrategy = (
     strategy: BinningStrategyIncludingManual | ResolvedBinningStrategy

package/src/grapher/color/BinningStrategyLogarithmic.ts

@@ -1,14 +1,14 @@
-import { numberMagnitude, RequiredBy } from "../../utils/index.js"
+import { numberMagnitude, RequiredBy } from "../../utils/index"
 import {
     BinningStrategyIncludingManual,
     LogBinningStrategy,
     ResolvedLogBinningStrategy,
-} from "../../types/index.js"
+} from "../../types/index"
 import {
     calcMagnitudeDiff,
     pruneUnusedBins,
     ResolvedBinningStrategyConfig,
-} from "./BinningStrategies.js"
+} from "./BinningStrategies"
 import * as R from "remeda"
 import { match } from "ts-pattern"
 

package/src/grapher/color/CategoricalColorAssigner.ts

@@ -1,5 +1,5 @@
 import * as R from "remeda"
-import { Color } from "../../utils/index.js"
+import { Color } from "../../utils/index"
 import { ColorScheme } from "./ColorScheme"
 import { getLeastUsedColor } from "./ColorUtils"
 

package/src/grapher/color/ColorBrewerSchemes.ts

@@ -3,7 +3,7 @@ import {
     Color,
     ColorSchemeInterface,
     ColorSchemeName,
-} from "../../types/index.js"
+} from "../../types/index"
 
 type ColorSchemeProps = { displayName: string; singleColorScale: boolean }
 

package/src/grapher/color/ColorScale.ts

@@ -1,7 +1,7 @@
 import * as _ from "lodash-es"
 import { computed, toJS, makeObservable } from "mobx"
 import { ColorScaleConfig } from "./ColorScaleConfig"
-import { mapNullToUndefined, sortNumeric } from "../../utils/index.js"
+import { mapNullToUndefined, sortNumeric } from "../../utils/index"
 import { pairs } from "d3-array"
 import { ColorSchemes } from "../color/ColorSchemes"
 import { ColorScheme } from "../color/ColorScheme"
@@ -13,10 +13,10 @@ import {
     Color,
     CoreValueType,
     VariableRoundingMode,
-} from "../../types/index.js"
-import { CoreColumn } from "../../core-table/index.js"
+} from "../../types/index"
+import { CoreColumn } from "../../core-table/index"
 import * as R from "remeda"
-import { runBinningStrategy } from "./BinningStrategies.js"
+import { runBinningStrategy } from "./BinningStrategies"
 
 export const NO_DATA_LABEL = "No data"
 export const PROJECTED_DATA_LABEL = "Projected data"

package/src/grapher/color/ColorScaleBin.ts

@@ -1,4 +1,4 @@
-import { Color, CoreValueType } from "../../types/index.js"
+import { Color, CoreValueType } from "../../types/index"
 import { NO_DATA_LABEL, PROJECTED_DATA_LABEL } from "./ColorScale"
 
 interface BinProps {

package/src/grapher/color/ColorScaleConfig.ts

@@ -7,14 +7,14 @@ import {
     ColorSchemeName,
     ColorScaleConfigInterface,
     MidpointMode,
-} from "../../types/index.js"
+} from "../../types/index"
 import {
     trimObject,
     deleteRuntimeAndUnchangedProps,
     objectWithPersistablesToObject,
     Persistable,
     updatePersistables,
-} from "../../utils/index.js"
+} from "../../utils/index"
 
 import { NO_DATA_LABEL } from "./ColorScale"
 

package/src/grapher/color/ColorScheme.ts

@@ -2,8 +2,8 @@
 import * as _ from "lodash-es"
 import { rgb } from "d3-color"
 import { interpolate } from "d3-interpolate"
-import { lastOfNonEmptyArray, Color } from "../../utils/index.js"
-import { ColorSchemeInterface } from "../../types/index.js"
+import { lastOfNonEmptyArray, Color } from "../../utils/index"
+import { ColorSchemeInterface } from "../../types/index"
 import { interpolateArray } from "./ColorUtils"
 
 export class ColorScheme implements ColorSchemeInterface {

package/src/grapher/color/ColorSchemes.ts

@@ -8,8 +8,8 @@ import {
     ColorSchemeName,
     GRAPHER_MAP_TYPE,
     GrapherChartOrMapType,
-} from "../../types/index.js"
-import { getColorBrewerScheme } from "./ColorBrewerSchemes.js"
+} from "../../types/index"
+import { getColorBrewerScheme } from "./ColorBrewerSchemes"
 
 function getPreferredSchemesByType(
     type: GrapherChartOrMapType

package/src/grapher/color/ColorUtils.ts

@@ -1,5 +1,5 @@
 import * as _ from "lodash-es"
-import { Color } from "../../types/index.js"
+import { Color } from "../../types/index"
 import { rgb, color, RGBColor } from "d3-color"
 import { interpolate } from "d3-interpolate"
 

package/src/grapher/color/CustomSchemes.ts

@@ -1,6 +1,6 @@
 import * as _ from "lodash-es"
-import { lazy } from "../../utils/index.js"
-import { ColorSchemeInterface, ColorSchemeName } from "../../types/index.js"
+import { lazy } from "../../utils/index"
+import { ColorSchemeInterface, ColorSchemeName } from "../../types/index"
 import * as R from "remeda"
 
 // TODO: Initialize CustomColorSchemes lazily

package/src/grapher/comparisonLine/ComparisonLine.tsx

@@ -3,7 +3,7 @@ import {
     Color,
     ComparisonLineConfig,
     VerticalComparisonLineConfig,
-} from "../../types/index.js"
+} from "../../types/index"
 import { VerticalComparisonLine } from "./VerticalComparisonLine"
 import { CustomComparisonLine } from "./CustomComparisonLine"
 import { isValidVerticalComparisonLineConfig } from "./ComparisonLineHelpers"

package/src/grapher/comparisonLine/ComparisonLineGenerator.ts

@@ -1,6 +1,6 @@
 import Formula from "fparser"
 import { scaleLinear, scaleLog } from "d3-scale"
-import { ScaleType } from "../../types/index.js"
+import { ScaleType } from "../../types/index"
 
 export function generateComparisonLinePoints(
     lineFunction: string = "x",

package/src/grapher/comparisonLine/ComparisonLineHelpers.ts

@@ -1,7 +1,7 @@
 import {
     ComparisonLineConfig,
     VerticalComparisonLineConfig,
-} from "../../types/index.js"
+} from "../../types/index"
 
 export function isValidVerticalComparisonLineConfig(
     lineConfig: ComparisonLineConfig

package/src/grapher/comparisonLine/CustomComparisonLine.tsx

@@ -6,10 +6,10 @@ import {
     guid,
     PointVector,
     makeIdForHumanConsumption,
-} from "../../utils/index.js"
-import { CustomComparisonLineConfig } from "../../types/index.js"
+} from "../../utils/index"
+import { CustomComparisonLineConfig } from "../../types/index"
 import { generateComparisonLinePoints } from "./ComparisonLineGenerator"
-import { Halo } from "../../components/index.js"
+import { Halo } from "../../components/index"
 import { GRAPHER_TEXT_OUTLINE_FACTOR } from "../core/GrapherConstants"
 import { ClipPath, makeClipPath } from "../chart/ChartUtils"
 import {

package/src/grapher/comparisonLine/VerticalComparisonLine.tsx

@@ -7,13 +7,13 @@ import {
     dyFromAlign,
     makeIdForHumanConsumption,
     VerticalAlign,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import {
     COMPARISON_LINE_STYLE,
     COMPARISON_LINE_LABEL_STYLE,
 } from "./ComparisonLineConstants"
 import { ComparisonLineProps } from "./ComparisonLine"
-import { VerticalComparisonLineConfig } from "../../types/index.js"
+import { VerticalComparisonLineConfig } from "../../types/index"
 import { isValidVerticalComparisonLineConfig } from "./ComparisonLineHelpers"
 
 @observer

package/src/grapher/controls/ActionButtons.tsx

@@ -16,11 +16,11 @@ import {
     ShareMenuManager,
     shareUsingShareApi,
     shouldShareUsingShareApi,
-} from "./ShareMenu.js"
-import { Tippy } from "../../utils/index.js"
+} from "./ShareMenu"
+import { Tippy } from "../../utils/index"
 import classNames from "classnames"
-import { GrapherModal } from "../core/GrapherConstants.js"
-import { DownloadModalTabName } from "../modal/DownloadModal.js"
+import { GrapherModal } from "../core/GrapherConstants"
+import { DownloadModalTabName } from "../modal/DownloadModal"
 
 export interface ActionButtonsManager extends ShareMenuManager {
     isAdmin?: boolean

package/src/grapher/controls/CommandPalette.tsx

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import * as _ from "lodash-es"
-import { BodyPortal } from "../../components/index.js"
+import { BodyPortal } from "../../components/index"
 import { observer } from "mobx-react"
 import * as React from "react"
 

package/src/grapher/controls/ContentSwitchers.tsx

@@ -2,11 +2,11 @@ import * as React from "react"
 import { action, computed, observable, makeObservable } from "mobx"
 import cx from "classnames"
 import { observer } from "mobx-react"
-import { GrapherTabName } from "../../types/index.js"
-import { TabItem, Tabs } from "../tabs/Tabs.js"
+import { GrapherTabName } from "../../types/index"
+import { TabItem, Tabs } from "../tabs/Tabs"
 import { makeLabelForGrapherTab } from "../chart/ChartTabs"
 import { Menu, MenuItem, Popover } from "react-aria-components"
-import { GrapherTabIcon } from "../../components/index.js"
+import { GrapherTabIcon } from "../../components/index"
 
 export interface ContentSwitchersManager {
     availableTabs?: GrapherTabName[]

package/src/grapher/controls/DataTableFilterDropdown.tsx

@@ -2,9 +2,9 @@ import * as React from "react"
 import { computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { Dropdown } from "./Dropdown"
-import { EntityName } from "../../utils/index.js"
+import { EntityName } from "../../utils/index"
 import { DataTableConfig } from "../dataTable/DataTableConstants"
-import { ChartsTable } from "../../core-table/index.js"
+import { ChartsTable } from "../../core-table/index"
 import { SelectionArray } from "../selection/SelectionArray"
 import { makeSelectionArray } from "../chart/ChartUtils"
 import {

package/src/grapher/controls/Dropdown.tsx

@@ -18,7 +18,7 @@ import {
 } from "react-aria-components"
 import { faTimesCircle } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { isTouchDevice } from "../../utils/index.js"
+import { isTouchDevice } from "../../utils/index"
 
 export interface BasicDropdownOption {
     trackNote?: string

package/src/grapher/controls/EntitySelectionToggle.tsx

@@ -4,7 +4,7 @@ import { observer } from "mobx-react"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faEye, faRightLeft, faPen } from "@fortawesome/free-solid-svg-icons"
 import classnames from "classnames"
-import { GrapherWindowType } from "../../types/index.js"
+import { GrapherWindowType } from "../../types/index"
 
 export interface EntitySelectionManager {
     canHighlightEntities?: boolean

package/src/grapher/controls/MapRegionDropdown.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { MapConfig } from "../mapCharts/MapConfig"
-import { MapRegionName } from "../../types/index.js"
+import { MapRegionName } from "../../types/index"
 import { Dropdown } from "./Dropdown"
 import { MAP_REGION_LABELS } from "../mapCharts/MapChartConstants"
 import { GlobeController } from "../mapCharts/GlobeController"

package/src/grapher/controls/MapResetButton.tsx

@@ -6,7 +6,7 @@ import {
     GrapherWindowType,
     MapRegionName,
     TimeBound,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { GlobeController } from "../mapCharts/GlobeController"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faRotateLeft } from "@fortawesome/free-solid-svg-icons"

package/src/grapher/controls/MapZoomDropdown.tsx

@@ -14,7 +14,7 @@ import {
     checkIsIncomeGroupName,
     getUserCountryInformation,
     regions,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { GlobeController } from "../mapCharts/GlobeController"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faLocationArrow } from "@fortawesome/free-solid-svg-icons"
@@ -23,7 +23,7 @@ import {
     DropdownCollection,
     DropdownCollectionItem,
     DropdownOptionGroup,
-} from "./Dropdown.js"
+} from "./Dropdown"
 import { MAP_REGION_LABELS } from "../mapCharts/MapChartConstants"
 import { match } from "ts-pattern"
 import * as R from "remeda"

package/src/grapher/controls/MapZoomToSelectionButton.tsx

@@ -3,7 +3,7 @@ import { computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { MapConfig } from "../mapCharts/MapConfig"
 import { GlobeController } from "../mapCharts/GlobeController"
-import { MapRegionName } from "../../types/index.js"
+import { MapRegionName } from "../../types/index"
 
 export interface MapZoomToSelectionButtonManager {
     mapConfig?: MapConfig

package/src/grapher/controls/SearchField.tsx

@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import * as React from "react"
 import { forwardRef } from "react"
 import cx from "classnames"
-import { isTouchDevice } from "../../utils/index.js"
+import { isTouchDevice } from "../../utils/index"
 
 export const SearchField = forwardRef<
     HTMLInputElement,

package/src/grapher/controls/SettingsMenu.tsx

@@ -16,11 +16,11 @@ import {
     GRAPHER_CHART_TYPES,
     FacetStrategy,
     GrapherChartType,
-} from "../../types/index.js"
-import { OverlayHeader } from "../../components/index.js"
+} from "../../types/index"
+import { OverlayHeader } from "../../components/index"
 import { SelectionArray } from "../selection/SelectionArray"
 import { ChartDimension } from "../chart/ChartDimension"
-import { makeSelectionArray } from "../chart/ChartUtils.js"
+import { makeSelectionArray } from "../chart/ChartUtils"
 import { AxisConfig } from "../axis/AxisConfig"
 
 import { AxisScaleToggle } from "./settings/AxisScaleToggle"

package/src/grapher/controls/ShareMenu.tsx

@@ -15,10 +15,10 @@ import {
     copyToClipboard,
     isAndroid,
     isIOS,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { GrapherModal } from "../core/GrapherConstants"
-import { isTargetOutsideElement } from "../chart/ChartUtils.js"
-import { GrapherRasterizeFn } from "../captionedChart/StaticChartRasterizer.js"
+import { isTargetOutsideElement } from "../chart/ChartUtils"
+import { GrapherRasterizeFn } from "../captionedChart/StaticChartRasterizer"
 
 export interface ShareMenuManager {
     slug?: string

package/src/grapher/controls/SortIcon.tsx

@@ -8,7 +8,7 @@ import {
     faSortAmountDown,
 } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { SortOrder } from "../../types/index.js"
+import { SortOrder } from "../../types/index"
 
 export function SortIcon(props: {
     type?: "text" | "numeric"

package/src/grapher/controls/controlsRow/ControlsRow.tsx

@@ -2,7 +2,7 @@ import { Component } from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 
-import { Bounds } from "../../../utils/index.js"
+import { Bounds } from "../../../utils/index"
 
 import { ContentSwitchers, ContentSwitchersManager } from "../ContentSwitchers"
 import {

package/src/grapher/controls/entityPicker/EntityPicker.tsx

@@ -23,7 +23,7 @@ import {
     EntityName,
     CoreColumnDef,
     ChartsTableSlugs,
-} from "../../../utils/index.js"
+} from "../../../utils/index"
 import classnames from "classnames"
 import { scaleLinear, ScaleLinear } from "d3-scale"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
@@ -35,7 +35,7 @@ import {
     ColumnTypeMap,
     CoreColumn,
     ChartsTable,
-} from "../../../core-table/index.js"
+} from "../../../core-table/index"
 import { EntityPickerManager } from "./EntityPickerConstants"
 import { SelectionArray } from "../../selection/SelectionArray"
 

package/src/grapher/controls/entityPicker/EntityPickerConstants.ts

@@ -1,7 +1,7 @@
-import { ColumnSlug } from "../../../utils/index.js"
+import { ColumnSlug } from "../../../utils/index"
 import { GrapherAnalytics } from "../../core/GrapherAnalytics"
-import { ChartsTable } from "../../../core-table/index.js"
-import { CoreColumnDef, EntityName, SortOrder } from "../../../types/index.js"
+import { ChartsTable } from "../../../core-table/index"
+import { CoreColumnDef, EntityName, SortOrder } from "../../../types/index"
 import { MapConfig } from "../../mapCharts/MapConfig"
 
 export interface EntityPickerManager {

package/src/grapher/controls/globalEntitySelector/GlobalEntitySelector.tsx

@@ -27,12 +27,12 @@ import {
     setWindowUrl,
     lazy,
     RegionType,
-} from "../../../utils/index.js"
+} from "../../../utils/index"
 import { GrapherAnalytics } from "../../core/GrapherAnalytics"
 import { WORLD_ENTITY_NAME } from "../../core/GrapherConstants"
 import { GLOBAL_ENTITY_SELECTOR_ELEMENT } from "./GlobalEntitySelectorConstants"
 import { SelectionArray } from "../../selection/SelectionArray"
-import { EntityName } from "../../../types/index.js"
+import { EntityName } from "../../../types/index"
 import { setSelectedEntityNamesParam } from "../../core/EntityUrlBuilder"
 
 enum GlobalEntitySelectionModes {

package/src/grapher/controls/settings/AbsRelToggle.tsx

@@ -5,8 +5,8 @@ import {
     GRAPHER_CHART_TYPES,
     GrapherChartType,
     StackMode,
-} from "../../../types/index.js"
-import { LabeledSwitch } from "../../../components/index.js"
+} from "../../../types/index"
+import { LabeledSwitch } from "../../../components/index"
 
 const { LineChart, ScatterPlot, SlopeChart } = GRAPHER_CHART_TYPES
 

package/src/grapher/controls/settings/AxisScaleToggle.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ScaleType } from "../../../types/index.js"
+import { ScaleType } from "../../../types/index"
 import { AxisConfig } from "../../axis/AxisConfig"
 import classnames from "classnames"
 

package/src/grapher/controls/settings/FacetStrategySelector.tsx

@@ -3,7 +3,7 @@ import * as React from "react"
 import { computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { DEFAULT_GRAPHER_ENTITY_TYPE } from "../../core/GrapherConstants"
-import { FacetStrategy } from "../../../utils/index.js"
+import { FacetStrategy } from "../../../utils/index"
 import classnames from "classnames"
 
 export interface FacetStrategySelectionManager {

package/src/grapher/controls/settings/FacetYDomainToggle.tsx

@@ -1,9 +1,9 @@
 import * as React from "react"
 import { computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { FacetAxisDomain, FacetStrategy } from "../../../types/index.js"
+import { FacetAxisDomain, FacetStrategy } from "../../../types/index"
 import { AxisConfig } from "../../axis/AxisConfig"
-import { LabeledSwitch } from "../../../components/index.js"
+import { LabeledSwitch } from "../../../components/index"
 
 export interface FacetYDomainToggleManager {
     facetStrategy?: FacetStrategy

package/src/grapher/controls/settings/NoDataAreaToggle.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { LabeledSwitch } from "../../../components/index.js"
+import { LabeledSwitch } from "../../../components/index"
 
 export interface NoDataAreaToggleManager {
     showNoDataArea?: boolean

package/src/grapher/controls/settings/ZoomToggle.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { LabeledSwitch } from "../../../components/index.js"
+import { LabeledSwitch } from "../../../components/index"
 
 export interface ZoomToggleManager {
     zoomToSelection?: boolean