@buildcanada/charts 0.3.4 → 0.3.5

package/src/types/domainTypes/CoreTableTypes.ts

@@ -1,9 +1,9 @@
-import { Origin } from "../Origin.js"
+import { Origin } from "../Origin.ts"
 import {
     ProcessingLevel,
     VariablePresentation,
-} from "../Variable.js"
-import { VariableDisplayConfigInterface } from "../VariableDisplayConfigInterface.js"
+} from "../Variable.ts"
+import { VariableDisplayConfigInterface } from "../VariableDisplayConfigInterface.ts"
 import {
     Color,
     ColumnSlug,
@@ -11,8 +11,8 @@ import {
     Time,
     ToleranceStrategy,
     Year,
-} from "../grapherTypes/GrapherTypes.js"
-import { Integer } from "./Various.js"
+} from "../grapherTypes/GrapherTypes.ts"
+import { Integer } from "./Various.ts"
 
 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.js"
-import { WP_PostType } from "../wordpressTypes/WordpressTypes.js"
-import { RelatedChart } from "../grapherTypes/GrapherTypes.js"
-import { TocHeading } from "./Toc.js"
+import { GdocType } from "../gdocTypes/Gdoc.ts"
+import { WP_PostType } from "../wordpressTypes/WordpressTypes.ts"
+import { RelatedChart } from "../grapherTypes/GrapherTypes.ts"
+import { TocHeading } from "./Toc.ts"
 
 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.js"
-import { GrapherTabName } from "../grapherTypes/GrapherTypes.js"
+import { GdocType } from "../gdocTypes/Gdoc.ts"
+import { GrapherTabName } from "../grapherTypes/GrapherTypes.ts"
 import * as z from "zod/mini"
 
 export const PagesIndexRecordSchema = z.object({

package/src/types/gdocTypes/Gdoc.ts

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

package/src/types/grapherTypes/GrapherTypes.ts

@@ -1,24 +1,24 @@
 import {
     ChartDimensionInterface,
     VariableRoundingMode,
-} 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"
+} 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"
 import {
     GRAPHER_CHART_TYPES,
     GRAPHER_MAP_TYPE,
     GRAPHER_TAB_NAMES,
     GRAPHER_TAB_CONFIG_OPTIONS,
     GRAPHER_TAB_QUERY_PARAMS,
-} from "./GrapherConstants.js"
-import { VariableDataMetadataDimensions } from "../Variable.js"
-import { ArchiveContext } from "../domainTypes/Archive.js"
+} from "./GrapherConstants.ts"
+import { VariableDataMetadataDimensions } from "../Variable.ts"
+import { ArchiveContext } from "../domainTypes/Archive.ts"
 import {
     BinningStrategyIncludingManual,
     MidpointMode,
-} from "./BinningStrategyTypes.js"
+} from "./BinningStrategyTypes.ts"
 
 // Utility type that marks all properties of T that may be undefined as optional.
 export type UndefinedToOptional<T> = Partial<T> & {

package/src/types/index.ts

@@ -16,7 +16,7 @@ export {
     type SerializedGridProgram,
     type VariableId,
     type QueryParams,
-} from "./domainTypes/Various.js"
+} from "./domainTypes/Various.ts"
 
 export {
     Position,
@@ -25,7 +25,7 @@ export {
     VerticalAlign,
     type GridParameters,
     HorizontalAlign,
-} from "./domainTypes/Layout.js"
+} from "./domainTypes/Layout.ts"
 
 export {
     type TableSlug,
@@ -57,7 +57,7 @@ export {
     type ColumnColorScale,
     type CoreColumnDef,
     ErrorValue,
-} from "./domainTypes/CoreTableTypes.js"
+} from "./domainTypes/CoreTableTypes.ts"
 
 // Grapher types
 export {
@@ -69,7 +69,7 @@ export {
     GRAPHER_TAB_CONFIG_OPTIONS,
     GRAPHER_TAB_QUERY_PARAMS,
     ALL_GRAPHER_CHART_TYPES,
-} from "./grapherTypes/GrapherConstants.js"
+} from "./grapherTypes/GrapherConstants.ts"
 
 export {
     type Box,
@@ -140,7 +140,7 @@ export {
     type ToleranceOptions,
     type AdditionalGrapherDataFetchFn,
     type GrapherTrendArrowDirection,
-} from "./grapherTypes/GrapherTypes.js"
+} from "./grapherTypes/GrapherTypes.ts"
 
 export {
     logBinningStrategies,
@@ -154,7 +154,7 @@ export {
     type AutomaticBinningStrategy,
     type ResolvedBinningStrategy,
     type MidpointMode,
-} from "./grapherTypes/BinningStrategyTypes.js"
+} from "./grapherTypes/BinningStrategyTypes.ts"
 
 // Variable types
 export {
@@ -176,10 +176,10 @@ export {
     type IndicatorTitleWithFragments,
     joinTitleFragments,
     type VariableType,
-} from "./Variable.js"
+} from "./Variable.ts"
 
