@buildcanada/charts 0.3.5 → 0.3.7

package/src/grapher/stackedCharts/StackedDiscreteBars.tsx

@@ -11,26 +11,26 @@ import {
     dyFromAlign,
     exposeInstanceOnWindow,
     bind,
-} from "../../utils/index.ts"
+} from "../../utils/index.js"
 import { action, computed, makeObservable } from "mobx"
 import { observer } from "mobx-react"
-import { ScaleType, SeriesName, VerticalAlign } from "../../types/index.ts"
+import { ScaleType, SeriesName, VerticalAlign } from "../../types/index.js"
 import {
     BASE_FONT_SIZE,
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FONT_SCALE_12,
     GRAPHER_OPACITY_MUTE,
-} from "../core/GrapherConstants"
+} from "../core/GrapherConstants.js"
 import {
     HorizontalAxisComponent,
     HorizontalAxisGridLines,
     HorizontalAxisZeroLine,
-} from "../axis/AxisViews"
-import { AxisConfig } from "../axis/AxisConfig"
-import { ChartInterface } from "../chart/ChartInterface"
-import { ChartsTable, CoreColumn } from "../../core-table/index.ts"
-import { ChartManager } from "../chart/ChartManager"
-import { TooltipFooterIcon } from "../tooltip/TooltipProps.ts"
+} from "../axis/AxisViews.js"
+import { AxisConfig } from "../axis/AxisConfig.js"
+import { ChartInterface } from "../chart/ChartInterface.js"
+import { ChartsTable, CoreColumn } from "../../core-table/index.js"
+import { ChartManager } from "../chart/ChartManager.js"
+import { TooltipFooterIcon } from "../tooltip/TooltipProps.js"
 import {
     Tooltip,
     TooltipState,
@@ -38,7 +38,7 @@ import {
     makeTooltipRoundingNotice,
     makeTooltipToleranceNotice,
     toTooltipTableColumns,
-} from "../tooltip/Tooltip"
+} from "../tooltip/Tooltip.js"
 import {
     Bar,
     BAR_OPACITY,
@@ -46,13 +46,13 @@ import {
     SizedItem,
     StackedPoint,
     StackedSeries,
-} from "./StackedConstants"
-import { isDarkColor } from "../color/ColorUtils"
-import { HorizontalAxis } from "../axis/Axis"
+} from "./StackedConstants.js"
+import { isDarkColor } from "../color/ColorUtils.js"
+import { HorizontalAxis } from "../axis/Axis.js"
 import { HashMap, NodeGroup } from "react-move"
 import { easeQuadOut } from "d3-ease"
-import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState"
-import { enrichSeriesWithLabels } from "../barCharts/DiscreteBarChartHelpers.ts"
+import { StackedDiscreteBarChartState } from "./StackedDiscreteBarChartState.js"
+import { enrichSeriesWithLabels } from "../barCharts/DiscreteBarChartHelpers.js"
 
 const BAR_SPACING_FACTOR = 0.35
 

package/src/grapher/stackedCharts/StackedUtils.ts

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

package/src/grapher/tabs/TabsWithDropdown.tsx

@@ -10,7 +10,7 @@ import {
 } from "react-aria-components"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faEllipsisVertical } from "@fortawesome/free-solid-svg-icons"
