@buildcanada/charts 0.3.6 → 0.3.7

package/src/grapher/mapCharts/MapTooltip.tsx

@@ -6,7 +6,7 @@ import {
     FooterItem,
     TooltipFadeMode,
     TooltipFooterIcon,
-} from "../tooltip/TooltipProps"
+} from "../tooltip/TooltipProps.js"
 import {
     Tooltip,
     TooltipValue,
@@ -14,9 +14,9 @@ import {
     makeTooltipRoundingNotice,
     TooltipValueRange,
     formatTooltipRangeValues,
-} from "../tooltip/Tooltip"
-import { MapChartManager, MapColumnInfo } from "./MapChartConstants"
-import { ColorScale } from "../color/ColorScale"
+} from "../tooltip/Tooltip.js"
+import { MapChartManager, MapColumnInfo } from "./MapChartConstants.js"
+import { ColorScale } from "../color/ColorScale.js"
 import {
     Time,
     EntityName,
@@ -24,17 +24,17 @@ import {
     AxisConfigInterface,
     ColumnSlug,
     PrimitiveType,
-} from "../../types/index"
-import { CoreColumn, ChartsTable } from "../../core-table/index"
+} from "../../types/index.js"
+import { CoreColumn, ChartsTable } from "../../core-table/index.js"
 import {
     calculateTrendDirection,
     excludeUndefined,
     PointVector,
-} from "../../utils/index"
-import { darkenColorForHighContrastText } from "../color/ColorUtils"
-import { MapSparkline, MapSparklineManager } from "./MapSparkline"
+} from "../../utils/index.js"
+import { darkenColorForHighContrastText } from "../color/ColorUtils.js"
+import { MapSparkline, MapSparklineManager } from "./MapSparkline.js"
 import { match } from "ts-pattern"