-export type { Source } from "./Source.js"
-export type { Origin } from "./Origin.js"
+export type { Source } from "./Source.ts"
+export type { Origin } from "./Origin.ts"
 
 export {
     type VariableDisplayConfigInterface,
@@ -187,9 +187,9 @@ export {
     VariableRoundingMode,
     type ChartDimensionInterface,
     type ChartDimensionInterfaceWithMandatorySlug,
-} from "./VariableDisplayConfigInterface.js"
+} from "./VariableDisplayConfigInterface.ts"
 
-export { type Nominal, wrap, unwrap } from "./NominalType.js"
+export { type Nominal, wrap, unwrap } from "./NominalType.ts"
 
 // Archive types (needed for data loading)
 export {
@@ -198,7 +198,7 @@ export {
     type AssetMap,
     type ArchiveContext,
     type ArchivedPageVersion,
-} from "./domainTypes/Archive.js"
+} from "./domainTypes/Archive.ts"
 
 // Gdoc types (stubs for type compatibility)
 export {
@@ -229,10 +229,10 @@ export {
     type EnrichedHybridLink,
     type TocHeadingWithTitleSupertitle,
     type DisplaySource,
-} from "./gdocTypes/Gdoc.js"
+} from "./gdocTypes/Gdoc.ts"
 
 // Database types (stubs)
-export { type DbPlainTag } from "./dbTypes/Tags.js"
+export { type DbPlainTag } from "./dbTypes/Tags.ts"
 
 // Constants for site sections
 export const ALL_CHARTS_ID = "all-charts"
@@ -250,7 +250,7 @@ export {
     GrapherErrorAction,
     type GrapherAnalyticsContext,
     type GAEvent,
-} from "./analyticsTypes.js"
+} from "./analyticsTypes.ts"
 
 // Additional stub types
 export type SubNavId = string

package/src/utils/Bounds.ts

@@ -1,12 +1,12 @@
 import * as _ from "lodash-es"
-import { PointVector } from "./PointVector.js"
+import { PointVector } from "./PointVector.ts"
 import pixelWidth from "string-pixel-width"
 import {
     Box,
     GridParameters,
     Position,
     PositionMap,
-} from "../types/index.js"
+} from "../types/index.ts"
 
 // Important utility class for all visualizations
 // Since we want to be able to render charts headlessly and functionally, we

package/src/utils/FuzzySearch.ts

@@ -1,4 +1,4 @@
-import { PrimitiveType } from "../types/index.js"
+import { PrimitiveType } from "../types/index.ts"
 import * as _ from "lodash-es"
 import fuzzysort from "fuzzysort"
 

package/src/utils/TimeBounds.ts

@@ -4,14 +4,14 @@ import {
     TimeBound,
     TimeBoundValue,
     TimeBoundValueStr,
-} from "../types/index.js"
+} from "../types/index.ts"
 import {
     parseIntOrUndefined,
     diffDateISOStringInDays,
     formatDay,
     isNegativeInfinity,
     isPositiveInfinity,
-} from "./Util.js"
+} from "./Util.ts"
 import * as R from "remeda"
 
 export const timeFromTimebounds = (

package/src/utils/Util.ts

@@ -4,7 +4,7 @@
 import * as _ from "lodash-es"
 import * as R from "remeda"
 import { extent } from "d3-array"
-import dayjs from "./dayjs.js"
+import dayjs from "./dayjs.ts"
 import { formatLocale, FormatLocaleObject } from "d3-format"
 import striptags from "striptags"
 import {
@@ -49,8 +49,8 @@ import {
     FEATURED_DATA_INSIGHTS_ID,
     EXPLORE_DATA_SECTION_DEFAULT_TITLE,
     EXPLORE_DATA_SECTION_ID,
-} from "../types/index.js"
-import { PointVector } from "./PointVector.js"
+} from "../types/index.ts"
+import { PointVector } from "./PointVector.ts"
 import * as React from "react"
 import { match, P } from "ts-pattern"
 import urlSlug from "url-slug"

package/src/utils/Variable.ts

@@ -6,12 +6,12 @@ import {
     updatePersistables,
     objectWithPersistablesToObject,
     deleteRuntimeAndUnchangedProps,
-} from "./persistable/Persistable.js"
+} from "./persistable/Persistable.ts"
 import {
     VariableDataTableConfigInterface,
     VariableDisplayConfigInterface,
     VariableRoundingMode,
-} from "../types/index.js"
+} from "../types/index.ts"
 
 class VariableDisplayConfigDefaults {
     name: string | undefined = undefined

package/src/utils/archival/archivalDate.ts

@@ -1,8 +1,8 @@
 import {
     ARCHIVE_DATE_TIME_FORMAT,
     ArchivalDateString,
-} from "../../types/index.js"
-import dayjs from "../dayjs.js"
+} from "../../types/index.ts"
+import dayjs from "../dayjs.ts"
 
 export interface ArchivalTimestamp {
     date: Date

package/src/utils/formatValue.ts

@@ -1,9 +1,9 @@
 import { FormatSpecifier } from "d3-format"
-import { createFormatter } from "./Util.js"
+import { createFormatter } from "./Util.ts"
 import {
     VariableRoundingMode,
     TickFormattingOptions,
-} from "../types/index.js"
+} from "../types/index.ts"
 
 // Used outside this module to figure out if the unit will be joined with the number.
 export function checkIsVeryShortUnit(unit: string): unit is "$" | "£" | "%" {

package/src/utils/grapherConfigUtils.ts

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

package/src/utils/image.ts

@@ -3,13 +3,13 @@
 Common utlities for deriving properties from image metadata.
 */
 
-import { traverseEnrichedBlock } from "./Util.js"
+import { traverseEnrichedBlock } from "./Util.ts"
 import {
     AssetMap,
     Gdoc,
     GdocType,
     ImageMetadata,
-} from "../types/index.js"
+} from "../types/index.ts"
 import { match, P } from "ts-pattern"
 
 export const AUTHOR_BYLINE_WIDTH = 48

