@buildcanada/charts 0.3.4 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buildcanada/charts",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "A configurable data visualization library for creating interactive charts.",
   "type": "module",
   "main": "src/index.ts",

package/src/components/GrapherTabIcon.tsx

@@ -12,7 +12,7 @@ import {
     GRAPHER_TAB_NAMES,
     GrapherChartType,
     GrapherTabName,
-} from "../types/index.js"
+} from "../types/index"
 
 export function GrapherTabIcon({
     tab,

package/src/components/GrapherTrendArrow.tsx

@@ -1,5 +1,5 @@
 import cx from "classnames"
-import { GrapherTrendArrowDirection } from "../types/index.js"
+import { GrapherTrendArrowDirection } from "../types/index"
 
 const ARROW_PATHS = {
     up: "m14,0H5c-.552,0-1,.448-1,1s.448,1,1,1h6.586L.29303,13.29297l1.41394,1.414L13,3.41394v6.58606c0,.552.448,1,1,1s1-.448,1-1V1c0-.552-.448-1-1-1Z",

package/src/components/Halo/Halo.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { Color } from "../../types/index.js"
+import { Color } from "../../types/index"
 
 interface HaloProps {
     id: string

package/src/components/LabeledSwitch/LabeledSwitch.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faInfoCircle } from "@fortawesome/free-solid-svg-icons"
 import cx from "classnames"
-import { Tippy } from "../../utils/index.js"
+import { Tippy } from "../../utils/index"
 
 export const LabeledSwitch = ({
     className,

package/src/components/MarkdownTextWrap/MarkdownTextWrap.tsx

@@ -7,13 +7,13 @@ import {
     imemo,
     Bounds,
     FontFamily,
-} from "../../utils/index.js"
-import { DetailsMarker } from "../../types/index.js"
-import { TextWrap } from "../TextWrap/TextWrap.js"
+} from "../../utils/index"
+import { DetailsMarker } from "../../types/index"
+import { TextWrap } from "../TextWrap/TextWrap"
 import { fromMarkdown } from "mdast-util-from-markdown"
 import type { Content, Root } from "mdast"
 import { match } from "ts-pattern"
-import { urlRegex } from "../markdown/remarkPlainLinks.js"
+import { urlRegex } from "../markdown/remarkPlainLinks"
 import * as R from "remeda"
 
 const SUPERSCRIPT_NUMERALS = {

package/src/components/OverlayHeader.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import cx from "classnames"
-import { CloseButton } from "./closeButton/CloseButton.js"
+import { CloseButton } from "./closeButton/CloseButton"
 
 export function OverlayHeader({
     title,

package/src/components/SimpleMarkdownText.tsx

@@ -3,7 +3,7 @@ import Markdown, {
     type Options as MarkdownOptions,
     type Components as MarkdownComponents,
 } from "react-markdown"
-import { remarkPlainLinks } from "./markdown/remarkPlainLinks.js"
+import { remarkPlainLinks } from "./markdown/remarkPlainLinks"
 import { visit } from "unist-util-visit"
 import type { Plugin } from "unified"
 import type { Root } from "hast"

package/src/components/TextWrap/TextWrap.tsx

@@ -5,7 +5,7 @@ import {
     Bounds,
     FontFamily,
     VerticalAlign,
-} from "../../utils/index.js"
+} from "../../utils/index"
 import { computed, makeObservable } from "mobx"
 import * as React from "react"
 import { Fragment, joinFragments, splitIntoFragments } from "./TextWrapUtils"

package/src/components/index.ts

@@ -3,52 +3,52 @@
  */
 
 // Text wrapping components
-export { TextWrap, shortenWithEllipsis } from "./TextWrap/TextWrap.js"
+export { TextWrap, shortenWithEllipsis } from "./TextWrap/TextWrap"
 
 export {
     MarkdownTextWrap,
     sumTextWrapHeights,
     toPlaintext,
-} from "./MarkdownTextWrap/MarkdownTextWrap.js"
+} from "./MarkdownTextWrap/MarkdownTextWrap"
 
 // Simple markdown text
 export {
     SimpleMarkdownText,
     HtmlOrSimpleMarkdownText,
-} from "./SimpleMarkdownText.js"
+} from "./SimpleMarkdownText"
 
 // Expandable toggle
-export { ExpandableToggle } from "./ExpandableToggle/ExpandableToggle.js"
+export { ExpandableToggle } from "./ExpandableToggle/ExpandableToggle"
 
 // Form components
-export { LabeledSwitch } from "./LabeledSwitch/LabeledSwitch.js"
-export { Checkbox } from "./Checkbox.js"
-export { RadioButton } from "./RadioButton.js"
-export { TextInput } from "./TextInput.js"
-export { Button } from "./Button/Button.js"
+export { LabeledSwitch } from "./LabeledSwitch/LabeledSwitch"
+export { Checkbox } from "./Checkbox"
+export { RadioButton } from "./RadioButton"
+export { TextInput } from "./TextInput"
+export { Button } from "./Button/Button"
 
 // Overlay components
 export {
     CloseButton,
     CLOSE_BUTTON_HEIGHT,
     CLOSE_BUTTON_WIDTH,
-} from "./closeButton/CloseButton.js"
-export { OverlayHeader } from "./OverlayHeader.js"
+} from "./closeButton/CloseButton"
+export { OverlayHeader } from "./OverlayHeader"
 
 // Visual components
-export { Halo } from "./Halo/Halo.js"
-export { BodyPortal } from "./BodyPortal/BodyPortal.js"
-export { LoadingIndicator } from "./loadingIndicator/LoadingIndicator.js"
+export { Halo } from "./Halo/Halo"
+export { BodyPortal } from "./BodyPortal/BodyPortal"
+export { LoadingIndicator } from "./loadingIndicator/LoadingIndicator"
 
 // React utilities
-export { reactRenderToStringClientOnly } from "./reactUtil.js"
+export { reactRenderToStringClientOnly } from "./reactUtil"
 
 // Grapher-specific components
-export { GrapherTabIcon } from "./GrapherTabIcon.js"
-export { GrapherTrendArrow } from "./GrapherTrendArrow.js"
+export { GrapherTabIcon } from "./GrapherTabIcon"
+export { GrapherTrendArrow } from "./GrapherTrendArrow"
 
 // Stub components for data page features
-export { CodeSnippet } from "./stubs/CodeSnippet.js"
+export { CodeSnippet } from "./stubs/CodeSnippet"
 export {
     makeSource,
     makeLastUpdated,
@@ -57,14 +57,14 @@ export {
     makeUnit,
     makeUnitConversionFactor,
     makeLinks,
-} from "./stubs/IndicatorKeyData.js"
-export { IndicatorSources } from "./stubs/IndicatorSources.js"
-export { IndicatorProcessing } from "./stubs/IndicatorProcessing.js"
-export { DataCitation } from "./stubs/DataCitation.js"
+} from "./stubs/IndicatorKeyData"
+export { IndicatorSources } from "./stubs/IndicatorSources"
+export { IndicatorProcessing } from "./stubs/IndicatorProcessing"
+export { DataCitation } from "./stubs/DataCitation"
 
 // Site constants re-exported for convenience
 export {
     DATAPAGE_ABOUT_THIS_DATA_SECTION_ID,
     DATAPAGE_SOURCES_AND_PROCESSING_SECTION_ID,
     REUSE_THIS_WORK_SECTION_ID,
-} from "../types/index.js"
+} from "../types/index"

package/src/components/loadingIndicator/LoadingIndicator.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { Bounds } from "../../utils/index.js"
+import { Bounds } from "../../utils/index"
 
 const DEFAULT_COLOR = "#333"
 

package/src/core-table/ChartsTable.ts

@@ -15,7 +15,7 @@ import {
     ToleranceStrategy,
     differenceOfSets,
     sortedFindClosestIndex,
-} from "../utils/index.js"
+} from "../utils/index"
 import {
     Time,
     TransformType,
@@ -29,9 +29,9 @@ import {
     ChartsTableSlugs,
     ErrorValue,
     ToleranceOptions,
-} from "../types/index.js"
-import { CoreTable } from "./CoreTable.js"
-import { ErrorValueTypes, isNotErrorValue } from "./ErrorValues.js"
+} from "../types/index"
+import { CoreTable } from "./CoreTable"
+import { ErrorValueTypes, isNotErrorValue } from "./ErrorValues"
 import {
     getOriginalTimeColumnSlug,
     makeOriginalValueSlugFromColumnSlug,
@@ -39,15 +39,15 @@ import {
     makeOriginalStartTimeSlugFromColumnSlug,
     timeColumnSlugFromColumnDef,
     toPercentageColumnDef,
-} from "./TableUtil.js"
+} from "./TableUtil"
 import {
     linearInterpolation,
     toleranceInterpolation,
     replaceDef,
     InterpolationProvider,
     InterpolationContext,
-} from "./CoreTableUtils.js"
-import { CoreColumn, ColumnTypeMap } from "./CoreTableColumns.js"
+} from "./CoreTableUtils"
+import { CoreColumn, ColumnTypeMap } from "./CoreTableColumns"
 
 // An ChartsTable is a subset of Table. An ChartsTable always has EntityName, EntityCode, EntityId, and Time columns,
 // and value column(s). Whether or not we need in the long run is uncertain and it may just be a stepping stone