-import { MapFormatValueForTooltip } from "./MapChartState"
+import { MapFormatValueForTooltip } from "./MapChartState.js"
 
 interface MapTooltipProps {
     entityName: EntityName

package/src/grapher/modal/DownloadModal.tsx

@@ -13,14 +13,14 @@ import {
     getPhraseForProcessingLevel,
     triggerDownloadFromBlob,
     triggerDownloadFromUrl,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import {
     Checkbox,
     CodeSnippet,
     OverlayHeader,
     RadioButton,
     LoadingIndicator,
-} from "../../components/index"
+} from "../../components/index.js"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import {
     faCircleExclamation,
@@ -34,26 +34,26 @@ import {
     Origin,
     QueryParams,
     type GrapherImageDownloadEvent,
-} from "../../types/index"
+} from "../../types/index.js"
 import {
     BlankChartsTable,
     ChartsTable,
     CoreColumn,
-} from "../../core-table/index"
-import { Modal } from "./Modal"
-import { GrapherRasterizeFn } from "../captionedChart/StaticChartRasterizer"
-import { TabItem, Tabs } from "../tabs/Tabs"
+} from "../../core-table/index.js"
+import { Modal } from "./Modal.js"
+import { GrapherRasterizeFn } from "../captionedChart/StaticChartRasterizer.js"
+import { TabItem, Tabs } from "../tabs/Tabs.js"
 import {
     DownloadIconFullDataset,
     DownloadIconSelected,
-} from "./DownloadIcons"
+} from "./DownloadIcons.js"
 import { match } from "ts-pattern"
 import * as R from "remeda"
 import {
     DEFAULT_GRAPHER_BOUNDS,
     DEFAULT_GRAPHER_BOUNDS_SQUARE,
     GrapherModal,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 
 export interface DownloadModalManager {
     displaySlug: string

package/src/grapher/modal/EmbedModal.tsx

@@ -1,14 +1,14 @@
 import { observer } from "mobx-react"
 import * as React from "react"
 import { computed, action, makeObservable } from "mobx"
-import { Bounds, Url } from "../../utils/index"
-import { Modal } from "./Modal"
+import { Bounds, Url } from "../../utils/index.js"
+import { Modal } from "./Modal.js"
 import {
     Checkbox,
     CodeSnippet,
     OverlayHeader,
-} from "../../components/index"
-import { DEFAULT_GRAPHER_BOUNDS, GrapherModal } from "../core/GrapherConstants"
+} from "../../components/index.js"
+import { DEFAULT_GRAPHER_BOUNDS, GrapherModal } from "../core/GrapherConstants.js"
 
 export interface EmbedModalManager {
     embedUrl?: string

package/src/grapher/modal/EntitySelectorModal.tsx

@@ -1,13 +1,13 @@
 import * as React from "react"
 import { observer } from "mobx-react"
 import { computed, action, makeObservable } from "mobx"
-import { Bounds } from "../../utils/index"
-import { Modal } from "./Modal"
+import { Bounds } from "../../utils/index.js"
+import { Modal } from "./Modal.js"
 import {
     EntitySelector,
     EntitySelectorManager,
-} from "../entitySelector/EntitySelector"
-import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants"
+} from "../entitySelector/EntitySelector.js"
+import { DEFAULT_GRAPHER_BOUNDS } from "../core/GrapherConstants.js"
 
 export interface EntitySelectorModalManager extends EntitySelectorManager {
     isEntitySelectorModalOrDrawerOpen?: boolean

package/src/grapher/modal/Modal.tsx

@@ -1,9 +1,9 @@
 import * as React from "react"
-import { Bounds, bind } from "../../utils/index"
+import { Bounds, bind } from "../../utils/index.js"
 import {
     isElementInteractive,
     isTargetOutsideElement,
-} from "../chart/ChartUtils"
+} from "../chart/ChartUtils.js"
 
 export class Modal extends React.Component<{
     bounds: Bounds

package/src/grapher/modal/ModalHeader.tsx

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

package/src/grapher/modal/SourcesDescriptions.tsx

@@ -4,7 +4,7 @@ import {
     ExpandableToggle,
     HtmlOrSimpleMarkdownText,
     SimpleMarkdownText,
-} from "../../components/index"
+} from "../../components/index.js"
 
 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"
+import { ProcessingLevel, excludeNull } from "../../utils/index.js"
 import {
     makeSource,
     makeLastUpdated,
@@ -10,7 +10,7 @@ import {
     makeUnit,
     makeUnitConversionFactor,
     makeLinks,
-} from "../../components/index"
+} from "../../components/index.js"
 import * as R from "remeda"
 
 interface SourcesKeyDataTableProps {

package/src/grapher/modal/SourcesModal.tsx

@@ -13,7 +13,7 @@ import {
     joinTitleFragments,
     getCitationShort,
     getCitationLong,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import {
     IndicatorSources,
     IndicatorProcessing,
@@ -23,25 +23,25 @@ import {
     CLOSE_BUTTON_WIDTH,
     CloseButton,
     LoadingIndicator,
-} from "../../components/index"
+} from "../../components/index.js"
 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"
-import { CoreColumn } from "../../core-table/index"
-import { Modal } from "./Modal"
-import { SourcesKeyDataTable } from "./SourcesKeyDataTable"
-import { SourcesDescriptions } from "./SourcesDescriptions"
-import { TabItem, Tabs } from "../tabs/Tabs"
-import { TabsWithDropdown } from "../tabs/TabsWithDropdown"
+import { ColumnDef } from "../../types/index.js"
+import { CoreColumn } from "../../core-table/index.js"
+import { Modal } from "./Modal.js"
+import { SourcesKeyDataTable } from "./SourcesKeyDataTable.js"
+import { SourcesDescriptions } from "./SourcesDescriptions.js"
+import { TabItem, Tabs } from "../tabs/Tabs.js"
+import { TabsWithDropdown } from "../tabs/TabsWithDropdown.js"
 import {
     DEFAULT_GRAPHER_BOUNDS,
     GrapherModal,
     isContinentsVariableId,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 
 // keep in sync with variables in SourcesModal.scss
 const MAX_CONTENT_WIDTH = 640

package/src/grapher/noDataModal/NoDataModal.tsx

@@ -2,16 +2,16 @@ 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"
+import { Bounds, VerticalAlign, dyFromAlign } from "../../utils/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     DEFAULT_GRAPHER_ENTITY_TYPE,
     DEFAULT_GRAPHER_ENTITY_TYPE_PLURAL,
     GRAPHER_TEXT_OUTLINE_FACTOR,
-} from "../core/GrapherConstants"
-import { Halo } from "../../components/index"
-import { GRAPHER_DARK_TEXT, GRAPHER_LIGHT_TEXT } from "../color/ColorConstants"
+} from "../core/GrapherConstants.js"
+import { Halo } from "../../components/index.js"
+import { GRAPHER_DARK_TEXT, GRAPHER_LIGHT_TEXT } from "../color/ColorConstants.js"
 
 export interface NoDataModalManager {
     canChangeEntity?: boolean

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"
-import { BASE_FONT_SIZE } from "../core/GrapherConstants"
-import { makeIdForHumanConsumption } from "../../utils/index"
+import { Triangle } from "./Triangle.js"
+import { TextWrap } from "../../components/index.js"
+import { BASE_FONT_SIZE } from "../core/GrapherConstants.js"
+import { makeIdForHumanConsumption } from "../../utils/index.js"
 import * as _ from "lodash-es"
 
 export interface ConnectedScatterLegendManager {

package/src/grapher/scatterCharts/NoDataSection.tsx

@@ -1,10 +1,10 @@
 import * as React from "react"
-import { Bounds, HorizontalAlign } from "../../utils/index"
+import { Bounds, HorizontalAlign } from "../../utils/index.js"
 import {
     GRAPHER_FONT_SCALE_11,
     GRAPHER_FONT_SCALE_12,
-} from "../core/GrapherConstants"
-import { GRAPHER_LIGHT_TEXT } from "../color/ColorConstants"
+} from "../core/GrapherConstants.js"
+import { GRAPHER_LIGHT_TEXT } from "../color/ColorConstants.js"
 
 export function NoDataSection({
     seriesNames,

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"
+import { EntitySelectionMode, SeriesName, Color } from "../../types/index.js"
 import { observable, computed, action, makeObservable } from "mobx"
 import { ScaleLinear, scaleSqrt } from "d3-scale"
 import { Quadtree, quadtree } from "d3-quadtree"
@@ -15,33 +15,33 @@ import {
     Bounds,
     isTouchDevice,
     makeIdForHumanConsumption,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import { observer } from "mobx-react"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 import {
     ChartsTable,
     isNotErrorValue,
     CoreColumn,
-} from "../../core-table/index"
+} from "../../core-table/index.js"
 import {
     ConnectedScatterLegend,
     ConnectedScatterLegendManager,
-} from "./ConnectedScatterLegend"
+} from "./ConnectedScatterLegend.js"
 import {
     VerticalColorLegend,
     VerticalColorLegendManager,
-} from "../legend/VerticalColorLegend"
-import { DualAxisComponent } from "../axis/AxisViews"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-
-import { ColorScale, NO_DATA_LABEL } from "../color/ColorScale"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
-import { ChartInterface } from "../chart/ChartInterface"
-import { getShortNameForEntity } from "../chart/ChartUtils"
+} from "../legend/VerticalColorLegend.js"
+import { DualAxisComponent } from "../axis/AxisViews.js"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+
+import { ColorScale, NO_DATA_LABEL } from "../color/ColorScale.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { getShortNameForEntity } from "../chart/ChartUtils.js"
 import {
     ScatterPlotManager,
     ScatterSeries,
@@ -52,25 +52,25 @@ import {
     SeriesPoint,
     ScatterPointQuadtreeNode,
     SCATTER_QUADTREE_SAMPLING_DISTANCE,
-} from "./ScatterPlotChartConstants"
-import { ScatterPointsWithLabels } from "./ScatterPointsWithLabels"
-import { ColorScaleBin } from "../color/ColorScaleBin"
+} from "./ScatterPlotChartConstants.js"
+import { ScatterPointsWithLabels } from "./ScatterPointsWithLabels.js"
+import { ColorScaleBin } from "../color/ColorScaleBin.js"
 import {
     LegendInteractionState,
     LegendStyleConfig,
-} from "../legend/LegendInteractionState"
+} from "../legend/LegendInteractionState.js"
 import {
     ScatterSizeLegend,
     ScatterSizeLegendManager,
-} from "./ScatterSizeLegend"
-import { TooltipState } from "../tooltip/Tooltip"
-import { NoDataSection } from "./NoDataSection"
-import { ScatterPlotChartState } from "./ScatterPlotChartState"
-import { ChartComponentProps } from "../chart/ChartTypeMap"
-import { toSizeRange } from "./ScatterUtils"
-import { ScatterPlotTooltip } from "./ScatterPlotTooltip"
-import { GRAY_100, GRAY_60 } from "../color/ColorConstants"
-import { INACTIVE_SCATTER_POINT_COLOR } from "./ScatterPoints"
+} from "./ScatterSizeLegend.js"
+import { TooltipState } from "../tooltip/Tooltip.js"
+import { NoDataSection } from "./NoDataSection.js"
+import { ScatterPlotChartState } from "./ScatterPlotChartState.js"
+import { ChartComponentProps } from "../chart/ChartTypeMap.js"
+import { toSizeRange } from "./ScatterUtils.js"
+import { ScatterPlotTooltip } from "./ScatterPlotTooltip.js"
+import { GRAY_100, GRAY_60 } from "../color/ColorConstants.js"
+import { INACTIVE_SCATTER_POINT_COLOR } from "./ScatterPoints.js"
 
 export type ScatterPlotChartProps = ChartComponentProps<ScatterPlotChartState>
 

package/src/grapher/scatterCharts/ScatterPlotChartConstants.ts

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

package/src/grapher/scatterCharts/ScatterPlotChartState.ts

@@ -5,21 +5,21 @@ import {
     defaultIfErrorValue,
     isNotErrorValue,
     ChartsTable,
-} from "../../core-table/index"
-import { ChartState } from "../chart/ChartInterface"
-import { ColorScale, ColorScaleManager } from "../color/ColorScale"
+} from "../../core-table/index.js"
+import { ChartState } from "../chart/ChartInterface.js"
+import { ColorScale, ColorScaleManager } from "../color/ColorScale.js"
 import {
     SCATTER_POINT_DEFAULT_COLOR,
     ScatterPlotManager,
     ScatterSeries,
     SeriesPoint,
-} from "./ScatterPlotChartConstants"
+} from "./ScatterPlotChartConstants.js"
 import { computed, makeObservable } from "mobx"
 import {
     autoDetectYColumnSlugs,
     getShortNameForEntity,
     makeSelectionArray,
-} from "../chart/ChartUtils"
+} from "../chart/ChartUtils.js"
 import {
     ChartErrorInfo,
     ColorSchemeName,
@@ -29,20 +29,20 @@ import {
     ColorScaleConfigInterface,
     SeriesName,
     ValueRange,
-} from "../../types/index"
+} from "../../types/index.js"
 import {
     domainExtent,
     intersection,
     lowerCaseFirstLetterUnlessAbbreviation,
-} from "../../utils/index"
-import { ColorScaleConfig } from "../color/ColorScaleConfig"
-import { NO_DATA_GRAY } from "../color/ColorConstants"
-import { AxisConfig } from "../axis/AxisConfig"
-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"
+} from "../../utils/index.js"
+import { ColorScaleConfig } from "../color/ColorScaleConfig.js"
+import { NO_DATA_GRAY } from "../color/ColorConstants.js"
+import { AxisConfig } from "../axis/AxisConfig.js"
+import { BASE_FONT_SIZE } from "../core/GrapherConstants.js"
+import { SelectionArray } from "../selection/SelectionArray.js"
+import { computeSizeDomain } from "./ScatterUtils.js"
+import { FocusArray } from "../focus/FocusArray.js"
+import { HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
 
 export class ScatterPlotChartState implements ChartState, ColorScaleManager {
     manager: ScatterPlotManager

package/src/grapher/scatterCharts/ScatterPlotChartThumbnail.tsx

@@ -2,26 +2,26 @@ 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 { ScatterPlotChartState } from "./ScatterPlotChartState"
-import { type ScatterPlotChartProps } from "./ScatterPlotChart"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { ScatterPlotChartState } from "./ScatterPlotChartState.js"
+import { type ScatterPlotChartProps } from "./ScatterPlotChart.js"
 import { ScaleLinear, scaleSqrt } from "d3-scale"
-import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis"
-import { Bounds } from "../../utils/index"
+import { DualAxis, HorizontalAxis, VerticalAxis } from "../axis/Axis.js"
+import { Bounds } from "../../utils/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
-} from "../core/GrapherConstants"
-import { AxisConfig, AxisManager } from "../axis/AxisConfig"
+} from "../core/GrapherConstants.js"
+import { AxisConfig, AxisManager } from "../axis/AxisConfig.js"
 import {
     SCATTER_LINE_MIN_WIDTH,
     SCATTER_POINT_MIN_RADIUS,
     ScatterPlotManager,
-} from "./ScatterPlotChartConstants"
-import { toSizeRange } from "./ScatterUtils"
-import { DualAxisComponent } from "../axis/AxisViews"
-import { ScatterPointsWithLabels } from "./ScatterPointsWithLabels"
-import { NoDataModal } from "../noDataModal/NoDataModal"
+} from "./ScatterPlotChartConstants.js"
+import { toSizeRange } from "./ScatterUtils.js"
+import { DualAxisComponent } from "../axis/AxisViews.js"
+import { ScatterPointsWithLabels } from "./ScatterPointsWithLabels.js"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
 
 @observer
 export class ScatterPlotChartThumbnail