package/src/utils/index.ts

@@ -8,13 +8,13 @@ export {
     type SplitBoundsPadding,
     FontFamily,
     Bounds,
-} from "./Bounds.js"
+} from "./Bounds.ts"
 
 // Browser utilities
-export { isAndroid, isIOS } from "./BrowserUtils.js"
+export { isAndroid, isIOS } from "./BrowserUtils.ts"
 
 // Dayjs
-import dayjs from "./dayjs.js"
+import dayjs from "./dayjs.ts"
 export { dayjs }
 export type {
     Dayjs,
@@ -23,19 +23,19 @@ export type {
     isYesterdayType,
     relativeTimeType,
     utcType,
-} from "./dayjs.js"
+} from "./dayjs.ts"
 
 // Format value
-export { formatValue, checkIsVeryShortUnit } from "./formatValue.js"
+export { formatValue, checkIsVeryShortUnit } from "./formatValue.ts"
 
 // Fuzzy search
-export { FuzzySearch, type FuzzySearchResult } from "./FuzzySearch.js"
+export { FuzzySearch, type FuzzySearchResult } from "./FuzzySearch.ts"
 
 // Grapher config utilities
 export {
     diffGrapherConfigs,
     mergeGrapherConfigs,
-} from "./grapherConfigUtils.js"
+} from "./grapherConfigUtils.ts"
 
 // Image utilities
 export {
@@ -52,10 +52,10 @@ export {
     type SourceProps,
     generateSourceProps,
     getFeaturedImageFilename,
-} from "./image.js"
+} from "./image.ts"
 
 // isPresent utility
-export { isPresent } from "./isPresent.js"
+export { isPresent } from "./isPresent.ts"
 
 // Metadata helpers
 export {
@@ -74,10 +74,10 @@ export {
     getCitationLong,
     getCitationShort,
     getPhraseForArchivalDate,
-} from "./metadataHelpers.js"
+} from "./metadataHelpers.ts"
 
 // Variable display config
-export { VariableDisplayConfig } from "./Variable.js"
+export { VariableDisplayConfig } from "./Variable.ts"
 
 // Persistable
 export {
@@ -85,16 +85,16 @@ export {
     objectWithPersistablesToObject,
     updatePersistables,
     deleteRuntimeAndUnchangedProps,
-} from "./persistable/Persistable.js"
+} from "./persistable/Persistable.ts"
 
 // PointVector
-export { PointVector } from "./PointVector.js"
+export { PointVector } from "./PointVector.ts"
 
 // PromiseCache
-export { PromiseCache } from "./PromiseCache.js"
+export { PromiseCache } from "./PromiseCache.ts"
 
 // PromiseSwitcher
-export { PromiseSwitcher } from "./PromiseSwitcher.js"
+export { PromiseSwitcher } from "./PromiseSwitcher.ts"
 
 // Regions
 export {
@@ -133,10 +133,10 @@ export {
     getParentRegions,
     getSiblingRegions,
     articulateEntity,
-} from "./regions.js"
+} from "./regions.ts"
 
 // Serializers