-import { TabItem, Tabs } from "./Tabs"
+import { TabItem, Tabs } from "./Tabs.js"
 
 export const TabsWithDropdown = <TabKey extends string = string>({
     items,

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

@@ -1,13 +1,13 @@
-import { DimensionProperty } from "../../utils/index.ts"
-import { GrapherProgrammaticInterface } from "../core/Grapher"
-import { GrapherState } from "../core/GrapherState"
+import { DimensionProperty } from "../../utils/index.js"
+import { GrapherProgrammaticInterface } from "../core/Grapher.js"
+import { GrapherState } from "../core/GrapherState.js"
 import {
     TestData,
     TestMetadata,
     createTestDataset,
     fakeEntities,
-} from "../testData/TestData"
-import { legacyToChartsTableAndDimensionsWithMandatorySlug } from "../core/LegacyToChartsTable.ts"
+} from "../testData/TestData.js"
+import { legacyToChartsTableAndDimensionsWithMandatorySlug } from "../core/LegacyToChartsTable.js"
 
 /**
  * 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.ts"
+import { Region, regions } from "../../utils/index.js"
 import {
     MultipleVariableDataDimensionsMap,
     VariableWithSource,
     EntityCode,
     EntityId,
     EntityName,
-} from "../../types/index.ts"
+} from "../../types/index.js"
 
 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.ts"
+} from "../../utils/index.js"
 import { observable, computed, action, makeObservable } from "mobx"
 import { observer } from "mobx-react"
 import { faPlay, faPause } from "@fortawesome/free-solid-svg-icons"
@@ -16,13 +16,13 @@ import {
     TimelineController,
     TimelineManager,
     TimelineDragTarget,
-} from "./TimelineController"
-import { ActionButton } from "../controls/ActionButtons"
+} from "./TimelineController.js"
+import { ActionButton } from "../controls/ActionButtons.js"
 import {
     DEFAULT_GRAPHER_BOUNDS,
     GRAPHER_FRAME_PADDING_HORIZONTAL,
     GRAPHER_TIMELINE_CLASS,
-} from "../core/GrapherConstants.ts"
+} from "../core/GrapherConstants.js"
 
 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.ts"
+import { Time } from "../../types/index.js"
 import {
     TimeBound,
     TimeBoundValue,
     sleep,
     findClosestTime,
-} from "../../utils/index.ts"
+} from "../../utils/index.js"
 import { action } from "mobx"
 
 export type TimelineDragTarget = "start" | "end" | "both"

package/src/grapher/tooltip/Tooltip.tsx

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

package/src/grapher/tooltip/TooltipContents.tsx

@@ -1,21 +1,21 @@
 import * as _ from "lodash-es"
 import * as React from "react"
 import classnames from "classnames"
-import { NO_DATA_LABEL } from "../color/ColorScale.ts"
+import { NO_DATA_LABEL } from "../color/ColorScale.js"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faInfoCircle, faS } from "@fortawesome/free-solid-svg-icons"
-import { formatInlineList, GrapherTooltipAnchor } from "../../utils/index.ts"
-import { GrapherTrendArrow } from "../../components/index.ts"
+import { formatInlineList, GrapherTooltipAnchor } from "../../utils/index.js"
+import { GrapherTrendArrow } from "../../components/index.js"
 import {
     TooltipValueProps,
     TooltipValueRangeProps,
     TooltipContext,
     TooltipTableProps,
     TooltipVariableProps,
-} from "./TooltipProps"
-import { makeAxisLabel } from "../chart/ChartUtils.tsx"
+} from "./TooltipProps.js"
+import { makeAxisLabel } from "../chart/ChartUtils.js"
 import * as R from "remeda"
-import { CoreColumn } from "../../core-table/index.ts"
+import { CoreColumn } from "../../core-table/index.js"
 
 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.ts"
+} from "../../utils/index.js"
 import { IObservableValue } from "mobx"
 
 export interface TooltipManager {

package/src/grapher/tooltip/TooltipState.ts

@@ -1,6 +1,6 @@
 import { observable, computed, action, makeObservable } from "mobx"
-import { PointVector } from "../../utils/index.ts"
-import { TooltipFadeMode } from "./TooltipProps"
+import { PointVector } from "../../utils/index.js"
+import { TooltipFadeMode } from "./TooltipProps.js"
 
 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.ts"
+import { VerticalAxis } from "../axis/Axis.js"
+import { VerticalLabelsState } from "./VerticalLabelsState.js"
+import { darkenColorForText } from "../color/ColorUtils.js"
 
 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.ts"
-import { TextWrap } from "../../components/index.ts"
+import { Bounds, RequiredBy, VerticalAlign } from "../../utils/index.js"
+import { TextWrap } from "../../components/index.js"
 
 interface VerticalLabelsOptions {
     /** Font size for the labels */

package/src/index.ts

@@ -41,49 +41,49 @@ export {
     createFallbackConfig,
     reportError,
     trackEvent,
-} from "./config/index.ts"
+} from "./config/index.js"
 
 // Re-export grapher components
 export {
     Grapher,
     type GrapherProgrammaticInterface,
     type GrapherManager,
-} from "./grapher/core/Grapher.tsx"
+} from "./grapher/core/Grapher.js"
 
-export { GrapherState } from "./grapher/core/GrapherState.ts"
-export { FetchingGrapher } from "./grapher/core/FetchingGrapher.tsx"
+export { GrapherState } from "./grapher/core/GrapherState.js"
+export { FetchingGrapher } from "./grapher/core/FetchingGrapher.js"
 
 // Explorer