package/src/grapher/scatterCharts/ScatterPlotTooltip.tsx

@@ -9,8 +9,8 @@ import {
     calculateTrendDirection,
     Time,
     RequiredBy,
-} from "../../utils/index"
-import { CoreColumn } from "../../core-table/index"
+} from "../../utils/index.js"
+import { CoreColumn } from "../../core-table/index.js"
 import {
     Tooltip,
     TooltipState,
@@ -19,10 +19,10 @@ import {
     makeTooltipRoundingNotice,
     formatTooltipRangeValues,
     TooltipValue,
-} from "../tooltip/Tooltip"
-import { FooterItem, TooltipFooterIcon } from "../tooltip/TooltipProps"
-import { ScatterSeries, SeriesPoint } from "./ScatterPlotChartConstants"
-import { ScatterPlotChartState } from "./ScatterPlotChartState"
+} from "../tooltip/Tooltip.js"
+import { FooterItem, TooltipFooterIcon } from "../tooltip/TooltipProps.js"
+import { ScatterSeries, SeriesPoint } from "./ScatterPlotChartConstants.js"
+import { ScatterPlotChartState } from "./ScatterPlotChartState.js"
 
 export interface ScatterPlotTooltipProps {
     chartState: ScatterPlotChartState

package/src/grapher/scatterCharts/ScatterPoints.tsx

@@ -1,14 +1,14 @@
 import * as R from "remeda"
-import { PointVector, makeIdForHumanConsumption } from "../../utils/index"
+import { PointVector, makeIdForHumanConsumption } from "../../utils/index.js"
 import { observer } from "mobx-react"
 import * as React from "react"
-import { MultiColorPolyline } from "./MultiColorPolyline"
+import { MultiColorPolyline } from "./MultiColorPolyline.js"
 import {
     ScatterRenderSeries,
     SCATTER_POINT_OPACITY,
     SCATTER_POINT_STROKE_WIDTH,
-} from "./ScatterPlotChartConstants"
-import { Triangle } from "./Triangle"
+} from "./ScatterPlotChartConstants.js"
+import { Triangle } from "./Triangle.js"
 
 interface ScatterPointProps {
     series: ScatterRenderSeries

package/src/grapher/scatterCharts/ScatterPointsWithLabels.tsx

@@ -2,8 +2,8 @@ import * as _ from "lodash-es"
 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"
+import { NoDataModal } from "../noDataModal/NoDataModal.js"
+import { SortOrder } from "../../types/index.js"
 import {
     Bounds,
     PointVector,
@@ -13,12 +13,12 @@ import {
     intersection,
     guid,
     makeIdForHumanConsumption,
-} from "../../utils/index"
+} from "../../utils/index.js"
 import { computed, action, observable, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import * as React from "react"
-import { Halo } from "../../components/index"
-import { MultiColorPolyline } from "./MultiColorPolyline"
+import { Halo } from "../../components/index.js"
+import { MultiColorPolyline } from "./MultiColorPolyline.js"
 import {
     ScatterPointsWithLabelsProps,
     ScatterRenderSeries,
@@ -29,20 +29,20 @@ import {
     SCATTER_POINT_HOVER_TARGET_RANGE,
     ScatterRenderPoint,
     SCATTER_LABEL_MIN_FONT_SIZE_FACTOR,
-} from "./ScatterPlotChartConstants"
-import { ScatterLine, ScatterPoint } from "./ScatterPoints"
+} from "./ScatterPlotChartConstants.js"
+import { ScatterLine, ScatterPoint } from "./ScatterPoints.js"
 import {
     makeStartLabel,
     makeMidLabels,
     makeEndLabel,
     labelPriority,
-} from "./ScatterUtils"
-import { Triangle } from "./Triangle"
-import { ColorScale } from "../color/ColorScale"
+} from "./ScatterUtils.js"
+import { Triangle } from "./Triangle.js"
+import { ColorScale } from "../color/ColorScale.js"
 import {
     BASE_FONT_SIZE,
     GRAPHER_TEXT_OUTLINE_FACTOR,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 
 // This is the component that actually renders the points. The higher level ScatterPlot class renders points, legends, comparison lines, etc.
 @observer