-export { serializeJSONForHTML, deserializeJSONFromHTML } from "./serializers.js"
+export { serializeJSONForHTML, deserializeJSONFromHTML } from "./serializers.ts"
 
 // String utilities
 export {
@@ -144,7 +144,7 @@ export {
     titleCase,
     toAsciiQuotes,
     removeDiacritics,
-} from "./string.js"
+} from "./string.ts"
 
 // TimeBounds
 export {
@@ -155,10 +155,10 @@ export {
     maxTimeToJSON,
     timeBoundToTimeBoundString,
     getTimeDomainFromQueryString,
-} from "./TimeBounds.js"
+} from "./TimeBounds.ts"
 
 // Tippy tooltip component
-export { Tippy, TippyIfInteractive, LazyTippy } from "./Tippy.js"
+export { Tippy, TippyIfInteractive, LazyTippy } from "./Tippy.tsx"
 
 // URL utilities
 export {
@@ -166,11 +166,11 @@ export {
     queryParamsToStr,
     getWindowQueryStr,
     setWindowQueryStr,
-} from "./urls/UrlUtils.js"
+} from "./urls/UrlUtils.ts"
 
-export { Url, setWindowUrl, getWindowUrl } from "./urls/Url.js"
+export { Url, setWindowUrl, getWindowUrl } from "./urls/Url.ts"
 
-export { type UrlMigration, performUrlMigrations } from "./urls/UrlMigration.js"
+export { type UrlMigration, performUrlMigrations } from "./urls/UrlMigration.ts"
 
 // Main utility exports (from Util.ts)
 export {
@@ -294,7 +294,7 @@ export {
     getDisplayUnit,
     stripOuterParentheses,
     dimensionsToViewId,
-} from "./Util.js"
+} from "./Util.ts"
 
 // Archival date utilities
 export {
@@ -304,15 +304,15 @@ export {
     formatAsArchivalDate,
     convertToArchivalDateStringIfNecessary,
     getDateForArchival,
-} from "./archival/archivalDate.js"
+} from "./archival/archivalDate.ts"
 
 // Multi-dimensional data page config (stub)
 export {
     MultiDimDataPageConfig,
     extractMultiDimChoicesFromSearchParams,
     searchParamsToMultiDimView,
-} from "./MultiDimDataPageConfig.js"
+} from "./MultiDimDataPageConfig.ts"
 
 // Re-export all types from the types package for convenience
 // This matches the pattern in @ourworldindata/utils
-export * from "../types/index.js"
+export * from "../types/index.ts"

package/src/utils/metadataHelpers.ts

@@ -7,11 +7,11 @@ import {
     DisplaySource,
     IndicatorTitleWithFragments,
     Source,
-} from "../types/index.js"
+} from "../types/index.ts"
 import * as _ from "lodash-es"
 import { excludeUndefined } from "./Util"
-import dayjs from "./dayjs.js"
-import { parseArchivalDate } from "./archival/archivalDate.js"
+import dayjs from "./dayjs.ts"
+import { parseArchivalDate } from "./archival/archivalDate.ts"
 
 export function getOriginAttributionFragments(
     origins: Origin[] | undefined

package/src/utils/regions.ts

@@ -1,7 +1,7 @@
 import * as _ from "lodash-es"
 import entities from "./regions.json"
-import { lazy } from "./Util.js"
-import { EntityName } from "../types/index.js"
+import { lazy } from "./Util.ts"
+import { EntityName } from "../types/index.ts"
 
 export enum RegionType {
     Country = "country",

package/src/utils/urls/Url.ts

@@ -1,14 +1,14 @@
 import urlParseLib from "url-parse"
-import { gdocUrlRegex, QueryParams } from "../../types/index.js"
+import { gdocUrlRegex, QueryParams } from "../../types/index.ts"
 
 import {
     detailOnDemandRegex,
     guidedChartRegex,
     excludeUndefined,
     omitUndefinedValues,
-} from "../Util.js"
+} from "../Util.ts"
 
-import { queryParamsToStr, strToQueryParams } from "./UrlUtils.js"
+import { queryParamsToStr, strToQueryParams } from "./UrlUtils.ts"
 import * as R from "remeda"
 
 const parseUrl = (url: string): urlParseLib<string> => urlParseLib(url, {})

package/src/utils/urls/UrlMigration.ts

@@ -1,4 +1,4 @@
-import { Url } from "./Url.js"
+import { Url } from "./Url.ts"
 
 export type UrlMigration = (url: Url) => Url
 

package/src/utils/urls/UrlUtils.ts

@@ -1,5 +1,5 @@
-import { QueryParams } from "../../types/index.js"
-import { omitUndefinedValues } from "../Util.js"
+import { QueryParams } from "../../types/index.ts"
+import { omitUndefinedValues } from "../Util.ts"
 
 /**
  * Converts a query string into an object of key-value pairs.