-export { Explorer } from "./explorer/Explorer.tsx"
-export type { ExplorerProps } from "./explorer/Explorer.tsx"
+export { Explorer } from "./explorer/Explorer.js"
+export type { ExplorerProps } from "./explorer/Explorer.js"
 
 // Chart State types
-export type { ChartState, ChartSeries } from "./grapher/chart/ChartInterface.ts"
-export type { LineChartState } from "./grapher/lineCharts/LineChartState.ts"
-export type { SlopeChartState } from "./grapher/slopeCharts/SlopeChartState.ts"
-export type { DiscreteBarChartState } from "./grapher/barCharts/DiscreteBarChartState.ts"
-export type { StackedAreaChartState } from "./grapher/stackedCharts/StackedAreaChartState.ts"
-export type { StackedBarChartState } from "./grapher/stackedCharts/StackedBarChartState.ts"
-export type { StackedDiscreteBarChartState } from "./grapher/stackedCharts/StackedDiscreteBarChartState.ts"
-export type { ScatterPlotChartState } from "./grapher/scatterCharts/ScatterPlotChartState.ts"
-export type { MarimekkoChartState } from "./grapher/stackedCharts/MarimekkoChartState.ts"
-export { MapChartState } from "./grapher/mapCharts/MapChartState.ts"
-export { MapConfig } from "./grapher/mapCharts/MapConfig.ts"
+export type { ChartState, ChartSeries } from "./grapher/chart/ChartInterface.js"
+export type { LineChartState } from "./grapher/lineCharts/LineChartState.js"
+export type { SlopeChartState } from "./grapher/slopeCharts/SlopeChartState.js"
+export type { DiscreteBarChartState } from "./grapher/barCharts/DiscreteBarChartState.js"
+export type { StackedAreaChartState } from "./grapher/stackedCharts/StackedAreaChartState.js"
+export type { StackedBarChartState } from "./grapher/stackedCharts/StackedBarChartState.js"
+export type { StackedDiscreteBarChartState } from "./grapher/stackedCharts/StackedDiscreteBarChartState.js"
+export type { ScatterPlotChartState } from "./grapher/scatterCharts/ScatterPlotChartState.js"
+export type { MarimekkoChartState } from "./grapher/stackedCharts/MarimekkoChartState.js"
+export { MapChartState } from "./grapher/mapCharts/MapChartState.js"
+export { MapConfig } from "./grapher/mapCharts/MapConfig.js"
 
 // Data loading
 export {
     fetchInputTableForConfig,
     getCachingInputTableFetcher,
     type FetchInputTableForConfigFn,
-} from "./grapher/core/loadGrapherTableHelpers.ts"
+} from "./grapher/core/loadGrapherTableHelpers.js"
 
-export { loadVariableDataAndMetadata } from "./grapher/core/loadVariable.ts"
+export { loadVariableDataAndMetadata } from "./grapher/core/loadVariable.js"
 
 // Color system
-export { ColorScale } from "./grapher/color/ColorScale.ts"
-export { ColorScaleConfig } from "./grapher/color/ColorScaleConfig.ts"
-export { ColorScheme } from "./grapher/color/ColorScheme.ts"
-export { ColorSchemes, getColorSchemeForChartType } from "./grapher/color/ColorSchemes.ts"
+export { ColorScale } from "./grapher/color/ColorScale.js"
+export { ColorScaleConfig } from "./grapher/color/ColorScaleConfig.js"
+export { ColorScheme } from "./grapher/color/ColorScheme.js"
+export { ColorSchemes, getColorSchemeForChartType } from "./grapher/color/ColorSchemes.js"
 export {
     NumericBin,
     CategoricalBin,
@@ -92,11 +92,11 @@ export {
     isNumericBin,
     isNoDataBin,
     isProjectedDataBin,
-} from "./grapher/color/ColorScaleBin.ts"
+} from "./grapher/color/ColorScaleBin.js"
 
 // Selection and Focus