package/src/core-table/CoreTable.ts

@@ -6,13 +6,13 @@ import {
     ColumnSlug,
     PrimitiveType,
     imemo,
-} from "../utils/index.js"
+} from "../utils/index"
 import {
     CoreColumn,
     ColumnTypeMap,
     MissingColumn,
     TimeColumn,
-} from "./CoreTableColumns.js"
+} from "./CoreTableColumns"
 import {
     CoreColumnStore,
     CoreRow,
@@ -30,7 +30,7 @@ import {
     JsTypes,
     ChartsTableSlugs,
     ColumnDef,
-} from "../types/index.js"
+} from "../types/index"
 import {
     makeAutoTypeFn,
     columnStoreToRows,
@@ -47,13 +47,13 @@ import {
     sortColumnStore,
     emptyColumnsInFirstRowInDelimited,
     truncate,
-} from "./CoreTableUtils.js"
+} from "./CoreTableUtils"
 import {
     ErrorValueTypes,
     isNotErrorValue,
     DroppedForTesting,
-} from "./ErrorValues.js"
-import { applyTransforms, extractTransformNameAndParams } from "./Transforms.js"
+} from "./ErrorValues"
+import { applyTransforms, extractTransformNameAndParams } from "./Transforms"
 
 interface AdvancedOptions {
     tableDescription?: string

package/src/core-table/CoreTableColumns.ts

@@ -20,8 +20,8 @@ import {
     ToleranceStrategy,
     IndicatorTitleWithFragments,
     stripOuterParentheses,
-} from "../utils/index.js"
-import { CoreTable } from "./CoreTable.js"
+} from "../utils/index"
+import { CoreTable } from "./CoreTable"
 import {
     Time,
     JsTypes,
@@ -32,13 +32,13 @@ import {
     VariableRow,
     ErrorValue,
     VariableRoundingMode,
-} from "../types/index.js"
-import { ErrorValueTypes, isNotErrorValue } from "./ErrorValues.js"
+} from "../types/index"
+import { ErrorValueTypes, isNotErrorValue } from "./ErrorValues"
 import {
     getOriginalStartTimeColumnSlug,
     getOriginalTimeColumnSlug,
     getOriginalValueColumnSlug,
-} from "./TableUtil.js"
+} from "./TableUtil"
 import * as R from "remeda"
 
 export abstract class AbstractCoreColumn<JS_TYPE extends PrimitiveType> {

package/src/core-table/CoreTableUtils.ts

@@ -2,7 +2,7 @@
 import * as _ from "lodash-es"
 import * as Papa from "papaparse"
 import * as R from "remeda"
-import { sampleFrom, slugifySameCase, ColumnSlug } from "../utils/index.js"
+import { sampleFrom, slugifySameCase, ColumnSlug } from "../utils/index"
 import {
     CoreColumnStore,
     CoreRow,
@@ -16,8 +16,8 @@ import {
     EntityIdColumnDef,
     EntityNameColumnDef,
     ChartsTableSlugs,
-} from "../types/index.js"
-import { ErrorValueTypes, DroppedForTesting } from "./ErrorValues.js"
+} from "../types/index"
+import { ErrorValueTypes, DroppedForTesting } from "./ErrorValues"
 
 export const columnStoreToRows = (
     columnStore: CoreColumnStore

package/src/core-table/ErrorValues.ts

@@ -8,7 +8,7 @@
  * For a good read on the "Errors are values" pattern: https://blog.golang.org/errors-are-values
  */
 
-import { ErrorValue } from "../types/index.js"
+import { ErrorValue } from "../types/index"
 
 class NaNButShouldBeNumber extends ErrorValue {}
 export class DroppedForTesting extends ErrorValue {}

package/src/core-table/TableSynthesizers.ts

@@ -5,14 +5,14 @@ import {
     countries,
     VariableDisplayConfigInterface,
     ColumnSlug,
-} from "../utils/index.js"
+} from "../utils/index"
 import {
     TimeRange,
     ColumnTypeNames,
     ColumnDef,
     ChartsTableSlugs,
-} from "../types/index.js"
-import { ChartsTable } from "./ChartsTable.js"
+} from "../types/index"
+import { ChartsTable } from "./ChartsTable"
 
 interface SynthOptions {
     entityCount: number

package/src/core-table/TableUtil.ts

@@ -4,8 +4,8 @@ import {
     CoreColumnDef,
     ColumnDef,
     ChartsTableSlugs,
-} from "../types/index.js"
-import { CoreTable } from "./CoreTable.js"
+} from "../types/index"
+import { CoreTable } from "./CoreTable"
 
 export function timeColumnSlugFromColumnDef(
     def: ColumnDef

package/src/core-table/Transforms.ts

@@ -1,20 +1,20 @@
 // @ts-nocheck
 import * as _ from "lodash-es"
-import { ColumnSlug } from "../utils/index.js"
+import { ColumnSlug } from "../utils/index"
 import {
     ErrorValue,
     CoreColumnDef,
     CoreColumnStore,
     Time,
     CoreValueType,
-} from "../types/index.js"
+} from "../types/index"
 import {
     ErrorValueTypes,
     isNotErrorValue,
     MissingValuePlaceholder,
     ValueTooLow,
     DivideByZeroError,
-} from "./ErrorValues.js"
+} from "./ErrorValues"
 import * as R from "remeda"
 
 enum TransformParamType {

package/src/core-table/index.ts

@@ -1,4 +1,4 @@
-export { CoreTable, columnDefinitionsFromInput } from "./CoreTable.js"
+export { CoreTable, columnDefinitionsFromInput } from "./CoreTable"
 export {
     SynthesizeNonCountryTable,
     SampleColumnSlugs,
@@ -7,7 +7,7 @@ export {
     SynthesizeFruitTableWithNonPositives,
     SynthesizeFruitTableWithStringValues,
     SynthesizeProjectedPopulationTable,
-} from "./TableSynthesizers.js"
+} from "./TableSynthesizers"
 
 export {
     type CoreColumn,
@@ -15,9 +15,9 @@ export {
     ColumnTypeMap,
     AbstractCoreColumn,
     TimeColumn,
-} from "./CoreTableColumns.js"
+} from "./CoreTableColumns"
 
-export { ChartsTable, BlankChartsTable } from "./ChartsTable.js"
+export { ChartsTable, BlankChartsTable } from "./ChartsTable"
 
 export {
     DroppedForTesting,
@@ -28,7 +28,7 @@ export {
     isNotErrorValue,
     isNotErrorValueOrEmptyCell,
     defaultIfErrorValue,
-} from "./ErrorValues.js"
+} from "./ErrorValues"
 
 export {
     columnStoreToRows,
@@ -63,7 +63,7 @@ export {
     trimArray,
     sortColumnStore,
     emptyColumnsInFirstRowInDelimited,
-} from "./CoreTableUtils.js"
+} from "./CoreTableUtils"
 
 export {
     timeColumnSlugFromColumnDef,
@@ -71,7 +71,7 @@ export {
     makeOriginalValueSlugFromColumnSlug,
     getOriginalTimeColumnSlug,
     toPercentageColumnDef,
-} from "./TableUtil.js"
+} from "./TableUtil"
 
 export {
     insertMissingValuePlaceholders,
@@ -79,4 +79,4 @@ export {
     AvailableTransforms,
     applyTransforms,
     extractPotentialDataSlugsFromTransform,
-} from "./Transforms.js"
+} from "./Transforms"

package/src/explorer/ColumnGrammar.ts

@@ -1,10 +1,10 @@
-import { AvailableTransforms } from "../core-table/index.js"
+import { AvailableTransforms } from "../core-table/index"
 import {
     automaticBinningStrategies,
     ColorSchemeName,
     ColumnTypeNames,
-} from "../types/index.js"
-import { ToleranceStrategy } from "../utils/index.js"
+} from "../types/index"
+import { ToleranceStrategy } from "../utils/index"
 import {
     BooleanCellDef,
     ColumnCellDef,
@@ -16,7 +16,7 @@ import {
     SlugDeclarationCellDef,
     StringCellDef,
     UrlCellDef,
-} from "./gridLang/GridLangConstants.js"
+} from "./gridLang/GridLangConstants"
 
 export const ColumnGrammar: Grammar<ColumnCellDef> = {
     variableId: {

package/src/explorer/Explorer.sample.ts

@@ -1,10 +1,10 @@
-import { DimensionProperty } from "../utils/index.js"
-import { GRAPHER_TAB_CONFIG_OPTIONS } from "../types/index.js"
+import { DimensionProperty } from "../utils/index"
+import { GRAPHER_TAB_CONFIG_OPTIONS } from "../types/index"
 import {
     GrapherProgrammaticInterface,
     legacyToChartsTableAndDimensionsWithMandatorySlug,
-} from "../grapher/index.js"
-import { Explorer, ExplorerProps } from "./Explorer.js"
+} from "../grapher/index"
+import { Explorer, ExplorerProps } from "./Explorer"
 
 const SampleExplorerOfGraphersProgram = `explorerTitle	CO₂ Data Explorer
 isPublished	false

package/src/explorer/Explorer.tsx

@@ -13,12 +13,12 @@ import {
     GrapherQueryParams,
     EntityName,
     GRAPHER_TAB_QUERY_PARAMS,
-} from "../types/index.js"
+} from "../types/index"
 import {
     ChartsTable,
     BlankChartsTable,
     extractPotentialDataSlugsFromTransform,
-} from "../core-table/index.js"
+} from "../core-table/index"
 import {
     EntityPicker,
     EntityPickerManager,
@@ -35,7 +35,7 @@ import {
     fetchInputTableForConfig,
     loadVariableDataAndMetadata,
     FetchInputTableForConfigFn,
-} from "../grapher/index.js"
+} from "../grapher/index"
 import {
     Bounds,
     ColumnSlug,
@@ -53,15 +53,15 @@ import {
     setWindowUrl,
     Tippy,
     Url,
-} from "../utils/index.js"
-import { MarkdownTextWrap } from "../components/index.js"
+} from "../utils/index"
+import { MarkdownTextWrap } from "../components/index"
 import classNames from "classnames"
 import { action, computed, makeObservable, observable, reaction } from "mobx"
 import { observer } from "mobx-react"
 import React, { useCallback, useEffect, useState } from "react"
 import { createRoot } from "react-dom/client"
-import { ExplorerControlBar, ExplorerControlPanel } from "./ExplorerControls.js"
-import { ExplorerProgram } from "./ExplorerProgram.js"
+import { ExplorerControlBar, ExplorerControlPanel } from "./ExplorerControls"
+import { ExplorerProgram } from "./ExplorerProgram"
 import {
     ExplorerChartCreationMode,
     ExplorerChoiceParams,
@@ -71,12 +71,12 @@ import {
     EXPLORERS_ROUTE_FOLDER,
     UNSAVED_EXPLORER_DRAFT,
     UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS,
-} from "./ExplorerConstants.js"
-import { ExplorerPageUrlMigrationSpec } from "./urlMigrations/ExplorerPageUrlMigrationSpec.js"
+} from "./ExplorerConstants"
+import { ExplorerPageUrlMigrationSpec } from "./urlMigrations/ExplorerPageUrlMigrationSpec"
 import {
     explorerUrlMigrationsById,
     migrateExplorerUrl,
-} from "./urlMigrations/ExplorerUrlMigrations.js"
+} from "./urlMigrations/ExplorerUrlMigrations"
 
 export interface ExplorerProps extends SerializedGridProgram {
     grapherConfigs?: GrapherInterface[]

package/src/explorer/ExplorerConstants.ts

@@ -1,5 +1,5 @@
-import { SortOrder, GrapherQueryParams } from "../types/index.js"
-import { ColumnSlug, SerializedGridProgram } from "../utils/index.js"
+import { SortOrder, GrapherQueryParams } from "../types/index"
+import { ColumnSlug, SerializedGridProgram } from "../utils/index"
 
 export enum ExplorerControlType {
     Radio = "Radio",

package/src/explorer/ExplorerControls.tsx

@@ -1,12 +1,12 @@
 import { Component } from "react"
-import { Dropdown } from "../grapher/index.js"
-import { bind } from "../utils/index.js"
+import { Dropdown } from "../grapher/index"
+import { bind } from "../utils/index"
 import {
     ExplorerControlType,
     ExplorerChoiceOption,
     ExplorerChoice,
-} from "./ExplorerConstants.js"
-import { GridBoolean } from "./gridLang/GridLangConstants.js"
+} from "./ExplorerConstants"
+import { GridBoolean } from "./gridLang/GridLangConstants"
 import classNames from "classnames"
 import * as R from "remeda"
 

package/src/explorer/ExplorerDecisionMatrix.ts

@@ -5,15 +5,15 @@ import {
     differenceObj,
     trimObject,
     parseIntOrUndefined,
-} from "../utils/index.js"
-import { ColumnTypeNames, CoreRow } from "../types/index.js"
+} from "../utils/index"
+import { ColumnTypeNames, CoreRow } from "../types/index"
 import {
     CoreTable,
     detectDelimiter,
     parseDelimited,
     isCellEmpty,
-} from "../core-table/index.js"
-import { GridBoolean } from "./gridLang/GridLangConstants.js"
+} from "../core-table/index"
+import { GridBoolean } from "./gridLang/GridLangConstants"
 import {
     ChoiceMap,
     ChoiceName,
@@ -23,9 +23,9 @@ import {
     ExplorerChoiceParams,
     ExplorerControlType,
     ExplorerControlTypeRegex,
-} from "./ExplorerConstants.js"
-import { trimAndParseObject } from "./ExplorerProgram.js"
-import { GrapherGrammar } from "./GrapherGrammar.js"
+} from "./ExplorerConstants"
+import { trimAndParseObject } from "./ExplorerProgram"
+import { GrapherGrammar } from "./GrapherGrammar"
 
 function parseVariableIds(value: string): number[] {
     return value

package/src/explorer/ExplorerGrammar.ts

@@ -1,4 +1,4 @@
-import { SubNavId } from "../types/index.js"
+import { SubNavId } from "../types/index"
 import {
     CellDef,
     BooleanCellDef,
@@ -11,9 +11,9 @@ import {
     Grammar,
     EnumCellDef,
     StringDeclarationDef,
-} from "./gridLang/GridLangConstants.js"
-import { GrapherGrammar } from "./GrapherGrammar.js"
-import { ColumnGrammar } from "./ColumnGrammar.js"
+} from "./gridLang/GridLangConstants"
+import { GrapherGrammar } from "./GrapherGrammar"
+import { ColumnGrammar } from "./ColumnGrammar"
 
 const ExplorerFormControlCellDeff: CellDef = {
     ...StringDeclarationDef,