-export { SelectionArray } from "./grapher/selection/SelectionArray.ts"
-export { FocusArray } from "./grapher/focus/FocusArray.ts"
+export { SelectionArray } from "./grapher/selection/SelectionArray.js"
+export { FocusArray } from "./grapher/focus/FocusArray.js"
 
 // Constants
 export {
@@ -108,20 +108,20 @@ export {
     BASE_FONT_SIZE,
     Patterns,
     latestGrapherConfigSchema,
-} from "./grapher/core/GrapherConstants.ts"
+} from "./grapher/core/GrapherConstants.js"
 
 // Controls
-export { EntityPicker } from "./grapher/controls/entityPicker/EntityPicker.tsx"
-export type { EntityPickerManager } from "./grapher/controls/entityPicker/EntityPickerConstants.ts"
-export { GlobalEntitySelector } from "./grapher/controls/globalEntitySelector/GlobalEntitySelector.tsx"
-export { Dropdown } from "./grapher/controls/Dropdown.tsx"
+export { EntityPicker } from "./grapher/controls/entityPicker/EntityPicker.js"
+export type { EntityPickerManager } from "./grapher/controls/entityPicker/EntityPickerConstants.js"
+export { GlobalEntitySelector } from "./grapher/controls/globalEntitySelector/GlobalEntitySelector.js"
+export { Dropdown } from "./grapher/controls/Dropdown.js"
 
 // Schema and migrations
-export { defaultGrapherConfig } from "./grapher/schema/defaultGrapherConfig.ts"
+export { defaultGrapherConfig } from "./grapher/schema/defaultGrapherConfig.js"
 export {
     migrateGrapherConfigToLatestVersion,
     migrateGrapherConfigToLatestVersionAndFailOnError,
-} from "./grapher/schema/migrations/migrate.ts"
+} from "./grapher/schema/migrations/migrate.js"
 
 // URL utilities
 export {
@@ -131,46 +131,46 @@ export {
     generateSelectedEntityNamesParam,
     generateFocusedSeriesNamesParam,
     getEntityNamesParam,
-} from "./grapher/core/EntityUrlBuilder.ts"
+} from "./grapher/core/EntityUrlBuilder.js"
 
-export { grapherConfigToQueryParams } from "./grapher/core/GrapherUrl.ts"
+export { grapherConfigToQueryParams } from "./grapher/core/GrapherUrl.js"
 
 // Chart utilities
-export { ChartDimension } from "./grapher/chart/ChartDimension.ts"
-export { DimensionSlot } from "./grapher/chart/DimensionSlot.ts"
-export { makeChartState } from "./grapher/chart/ChartTypeMap.tsx"
-export { generateGrapherImageSrcSet } from "./grapher/chart/ChartUtils.tsx"
+export { ChartDimension } from "./grapher/chart/ChartDimension.js"
+export { DimensionSlot } from "./grapher/chart/DimensionSlot.js"
+export { makeChartState } from "./grapher/chart/ChartTypeMap.js"
+export { generateGrapherImageSrcSet } from "./grapher/chart/ChartUtils.js"
 
 // Slideshow
 export {
     type SlideShowManager,
     SlideShowController,
-} from "./grapher/slideshowController/SlideShowController.tsx"
+} from "./grapher/slideshowController/SlideShowController.js"
 
 // Analytics
-export { GrapherAnalytics } from "./grapher/core/GrapherAnalytics.ts"
+export { GrapherAnalytics } from "./grapher/core/GrapherAnalytics.js"
 
 // Rendering helpers
 export {
     renderGrapherIntoContainer,
     renderSingleGrapherOnGrapherPage,
-} from "./grapher/core/GrapherUseHelpers.tsx"
+} from "./grapher/core/GrapherUseHelpers.js"
 
 // Map features
-export { GeoFeatures } from "./grapher/mapCharts/GeoFeatures.ts"
+export { GeoFeatures } from "./grapher/mapCharts/GeoFeatures.js"
 export {
     MAP_REGION_LABELS,
     type GeoFeature,
     type Direction,
     type Ellipse,
     type EllipseCoords,
-} from "./grapher/mapCharts/MapChartConstants.ts"
+} from "./grapher/mapCharts/MapChartConstants.js"
 
 // Comparison lines
-export { isValidVerticalComparisonLineConfig } from "./grapher/comparisonLine/ComparisonLineHelpers.ts"
+export { isValidVerticalComparisonLineConfig } from "./grapher/comparisonLine/ComparisonLineHelpers.js"
 
 // Binning strategies
-export { hasValidConfigForBinningStrategy } from "./grapher/color/BinningStrategies.ts"
+export { hasValidConfigForBinningStrategy } from "./grapher/color/BinningStrategies.js"
 
 // Chart tabs
 export {
@@ -180,7 +180,7 @@ export {
     mapGrapherTabNameToQueryParam,
     mapGrapherTabNameToConfigOption,
     makeLabelForGrapherTab,
-} from "./grapher/chart/ChartTabs.ts"
+} from "./grapher/chart/ChartTabs.js"
 
 // Guided chart utilities
 export {
@@ -190,15 +190,15 @@ export {
     type GuidedChartContextValue,
     type ArchiveGuidedChartRegistration,
     buildArchiveGuidedChartSrc,
-} from "./grapher/chart/guidedChartUtils.ts"
+} from "./grapher/chart/guidedChartUtils.js"
 
 // Legacy conversion
 export {
     legacyToChartsTableAndDimensions,
     legacyToChartsTableAndDimensionsWithMandatorySlug,
-} from "./grapher/core/LegacyToChartsTable.ts"
+} from "./grapher/core/LegacyToChartsTable.js"
 
-export { legacyToCurrentGrapherUrl } from "./grapher/core/GrapherUrlMigrations.ts"
+export { legacyToCurrentGrapherUrl } from "./grapher/core/GrapherUrlMigrations.js"
 
 // Test data helpers (useful for demos and testing)
 export {
@@ -206,8 +206,8 @@ export {
     createTestDataset,
     type TestData,
     type TestMetadata,
-} from "./grapher/testData/TestData.ts"
-export { LifeExpectancyGrapher } from "./grapher/testData/TestData.sample.ts"
+} from "./grapher/testData/TestData.js"
+export { LifeExpectancyGrapher } from "./grapher/testData/TestData.sample.js"
 
 // Types commonly needed for data loading
 export {
@@ -219,8 +219,8 @@ export {
     type EntityName,
     type EntityId,
     type EntityCode,
-} from "./types/index.ts"
+} from "./types/index.js"
 
 // Utilities for data loading
-export { Bounds } from "./utils/index.ts"
-export { parseDelimited, ChartsTable, BlankChartsTable } from "./core-table/index.ts"
+export { Bounds } from "./utils/index.js"
+export { parseDelimited, ChartsTable, BlankChartsTable } from "./core-table/index.js"

package/src/types/Origin.ts

@@ -1,4 +1,4 @@
-import { License } from "./Variable.ts"
+import { License } from "./Variable.js"
 export interface Origin {
     id?: number
     title?: string

package/src/types/Variable.ts

@@ -1,6 +1,6 @@
-import { Origin } from "./Origin.ts"
-import { Source } from "./Source.ts"
-import { VariableDisplayConfigInterface } from "./VariableDisplayConfigInterface.ts"
+import { Origin } from "./Origin.js"
+import { Source } from "./Source.js"
+import { VariableDisplayConfigInterface } from "./VariableDisplayConfigInterface.js"
 
 export interface VariableWithSource {
     id: number

package/src/types/VariableDisplayConfigInterface.ts

@@ -1,9 +1,9 @@
-import { VariableId } from "./domainTypes/Various.ts"
+import { VariableId } from "./domainTypes/Various.js"
 import {
     ColumnSlug,
     DimensionProperty,
     Time,
-} from "./grapherTypes/GrapherTypes.ts"
+} from "./grapherTypes/GrapherTypes.js"
 
 export interface VariableDisplayConfigInterface {
     name?: string

package/src/types/domainTypes/ContentGraph.ts

@@ -1,5 +1,5 @@
-import { DbPlainTag } from "../dbTypes/Tags.ts"
-import { GdocType } from "../gdocTypes/Gdoc.ts"
+import { DbPlainTag } from "../dbTypes/Tags.js"
+import { GdocType } from "../gdocTypes/Gdoc.js"
 
 export interface EntryMeta {
     slug: string

package/src/types/domainTypes/CoreTableTypes.ts

@@ -1,9 +1,9 @@
-import { Origin } from "../Origin.ts"
+import { Origin } from "../Origin.js"
 import {
     ProcessingLevel,
     VariablePresentation,
-} from "../Variable.ts"
-import { VariableDisplayConfigInterface } from "../VariableDisplayConfigInterface.ts"
+} from "../Variable.js"
+import { VariableDisplayConfigInterface } from "../VariableDisplayConfigInterface.js"
 import {
     Color,
     ColumnSlug,
@@ -11,8 +11,8 @@ import {
     Time,
     ToleranceStrategy,
     Year,
-} from "../grapherTypes/GrapherTypes.ts"
-import { Integer } from "./Various.ts"
+} from "../grapherTypes/GrapherTypes.js"
+import { Integer } from "./Various.js"
 
 export type TableSlug = string // a url friendly name for a table
 export type ColumnSlugs = string // slugs cannot have spaces, so this is a space delimited array of ColumnSlugs

package/src/types/domainTypes/Posts.ts

@@ -1,7 +1,7 @@
-import { GdocType } from "../gdocTypes/Gdoc.ts"
-import { WP_PostType } from "../wordpressTypes/WordpressTypes.ts"
-import { RelatedChart } from "../grapherTypes/GrapherTypes.ts"
-import { TocHeading } from "./Toc.ts"
+import { GdocType } from "../gdocTypes/Gdoc.js"
+import { WP_PostType } from "../wordpressTypes/WordpressTypes.js"
+import { RelatedChart } from "../grapherTypes/GrapherTypes.js"
+import { TocHeading } from "./Toc.js"
 
 export interface FormattedPost extends FullPost {
     stickyNavLinks?: { text: string; target: string }[]

package/src/types/domainTypes/Search.ts

@@ -4,8 +4,8 @@ import type {
     Hit,
     HitHighlightResult,
 } from "instantsearch.js"
-import { GdocType } from "../gdocTypes/Gdoc.ts"
-import { GrapherTabName } from "../grapherTypes/GrapherTypes.ts"
+import { GdocType } from "../gdocTypes/Gdoc.js"
+import { GrapherTabName } from "../grapherTypes/GrapherTypes.js"
 import * as z from "zod/mini"
 
 export const PagesIndexRecordSchema = z.object({

package/src/types/domainTypes/Various.ts

@@ -1,4 +1,4 @@
-import { Nominal } from "../NominalType"
+import { Nominal } from "../NominalType.js"
 
 export type Integer = number
 

package/src/types/gdocTypes/Gdoc.ts

@@ -5,8 +5,8 @@
  * but the types are required for compilation.
  */
 
-import { QueryParams } from "../domainTypes/Various.ts"
-import { ArchivedPageVersion } from "../domainTypes/Archive.ts"
+import { QueryParams } from "../domainTypes/Various.js"
+import { ArchivedPageVersion } from "../domainTypes/Archive.js"
 
 /**
  * Document types in the CMS.

package/src/types/grapherTypes/GrapherTypes.ts

@@ -1,24 +1,24 @@
 import {
     ChartDimensionInterface,
     VariableRoundingMode,
-} from "../VariableDisplayConfigInterface.ts"
-import { ColumnSlugs, EntityName } from "../domainTypes/CoreTableTypes.ts"
-import { AxisAlign, Position } from "../domainTypes/Layout.ts"
-import { Integer, VariableId } from "../domainTypes/Various.ts"
-import { DetailDictionary } from "../gdocTypes/Gdoc.ts"
+} from "../VariableDisplayConfigInterface.js"
+import { ColumnSlugs, EntityName } from "../domainTypes/CoreTableTypes.js"
+import { AxisAlign, Position } from "../domainTypes/Layout.js"
+import { Integer, VariableId } from "../domainTypes/Various.js"
+import { DetailDictionary } from "../gdocTypes/Gdoc.js"
 import {
     GRAPHER_CHART_TYPES,
     GRAPHER_MAP_TYPE,
     GRAPHER_TAB_NAMES,
     GRAPHER_TAB_CONFIG_OPTIONS,
     GRAPHER_TAB_QUERY_PARAMS,
-} from "./GrapherConstants.ts"
-import { VariableDataMetadataDimensions } from "../Variable.ts"
-import { ArchiveContext } from "../domainTypes/Archive.ts"
+} from "./GrapherConstants.js"
+import { VariableDataMetadataDimensions } from "../Variable.js"
+import { ArchiveContext } from "../domainTypes/Archive.js"
 import {
     BinningStrategyIncludingManual,
     MidpointMode,
-} from "./BinningStrategyTypes.ts"
+} from "./BinningStrategyTypes.js"
 
 // Utility type that marks all properties of T that may be undefined as optional.
 export type UndefinedToOptional<T> = Partial<T> & {