@buildcanada/charts 0.3.7 → 0.3.8

package/dist/grapher/dataTable/DataTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/dataTable/DataTable.tsx"],
+  "sourcesContent": ["import * as _ from \"lodash-es\"\nimport * as React from \"react\"\nimport { computed, observable, action, makeObservable } from \"mobx\"\nimport { observer } from \"mobx-react\"\nimport classnames from \"classnames\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport {\n    faArrowDownLong,\n    faArrowUpLong,\n    faInfoCircle,\n} from \"@fortawesome/free-solid-svg-icons\"\nimport { scaleLinear } from \"d3-scale\"\nimport { extent } from \"d3-array\"\nimport { line } from \"d3-shape\"\nimport {\n    SortOrder,\n    Time,\n    EntityName,\n    ChartsTableSlugs,\n    VariableRoundingMode,\n    VariableRow,\n} from \"../../types/index.js\"\nimport { ChartsTable, CoreColumn } from \"../../core-table/index.js\"\nimport {\n    valuesByEntityAtTimes,\n    es6mapValues,\n    exposeInstanceOnWindow,\n    DataValue,\n    Bounds,\n    TickFormattingOptions,\n    Tippy,\n    excludeUndefined,\n    joinTitleFragments,\n    FuzzySearch,\n} from \"../../utils/index.js\"\nimport { SelectionArray } from \"../selection/SelectionArray.js\"\nimport {\n    DEFAULT_GRAPHER_BOUNDS,\n    DEFAULT_GRAPHER_ENTITY_TYPE,\n    SVG_STYLE_PROPS,\n} from \"../core/GrapherConstants.js\"\nimport * as R from \"remeda\"\nimport { makeSelectionArray } from \"../chart/ChartUtils.js\"\nimport { isEntityRegionType } from \"../core/EntitiesByRegionType.js\"\nimport { NoDataModal } from \"../noDataModal/NoDataModal.js\"\nimport {\n    DataTableColumnKey,\n    DisplayDataTableDimension,\n    DataTableRow,\n    DataTableDimension,\n    DataTableColumnDefinition,\n    DataTableValuesForEntity,\n    RangeValuesForEntity,\n    RangeColumnKey,\n    PointValuesForEntity,\n    PointColumnKey,\n    SparklineHighlight,\n    TargetTimeMode,\n    MinimalRow,\n    DataTableConfig,\n    DataTableSortState,\n    DataTableState,\n    DimensionSortIndex,\n    DataTableManager,\n    CommonDataTableFilter,\n    COMMON_DATA_TABLE_FILTERS,\n    DataTableFilter,\n    SparklineKey,\n} from \"./DataTableConstants.js\"\nimport { GRAY_30 } from \"../color/ColorConstants.js\"\n\nconst ENTITY_SORT_INDEX = -1\n\nconst DEFAULT_SORT_STATE: DataTableSortState = {\n    dimIndex: ENTITY_SORT_INDEX,\n    columnKey: undefined,\n    order: SortOrder.asc,\n}\n\nconst columnNameByType: Record<DataTableColumnKey, string> = {\n    single: \"Value\",\n    start: \"Start\",\n    end: \"End\",\n    delta: \"Absolute Change\",\n    deltaRatio: \"Relative Change\",\n    sparkline: \"Sparkline\",\n}\n\nconst inverseSortOrder = (order: SortOrder): SortOrder =>\n    order === SortOrder.asc ? SortOrder.desc : SortOrder.asc\n\ninterface DataTableProps {\n    manager: DataTableManager\n    bounds?: Bounds\n}\n\n@observer\nexport class DataTable extends React.Component<DataTableProps> {\n    private storedState: DataTableState = {\n        sort: DEFAULT_SORT_STATE,\n    }\n\n    constructor(props: DataTableProps) {\n        super(props)\n        makeObservable<DataTable, \"storedState\">(this, {\n            storedState: observable,\n        })\n    }\n\n    @computed get manager(): DataTableManager {\n        return this.props.manager\n    }\n\n    @computed private get selectionArray(): SelectionArray {\n        return makeSelectionArray(this.manager.dataTableSelection)\n    }\n\n    @computed private get tableConfig(): DataTableConfig {\n        return this.manager.dataTableConfig\n    }\n\n    @computed private get timelineMinTime(): Time | undefined {\n        return this.manager.closestTimelineMinTime\n    }\n\n    @computed private get timelineMaxTime(): Time | undefined {\n        return this.manager.closestTimelineMaxTime\n    }\n\n    @computed get table(): ChartsTable {\n        let table = this.manager.filteredTableForDisplay\n\n        // make sure the given table doesn't contain any rows outside of the time range\n        table = table.filterByTimeRange(\n            this.manager.closestTimelineMinTime ?? -Infinity,\n            this.manager.closestTimelineMaxTime ?? Infinity\n        )\n\n        return table\n    }\n\n    @computed private get tableState(): DataTableState {\n        return { sort: this.sortState }\n    }\n\n    @computed private get sortState(): DataTableSortState {\n        let { dimIndex, columnKey, order } = {\n            ...DEFAULT_SORT_STATE,\n            ...this.storedState.sort,\n        }\n\n        // If not sorted by entity, then make sure the index of the chosen column exists\n        dimIndex = Math.min(dimIndex, this.table.numColumns - 1)\n        if (dimIndex !== ENTITY_SORT_INDEX) {\n            const availableColumns = this.dataTableDimensionsWithValues[\n                dimIndex\n            ].columnDefinitions.map((colDef) => colDef.key)\n            if (\n                columnKey === undefined ||\n                !availableColumns.includes(columnKey)\n            )\n                columnKey = availableColumns[0]\n        }\n\n        return {\n            dimIndex,\n            columnKey,\n            order,\n        }\n    }\n\n    @computed private get entityType(): string {\n        return this.manager.entityType ?? DEFAULT_GRAPHER_ENTITY_TYPE\n    }\n\n    @computed private get sortValueMapper(): (\n        row: DataTableRow\n    ) => number | string {\n        const { dimIndex: sortIndex, columnKey, order } = this.tableState.sort\n        if (sortIndex === ENTITY_SORT_INDEX)\n            return (row): string => row.entityName\n\n        return (row): string | number => {\n            const dv = row.values[sortIndex] as DataTableValuesForEntity\n\n            let value: number | string | undefined\n            if (dv) {\n                if (isSingleValue(dv)) {\n                    value = dv.single?.value\n                } else if (\n                    isRangeValue(dv) &&\n                    columnKey !== undefined &&\n                    isRangeColumnKey(columnKey)\n                ) {\n                    value = dv[columnKey]?.value\n                }\n            }\n\n            // We always want undefined values to be last\n            if (\n                value === undefined ||\n                (typeof value === \"number\" &&\n                    (!isFinite(value) || isNaN(value)))\n            )\n                return order === SortOrder.asc ? Infinity : -Infinity\n\n            return value\n        }\n    }\n\n    @computed private get hasSubheaders(): boolean {\n        return (\n            !this.hasDimensionHeaders ||\n            this.dataTableDimensionsWithValues.some(\n                (header) => header.columnDefinitions.length > 1\n            )\n        )\n    }\n\n    @action.bound private updateSort(\n        dimIndex: DimensionSortIndex,\n        columnKey?: DataTableColumnKey\n    ): void {\n        const { sort } = this.tableState\n        const order =\n            sort.dimIndex === dimIndex && sort.columnKey === columnKey\n                ? inverseSortOrder(sort.order)\n                : dimIndex === ENTITY_SORT_INDEX\n                  ? SortOrder.asc\n                  : SortOrder.desc\n\n        this.storedState.sort.dimIndex = dimIndex\n        this.storedState.sort.columnKey = columnKey\n        this.storedState.sort.order = order\n    }\n\n    private get entityHeaderText(): string {\n        return _.capitalize(this.entityType)\n    }\n\n    private get entityHeader(): React.ReactElement {\n        const { sort } = this.tableState\n        return (\n            <ColumnHeader\n                key=\"entity\"\n                sortable={this.entityCount > 1}\n                sortedCol={sort.dimIndex === ENTITY_SORT_INDEX}\n                sortOrder={sort.order}\n                onClick={(): void => this.updateSort(ENTITY_SORT_INDEX)}\n                headerText={this.entityHeaderText}\n                colType=\"entity\"\n            />\n        )\n    }\n\n    @computed private get hasDimensionHeaders(): boolean {\n        return this.dataTableDimensionsWithValues.length > 1\n    }\n\n    // If the table has a single data column, we move the data column\n    // closer to the entity column to make it easier to read the table\n    @computed private get singleDataColumnStyle():\n        | { minWidth: number; contentMaxWidth: number }\n        | undefined {\n        // no need to do this on mobile\n        if (this.manager.isNarrow) return\n\n        const hasSingleDataColumn =\n            this.displayDimensions.length === 1 &&\n            this.displayDimensions[0].columnDefinitions.length === 1\n\n        if (!hasSingleDataColumn) return\n\n        // header text\n        const dimension = this.displayDimensions[0]\n        const column = this.displayDimensions[0].columnDefinitions[0]\n        const headerText = this.subheaderText(column, dimension)\n\n        // display values\n        const values = excludeUndefined(\n            this.displayRows.map(\n                (row) => (row?.values[0] as PointValuesForEntity).single\n            )\n        )\n\n        const accessor = (row: MinimalRow): number | undefined =>\n            typeof row.value === \"string\" ? row.value.length : row.value\n        const maxValue = _.maxBy(values, accessor)\n        const minValue = _.minBy(values, accessor)\n\n        const measureWidth = (text: string): number =>\n            Bounds.forText(text, { fontSize: 14 }).width\n\n        // in theory, we should be measuring the length of all values\n        // but we might have a lot of values, so we just measure the length\n        // of the min and max values as a proxy\n        const contentMaxWidth = Math.ceil(\n            Math.max(\n                measureWidth(maxValue?.displayValue ?? \"\") + 20, // 20px accounts for a possible info icon\n                measureWidth(minValue?.displayValue ?? \"\") + 20, // 20px accounts for a possible info icon\n                measureWidth(headerText) + 26 // 26px accounts for the sort icon\n            )\n        )\n\n        // minimum width of the column\n        const minWidth = 0.66 * this.bounds.width\n\n        // only do this if there is an actual need\n        if (minWidth - contentMaxWidth < 320) return\n\n        return { minWidth, contentMaxWidth }\n    }\n\n    private get dimensionHeaders(): React.ReactElement[] | null {\n        const { sort } = this.tableState\n        return this.displayDimensions.map((dim, dimIndex) => {\n            const { coreTableColumn, display } = dim\n            const singleColumn = dim.columnDefinitions.find(\n                (column) => column.key === PointColumnKey.single\n            )\n            const targetTime = singleColumn?.targetTime\n\n            const title = _.upperFirst(display.columnName.title)\n            const titleFragments = joinTitleFragments(\n                display.columnName.attributionShort,\n                display.columnName.titleVariant\n            )\n\n            const dimensionHeaderText = (\n                <React.Fragment>\n                    <div\n                        className=\"name\"\n                        title={\n                            titleFragments\n                                ? `${title} \u2013 ${titleFragments}`\n                                : title\n                        }\n                    >\n                        <span className=\"title-text\">{title} </span>\n                        <span className=\"title-fragments\">\n                            {titleFragments}\n                        </span>\n                    </div>\n                    <div className=\"description\">\n                        <span className=\"unit\">{display.unit}</span>\n                        <span>\n                            {display.unit && targetTime !== undefined && \",\"}\n                        </span>{\" \"}\n                        <span className=\"time\">\n                            {targetTime !== undefined &&\n                                coreTableColumn.formatTime(targetTime)}\n                        </span>\n                    </div>\n                </React.Fragment>\n            )\n\n            const onClick = dim.sortable\n                ? (): void => this.updateSort(dimIndex, PointColumnKey.single)\n                : undefined\n\n            const props = {\n                sortable: dim.sortable,\n                sortedCol: dim.sortable && sort.dimIndex === dimIndex,\n                sortOrder: sort.order,\n                onClick,\n                colSpan: dim.columnDefinitions.length,\n                headerText: dimensionHeaderText,\n                colType: \"dimension\" as const,\n            }\n\n            return <ColumnHeader key={coreTableColumn.slug} {...props} />\n        })\n    }\n\n    private subheaderText(\n        column: DataTableColumnDefinition,\n        dimension: DisplayDataTableDimension\n    ): string {\n        const col = dimension.coreTableColumn\n\n        if (column.key === SparklineKey.sparkline) {\n            const minTime = col.formatTime(this.timelineMinTime!)\n            const maxTime = col.formatTime(this.timelineMaxTime!)\n            return `${minTime}\u2013${maxTime}`\n        }\n\n        return isDeltaColumn(column.key)\n            ? columnNameByType[column.key]\n            : col.formatTime(column.targetTime!)\n    }\n\n    private get dimensionSubheaders(): React.ReactElement[][] {\n        const { sort } = this.tableState\n        return this.displayDimensions.map((dim, dimIndex) =>\n            dim.columnDefinitions.map((column, colIndex) => {\n                const headerText = this.subheaderText(column, dim)\n                const onClick = column.sortable\n                    ? (): void => this.updateSort(dimIndex, column.key)\n                    : undefined\n                return (\n                    <ColumnHeader\n                        key={column.key}\n                        sortable={column.sortable}\n                        sortedCol={\n                            sort.dimIndex === dimIndex &&\n                            sort.columnKey === column.key\n                        }\n                        sortOrder={sort.order}\n                        onClick={onClick}\n                        headerText={headerText}\n                        colType=\"subdimension\"\n                        classNames={classnames({\n                            \"subdimension-first\": colIndex === 0,\n                        })}\n                        minWidth={this.singleDataColumnStyle?.minWidth}\n                        contentMaxWidth={\n                            this.singleDataColumnStyle?.contentMaxWidth\n                        }\n                    />\n                )\n            })\n        )\n    }\n\n    private get headerRow(): React.ReactElement {\n        const { hasDimensionHeaders, hasSubheaders } = this\n        return hasDimensionHeaders && hasSubheaders ? (\n            <>\n                <tr>\n                    <th className=\"above-entity\" />\n                    {this.dimensionHeaders}\n                </tr>\n                <tr>\n                    {this.entityHeader}\n                    {this.dimensionSubheaders}\n                </tr>\n            </>\n        ) : (\n            <tr>\n                {this.entityHeader}\n                {hasSubheaders\n                    ? this.dimensionSubheaders\n                    : this.dimensionHeaders}\n            </tr>\n        )\n    }\n\n    private renderValueCellContent({\n        columnDefinition,\n        valuesForEntity,\n        formatTime,\n    }: {\n        columnDefinition: DataTableColumnDefinition\n        valuesForEntity?: DataTableValuesForEntity\n        formatTime: (time: Time) => string\n    }): React.ReactElement | null {\n        if (!valuesForEntity) return null\n        if (!(columnDefinition.key in valuesForEntity)) return null\n\n        const value = getValueForEntityByKey(\n            valuesForEntity,\n            columnDefinition.key\n        )\n        if (!value) return null\n\n        return (\n            <>\n                <ClosestTimeNotice\n                    value={value}\n                    columnDefinition={columnDefinition}\n                    formatTime={formatTime}\n                />\n                <span>{value.displayValue}</span>\n            </>\n        )\n    }\n\n    private renderSparklineCellContent({\n        columnDefinition,\n        valuesForEntity,\n        isProjection,\n    }: {\n        columnDefinition: DataTableColumnDefinition\n        valuesForEntity?: DataTableValuesForEntity\n        isProjection?: boolean\n    }): React.ReactElement | null {\n        if (\n            columnDefinition.key !== SparklineKey.sparkline ||\n            !valuesForEntity?.sparkline\n        )\n            return null\n\n        const highlights: SparklineHighlight[] = []\n\n        const start = isRangeValue(valuesForEntity)\n            ? valuesForEntity.start\n            : valuesForEntity.single\n        const startTime = start?.time ?? this.targetTimes?.[0]\n\n        const end = isRangeValue(valuesForEntity)\n            ? valuesForEntity.end\n            : valuesForEntity.single\n        const endTime = end?.time ?? this.targetTimes?.[1]\n\n        // Add a highlight for the start time\n        if (startTime !== undefined) {\n            const value =\n                typeof start?.value === \"string\" ? undefined : start?.value\n\n            const showMarker =\n                this.manager.timelineDragTarget === \"start\" ||\n                this.manager.timelineDragTarget === \"both\"\n\n            highlights.push({ time: startTime, value, showMarker })\n        }\n\n        // Add a highlight for the end time\n        if (endTime !== undefined && endTime !== startTime) {\n            const value =\n                typeof end?.value === \"string\" ? undefined : end?.value\n\n            const showMarker =\n                this.manager.timelineDragTarget === \"end\" ||\n                this.manager.timelineDragTarget === \"both\"\n\n            highlights.push({ time: endTime, value, showMarker })\n        }\n\n        return (\n            <Sparkline\n                dataRows={valuesForEntity.sparkline}\n                minTime={this.timelineMinTime!}\n                maxTime={this.timelineMaxTime!}\n                highlights={highlights}\n                strokeStyle={isProjection ? \"dotted\" : \"solid\"}\n            />\n        )\n    }\n\n    private renderEntityRow(\n        row: DataTableRow,\n        dimensions: DisplayDataTableDimension[]\n    ): React.ReactElement {\n        return (\n            <tr key={row.entityName}>\n                <td key=\"entity\" className={classnames({ entity: true })}>\n                    {row.entityName}\n                </td>\n\n                {row.values.map((valuesForEntity, dimIndex) => {\n                    const dimension = dimensions[dimIndex]\n                    const { isProjection } = dimension.coreTableColumn\n\n                    return dimension.columnDefinitions.map(\n                        (columnDefinition, colIndex) => {\n                            const key = `${dimIndex}-${colIndex}`\n                            const formatTime = (time: Time): string =>\n                                dimension.coreTableColumn.formatTime(time)\n\n                            if (columnDefinition.key === SparklineKey.sparkline)\n                                return (\n                                    <ValueCell\n                                        key={key}\n                                        columnKey={columnDefinition.key}\n                                        isFirstColumn={colIndex === 0}\n                                    >\n                                        {this.renderSparklineCellContent({\n                                            columnDefinition,\n                                            valuesForEntity,\n                                            isProjection,\n                                        })}\n                                    </ValueCell>\n                                )\n\n                            return (\n                                <ValueCell\n                                    key={key}\n                                    columnKey={columnDefinition.key}\n                                    isFirstColumn={colIndex === 0}\n                                    maxWidth={\n                                        this.singleDataColumnStyle\n                                            ?.contentMaxWidth\n                                    }\n                                >\n                                    {this.renderValueCellContent({\n                                        columnDefinition,\n                                        valuesForEntity,\n                                        formatTime,\n                                    })}\n                                </ValueCell>\n                            )\n                        }\n                    )\n                })}\n            </tr>\n        )\n    }\n\n    @computed get bounds(): Bounds {\n        return this.props.bounds ?? DEFAULT_GRAPHER_BOUNDS\n    }\n\n    @computed private get tableCaption(): React.ReactElement | null {\n        if (this.hasDimensionHeaders) return null\n        if (this.displayDimensions.length === 0) return null\n\n        const singleDimension = this.displayDimensions[0]\n        const titleFragments =\n            singleDimension.display.columnName.attributionShort ||\n            singleDimension.display.columnName.titleVariant\n                ? joinTitleFragments(\n                      singleDimension.display.columnName.attributionShort,\n                      singleDimension.display.columnName.titleVariant\n                  )\n                : undefined\n\n        return singleDimension ? (\n            <div className=\"caption\">\n                {singleDimension.display.columnName.title}{\" \"}\n                <span className=\"title-fragments\">\n                    {titleFragments}\n                    {singleDimension.display.unit &&\n                        ` (${singleDimension.display.unit})`}\n                </span>\n            </div>\n        ) : null\n    }\n\n    private renderNoDataModal(): React.ReactElement {\n        return (\n            <svg\n                width={this.bounds.width}\n                height={this.bounds.height}\n                style={SVG_STYLE_PROPS}\n            >\n                <NoDataModal\n                    manager={this.manager}\n                    bounds={this.bounds}\n                    message={`No ${this.entityType} matches this query`}\n                    helpText=\"Try checking for typos or searching for something else\"\n                    hideTextOutline\n                />\n            </svg>\n        )\n    }\n\n    override render(): React.ReactElement | null {\n        if (this.sortedDisplayRows.length === 0) return this.renderNoDataModal()\n\n        return (\n            <div className=\"DataTable\">\n                {this.tableCaption}\n                <div className=\"table-wrapper\">\n                    <table>\n                        <thead>{this.headerRow}</thead>\n                        <tbody>\n                            {this.sortedDisplayRows.map((row) =>\n                                this.renderEntityRow(\n                                    row,\n                                    this.displayDimensions\n                                )\n                            )}\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n        )\n    }\n\n    @computed private get loadedWithData(): boolean {\n        return this.columnsToShow.length > 0\n    }\n\n    private readonly AUTO_SELECTION_THRESHOLD_PERCENTAGE = 0.5\n\n    /**\n     * If the user or the editor hasn't specified a start, auto-select a start time\n     *  where AUTO_SELECTION_THRESHOLD_PERCENTAGE of the entities have values.\n     */\n    @computed get autoSelectedStartTime(): number | undefined {\n        let autoSelectedStartTime: number | undefined = undefined\n\n        if (!this.loadedWithData) return undefined\n\n        const numEntitiesInTable = this.entityNames.length\n\n        this.columnsToShow.forEach((column): boolean => {\n            const numberOfEntitiesWithDataSortedByTime = _.sortBy(\n                Object.entries(R.countBy(column.uniqTimesAsc, R.identity())),\n                ([time, _count]) => parseInt(time)\n            )\n\n            const firstTimeWithSufficientData =\n                numberOfEntitiesWithDataSortedByTime.find((time) => {\n                    const numEntitiesWithData = time[1]\n                    const percentEntitiesWithData =\n                        numEntitiesWithData / numEntitiesInTable\n                    return (\n                        percentEntitiesWithData >=\n                        this.AUTO_SELECTION_THRESHOLD_PERCENTAGE\n                    )\n                })?.[0]\n\n            if (firstTimeWithSufficientData) {\n                autoSelectedStartTime = parseInt(firstTimeWithSufficientData)\n                return false\n            }\n            return true\n        })\n\n        return autoSelectedStartTime\n    }\n\n    @computed private get columnsToShow(): CoreColumn[] {\n        const slugs = this.manager.dataTableSlugs ?? []\n        if (slugs.length)\n            return slugs\n                .map((slug: string) => {\n                    const col = this.table.get(slug)\n                    if (!col)\n                        console.warn(`Warning: column '${slug}' not found`)\n                    return col\n                })\n                .filter((col) => col)\n\n        const skips = new Set(Object.keys(ChartsTableSlugs))\n        return this.table.columnsAsArray.filter(\n            (column) =>\n                !skips.has(column.slug) &&\n                //  dim.property !== \"color\" &&\n                (column.display?.includeInTable ?? true)\n        )\n    }\n\n    @computed private get availableEntityNames(): EntityName[] {\n        return _.union(\n            ...this.columnsToShow.map(\n                (col) => this.table.get(col.slug).uniqEntityNames\n            )\n        )\n    }\n\n    @computed get fuzzy(): FuzzySearch<string> {\n        return FuzzySearch.withKey(\n            this.availableEntityNames,\n            (entityName) => entityName\n        )\n    }\n\n    @computed private get entityNames(): EntityName[] {\n        if (!this.tableConfig.search) return this.availableEntityNames\n        return this.fuzzy.search(this.tableConfig.search)\n    }\n\n    @computed private get entityCount(): number {\n        return this.entityNames.length\n    }\n\n    @computed private get isSortable(): boolean {\n        return this.entityCount > 1\n    }\n\n    override componentDidMount(): void {\n        exposeInstanceOnWindow(this, \"dataTable\")\n    }\n\n    private formatValue(\n        column: CoreColumn,\n        value: number | string | undefined,\n        formattingOverrides?: TickFormattingOptions\n    ): string | undefined {\n        if (value === undefined) return undefined\n        return column.formatValueShort(value, {\n            roundingMode: VariableRoundingMode.decimalPlaces,\n            numberAbbreviation: false,\n            trailingZeroes: true,\n            useNoBreakSpace: true,\n            ...formattingOverrides,\n        })\n    }\n\n    @computed get targetTimes(): [number] | [number, number] | undefined {\n        const { startTime, endTime } = this.manager\n        if (startTime === undefined || endTime === undefined) return undefined\n\n        if (startTime !== endTime) return [startTime, endTime]\n        return [endTime]\n    }\n\n    private getTargetTimesForColumn(\n        coreTableColumn: CoreColumn\n    ): [number] | [number, number] {\n        // Respect the column's target time if it's set\n        if (coreTableColumn.def.targetTime !== undefined)\n            return [coreTableColumn.def.targetTime]\n\n        // Otherwise, use the table's target times\n        if (this.targetTimes !== undefined) return this.targetTimes\n\n        return [coreTableColumn.maxTime]\n    }\n\n    @computed get dataTableDimensionsWithValues(): DataTableDimension[] {\n        return this.columnsToShow.map((coreTableColumn) => {\n            const targetTimes = this.getTargetTimesForColumn(coreTableColumn)\n            const targetTimeMode =\n                targetTimes.length < 2\n                    ? TargetTimeMode.point\n                    : TargetTimeMode.range\n\n            // Get values for the given target times and apply tolerance\n            const targetValuesByEntity = this.interpolateTargetValues({\n                coreTableColumn,\n                targetTimes,\n            })\n\n            // Add absolute and relative change columns if necessary\n            const valuesByEntityName =\n                this.calculateDataValuesForTargetTimeMode({\n                    targetValuesByEntity,\n                    coreTableColumn,\n                    targetTimeMode,\n                })\n\n            // Add data for sparklines\n            if (this.columnHasSparkline(coreTableColumn)) {\n                for (const [entityName, values] of valuesByEntityName) {\n                    values.sparkline =\n                        coreTableColumn.dataRowsByEntityName.get(entityName)\n                }\n            }\n\n            // Construct column definitions for the given target time mode\n            const columnDefinitions = this.constructColumnDefinitions({\n                coreTableColumn,\n                targetTimes,\n                targetTimeMode,\n            })\n\n            return { columnDefinitions, valuesByEntityName, coreTableColumn }\n        })\n    }\n\n    private columnHasSparkline(coreTableColumn: CoreColumn): boolean {\n        return (\n            this.timelineMinTime !== undefined &&\n            this.timelineMaxTime !== undefined &&\n            this.timelineMinTime !== this.timelineMaxTime &&\n            coreTableColumn.hasNumberFormatting &&\n            // For columns with a target time, the data table is fixed at that time.\n            // It thus doesn't make sense to show a sparkline\n            coreTableColumn.def.targetTime === undefined\n        )\n    }\n\n    private constructColumnDefinitions({\n        coreTableColumn,\n        targetTimes,\n        targetTimeMode,\n    }: {\n        coreTableColumn: CoreColumn\n        targetTimes: number[]\n        targetTimeMode: TargetTimeMode\n    }): DataTableColumnDefinition[] {\n        // Inject delta columns if the data is numerical and we have start & end\n        // values to compare in the table. One column for absolute difference,\n        // another for % difference.\n        const deltaColumns: DataTableColumnDefinition[] = []\n        if (coreTableColumn.hasNumberFormatting) {\n            if (targetTimeMode === TargetTimeMode.range) {\n                const { tableDisplay = {} } = coreTableColumn.display ?? {}\n                if (!tableDisplay.hideAbsoluteChange)\n                    deltaColumns.push({\n                        key: RangeColumnKey.delta,\n                        sortable: this.isSortable,\n                    })\n                if (!tableDisplay.hideRelativeChange)\n                    deltaColumns.push({\n                        key: RangeColumnKey.deltaRatio,\n                        sortable: this.isSortable,\n                    })\n            }\n        }\n\n        const valueColumns: DataTableColumnDefinition[] = targetTimes.map(\n            (targetTime, index) => ({\n                key:\n                    targetTimeMode === TargetTimeMode.range\n                        ? index === 0\n                            ? RangeColumnKey.start\n                            : RangeColumnKey.end\n                        : PointColumnKey.single,\n                targetTime,\n                sortable: this.isSortable,\n            })\n        )\n\n        // Show a column with sparklines if appropriate\n        const sparklineColumn = this.columnHasSparkline(coreTableColumn)\n            ? { key: SparklineKey.sparkline, sortable: false }\n            : undefined\n\n        return excludeUndefined([\n            ...valueColumns,\n            sparklineColumn,\n            ...deltaColumns,\n        ])\n    }\n\n    private interpolateTargetValues({\n        coreTableColumn,\n        targetTimes,\n    }: {\n        coreTableColumn: CoreColumn\n        targetTimes: number[]\n    }): Map<string, (DataValue | undefined)[]> {\n        return valuesByEntityAtTimes(\n            coreTableColumn.valueByEntityNameAndOriginalTime,\n            targetTimes,\n            coreTableColumn.tolerance\n        )\n    }\n\n    private calculateDataValuesForTargetTimeMode({\n        targetValuesByEntity,\n        targetTimeMode,\n        coreTableColumn,\n    }: {\n        targetValuesByEntity: Map<string, (DataValue | undefined)[]>\n        targetTimeMode: TargetTimeMode\n        coreTableColumn: CoreColumn\n    }): Map<string, DataTableValuesForEntity> {\n        return es6mapValues(targetValuesByEntity, (dvs) => {\n            // There is always a column, but not always a data value (in the delta column the\n            // value needs to be calculated)\n            if (targetTimeMode === TargetTimeMode.range) {\n                const [start, end]: (MinimalRow | undefined)[] = dvs\n                const result: RangeValuesForEntity = {\n                    start: {\n                        ...start,\n                        displayValue: this.formatValue(\n                            coreTableColumn,\n                            start?.value\n                        ),\n                    },\n                    end: {\n                        ...end,\n                        displayValue: this.formatValue(\n                            coreTableColumn,\n                            end?.value\n                        ),\n                    },\n                    delta: undefined,\n                    deltaRatio: undefined,\n                }\n\n                if (\n                    start !== undefined &&\n                    end !== undefined &&\n                    typeof start.value === \"number\" &&\n                    typeof end.value === \"number\" &&\n                    // sanity check: start time should always be <= end time\n                    start.time !== undefined &&\n                    end.time !== undefined &&\n                    start.time <= end.time\n                ) {\n                    const deltaValue = end.value - start.value\n                    const deltaRatioValue = deltaValue / Math.abs(start.value)\n\n                    result.delta = {\n                        value: deltaValue,\n                        displayValue: this.formatValue(\n                            coreTableColumn,\n                            deltaValue,\n                            {\n                                showPlus: true,\n                                unit:\n                                    coreTableColumn.shortUnit === \"%\"\n                                        ? \"pp\"\n                                        : coreTableColumn.shortUnit,\n                            }\n                        ),\n                    }\n\n                    result.deltaRatio = {\n                        value: deltaRatioValue,\n                        displayValue:\n                            isFinite(deltaRatioValue) && !isNaN(deltaRatioValue)\n                                ? this.formatValue(\n                                      coreTableColumn,\n                                      deltaRatioValue * 100,\n                                      {\n                                          unit: \"%\",\n                                          numDecimalPlaces: 0,\n                                          showPlus: true,\n                                      }\n                                  )\n                                : undefined,\n                    }\n                }\n                return result\n            } else {\n                // if single time\n                const dv = dvs[0]\n                const result: PointValuesForEntity = {\n                    single: { ...dv },\n                }\n                if (dv !== undefined)\n                    result.single!.displayValue = this.formatValue(\n                        coreTableColumn,\n                        dv.value\n                    )\n                return result\n            }\n        })\n    }\n\n    @computed get displayDimensions(): DisplayDataTableDimension[] {\n        return this.dataTableDimensionsWithValues.map((d) => {\n            const coreTableColumn = d.coreTableColumn\n            const columnName = coreTableColumn.titlePublicOrDisplayName\n            const unit =\n                coreTableColumn.unit === \"%\" ? \"percent\" : coreTableColumn.unit\n\n            return {\n                coreTableColumn,\n                columnDefinitions: d.columnDefinitions,\n                display: { columnName, unit },\n                sortable: !this.hasSubheaders,\n            }\n        })\n    }\n\n    @computed private get displayRows(): DataTableRow[] {\n        return this.entityNames.map((entityName) => {\n            return {\n                entityName,\n                values: this.dataTableDimensionsWithValues.map((d) =>\n                    d.valuesByEntityName.get(entityName)\n                ),\n            }\n        })\n    }\n\n    @computed private get sortedDisplayRows(): DataTableRow[] {\n        const { order } = this.tableState.sort\n        return _.orderBy(this.displayRows, this.sortValueMapper, order)\n    }\n}\n\nfunction ColumnHeader(props: {\n    classNames?: string\n    sortable: boolean\n    sortedCol: boolean\n    sortOrder: SortOrder\n    onClick?: () => void\n    rowSpan?: number\n    colSpan?: number\n    headerText: React.ReactNode\n    colType: \"entity\" | \"dimension\" | \"subdimension\"\n    minWidth?: number\n    contentMaxWidth?: number\n}): React.ReactElement {\n    const { sortable, sortedCol, colType } = props\n    const isEntityColumn = colType === \"entity\"\n    const sortIcon = sortable && (\n        <SortIcon\n            isActiveIcon={sortedCol}\n            order={\n                sortedCol\n                    ? props.sortOrder\n                    : isEntityColumn\n                      ? SortOrder.asc\n                      : SortOrder.desc\n            }\n        />\n    )\n\n    return (\n        <th\n            className={classnames(props.classNames, colType, { sortable })}\n            rowSpan={props.rowSpan ?? 1}\n            colSpan={props.colSpan ?? 1}\n            onClick={props.onClick}\n            style={{ minWidth: props.minWidth }}\n        >\n            <CellContent maxWidth={props.contentMaxWidth}>\n                <div className=\"content\">\n                    {!isEntityColumn && sortIcon}\n                    <span>{props.headerText}</span>\n                    {isEntityColumn && sortIcon}\n                </div>\n            </CellContent>\n        </th>\n    )\n}\n\nfunction CellContent(props: {\n    maxWidth?: number\n    children?: React.ReactNode\n}): React.ReactElement {\n    if (!props.maxWidth) return <>{props.children}</>\n    return <div style={{ maxWidth: props.maxWidth }}>{props.children}</div>\n}\n\nfunction ValueCell(props: {\n    columnKey: DataTableColumnKey\n    isFirstColumn?: boolean\n    maxWidth?: number\n    children?: React.ReactNode\n}): React.ReactElement {\n    const className = classnames([\n        \"cell\",\n        `cell-${props.columnKey}`,\n        { \"cell-first\": props.isFirstColumn },\n    ])\n    return (\n        <td className={className}>\n            <CellContent maxWidth={props.maxWidth}>\n                {props.children}\n            </CellContent>\n        </td>\n    )\n}\n\nfunction SortIcon(props: {\n    isActiveIcon?: boolean\n    order: SortOrder\n}): React.ReactElement {\n    const isActiveIcon = props.isActiveIcon ?? false\n    const activeIcon =\n        props.order === SortOrder.desc ? faArrowUpLong : faArrowDownLong\n\n    return (\n        <span\n            className={classnames({ \"sort-icon\": true, active: isActiveIcon })}\n        >\n            {isActiveIcon ? (\n                <FontAwesomeIcon icon={activeIcon} />\n            ) : (\n                <span style={{ display: \"inline-block\", width: \"max-content\" }}>\n                    <FontAwesomeIcon icon={faArrowUpLong} />\n                    <FontAwesomeIcon\n                        icon={faArrowDownLong}\n                        style={{ marginLeft: \"-2px\" }}\n                    />\n                </span>\n            )}\n        </span>\n    )\n}\n\nfunction ClosestTimeNotice({\n    value,\n    columnDefinition,\n    formatTime,\n}: {\n    value: MinimalRow\n    columnDefinition: DataTableColumnDefinition\n    formatTime: (time: Time) => string\n}): React.ReactElement | null {\n    const shouldShowClosestTimeNotice =\n        !isDeltaColumn(columnDefinition.key) &&\n        columnDefinition.targetTime !== value.time\n\n    if (\n        value.time === undefined ||\n        columnDefinition.targetTime === undefined ||\n        !shouldShowClosestTimeNotice\n    )\n        return null\n\n    const targetTime = formatTime(columnDefinition.targetTime)\n    const closestTime = formatTime(value.time)\n\n    return (\n        <Tippy\n            content={\n                <div className=\"closest-time-notice-tippy\">\n                    <strong>Data not available for {targetTime}</strong>\n                    <br />\n                    Showing closest available data point ({closestTime})\n                </div>\n            }\n            arrow={false}\n        >\n            <span className=\"closest-time-notice-icon\">\n                <span className=\"icon\">\n                    <FontAwesomeIcon icon={faInfoCircle} />\n                </span>\n            </span>\n        </Tippy>\n    )\n}\n\nfunction Sparkline({\n    width = 75,\n    height = 18,\n    dataRows,\n    minTime,\n    maxTime,\n    highlights = [],\n    dotSize = 3.5,\n    color = \"#4C6A9C\",\n    strokeStyle = \"solid\",\n}: {\n    width?: number\n    height?: number\n    dataRows: VariableRow<number>[]\n    minTime: number\n    maxTime: number\n    highlights?: SparklineHighlight[]\n    dotSize?: number\n    color?: string\n    strokeStyle?: \"solid\" | \"dotted\"\n}): React.ReactElement | null {\n    if (dataRows.length <= 1) return null\n\n    // add a little padding so the dots don't overflow\n    const bounds = new Bounds(0, 0, width, height).padWidth(dotSize)\n\n    // calculate x-scale\n    const xDomain = [minTime, maxTime]\n    const xScale = scaleLinear()\n        .domain(xDomain)\n        .range([bounds.left, bounds.right])\n\n    // calculate y-scale\n    const yDomain = extent(dataRows.map((row) => row.value)) as [number, number]\n    const yScale = scaleLinear()\n        .domain(yDomain)\n        .range([bounds.bottom, bounds.top])\n\n    const makePath = line<VariableRow<number>>()\n        .x((row) => xScale(row.originalTime))\n        .y((row) => yScale(row.value))\n\n    const path = makePath(dataRows)\n    if (!path) return null\n\n    const strokeDasharray = strokeStyle === \"dotted\" ? \"2,3\" : undefined\n\n    return (\n        <svg\n            width={width}\n            height={height}\n            viewBox={`0 0 ${width} ${height}`}\n            style={{ overflow: \"visible\" }}\n        >\n            {/* marker lines of highlights */}\n            {highlights\n                .filter((highlight) => highlight.showMarker)\n                .map((highlight) => (\n                    <line\n                        key={highlight.time}\n                        x1={xScale(highlight.time)}\n                        x2={xScale(highlight.time)}\n                        y1={0}\n                        y2={height}\n                        stroke={GRAY_30}\n                    />\n                ))}\n\n            {/* sparkline */}\n            <path\n                d={path}\n                stroke={color}\n                fill=\"none\"\n                strokeWidth={1.5}\n                strokeDasharray={strokeDasharray}\n            />\n\n            {/* highlighted data points */}\n            {highlights\n                .filter((highlight) => highlight.value !== undefined)\n                .map((highlight) => (\n                    <circle\n                        key={highlight.time}\n                        cx={xScale(highlight.time)}\n                        cy={yScale(highlight.value!)}\n                        r={dotSize}\n                        fill={color}\n                        stroke=\"#fff\"\n                    />\n                ))}\n        </svg>\n    )\n}\n\nfunction getValueForEntityByKey(\n    dimensionValue: DataTableValuesForEntity,\n    columnKey: DataTableColumnKey\n): MinimalRow | undefined {\n    if (isSingleValue(dimensionValue)) {\n        return dimensionValue[columnKey as PointColumnKey] as MinimalRow\n    } else if (isRangeValue(dimensionValue)) {\n        return dimensionValue[columnKey as RangeColumnKey] as MinimalRow\n    }\n    return undefined\n}\n\nfunction isRangeColumnKey(key: string): key is RangeColumnKey {\n    return Object.values(RangeColumnKey).includes(key as any)\n}\n\nfunction isRangeValue(\n    value: DataTableValuesForEntity\n): value is RangeValuesForEntity {\n    return \"start\" in value\n}\n\nfunction isSingleValue(\n    value: DataTableValuesForEntity\n): value is PointValuesForEntity {\n    return \"single\" in value\n}\n\nfunction isDeltaColumn(columnKey?: DataTableColumnKey): boolean {\n    return columnKey === \"delta\" || columnKey === \"deltaRatio\"\n}\n\nfunction isCommonDataTableFilter(\n    candidate: string\n): candidate is CommonDataTableFilter {\n    return COMMON_DATA_TABLE_FILTERS.includes(candidate as any)\n}\n\nexport function isValidDataTableFilter(\n    candidate: string\n): candidate is DataTableFilter {\n    return isCommonDataTableFilter(candidate) || isEntityRegionType(candidate)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/grapher/dataTable/DataTable.sample.d.ts

@@ -0,0 +1,7 @@
+import { GrapherState } from "../core/GrapherState.js";
+import { GrapherInterface } from "../../types/index.js";
+export declare const childMortalityGrapher: (props?: Partial<GrapherInterface>) => GrapherState;
+export declare const GrapherWithIncompleteData: (props?: Partial<GrapherInterface>) => GrapherState;
+export declare const GrapherWithAggregates: (props?: Partial<GrapherInterface>) => GrapherState;
+export declare const GrapherWithMultipleVariablesAndMultipleYears: (props?: Partial<GrapherInterface>) => GrapherState;
+//# sourceMappingURL=DataTable.sample.d.ts.map

package/dist/grapher/dataTable/DataTable.sample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.sample.d.ts","sourceRoot":"","sources":["../../../src/grapher/dataTable/DataTable.sample.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAEH,gBAAgB,EACnB,MAAM,sBAAsB,CAAA;AAQ7B,eAAO,MAAM,qBAAqB,GAC9B,QAAO,OAAO,CAAC,gBAAgB,CAAM,KACtC,YA6CF,CAAA;AAED,eAAO,MAAM,yBAAyB,GAClC,QAAO,OAAO,CAAC,gBAAgB,CAAM,KACtC,YA4CF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAC9B,QAAO,OAAO,CAAC,gBAAgB,CAAM,KACtC,YA4CF,CAAA;AAED,eAAO,MAAM,4CAA4C,GACrD,QAAO,OAAO,CAAC,gBAAgB,CAAM,KACtC,YA6CF,CAAA"}

package/dist/grapher/dataTable/DataTable.sample.js

@@ -0,0 +1,192 @@
+import { DimensionProperty } from "../../utils/index.js";
+import { GrapherState } from "../core/GrapherState.js";
+import {
+  GRAPHER_TAB_CONFIG_OPTIONS
+} from "../../types/index.js";
+import {
+  createTestDataset,
+  fakeEntities
+} from "../testData/TestData.js";
+import { legacyToChartsTableAndDimensionsWithMandatorySlug } from "../core/LegacyToChartsTable.js";
+const childMortalityGrapher = (props = {}) => {
+  const childMortalityId = 104402;
+  const childMortalityMetadata = {
+    id: childMortalityId,
+    display: {
+      name: "Child mortality",
+      unit: "%",
+      shortUnit: "%",
+      conversionFactor: 0.1
+    }
+  };
+  const childMortalityData = [
+    { year: 1950, entity: fakeEntities.Afghanistan, value: 224.45 },
+    { year: 1950, entity: fakeEntities.Iceland, value: 333.68 },
+    { year: 2005, entity: fakeEntities.Afghanistan, value: 295.59 },
+    { year: 2005, entity: fakeEntities.Iceland, value: 246.12 },
+    { year: 2019, entity: fakeEntities.Afghanistan, value: 215.59 },
+    { year: 2019, entity: fakeEntities.Iceland, value: 226.12 }
+  ];
+  const dimensions = [
+    {
+      variableId: childMortalityId,
+      property: DimensionProperty.y
+    }
+  ];
+  const dataset = createTestDataset([
+    {
+      metadata: childMortalityMetadata,
+      data: childMortalityData
+    }
+  ]);
+  const state = new GrapherState({
+    hasMapTab: true,
+    tab: GRAPHER_TAB_CONFIG_OPTIONS.map,
+    dimensions,
+    ...props
+  });
+  state.inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(
+    dataset,
+    dimensions,
+    {}
+  );
+  return state;
+};
+const GrapherWithIncompleteData = (props = {}) => {
+  const indicatorId = 3512;
+  const metadata = { id: indicatorId, shortUnit: "%" };
+  const data = [
+    { year: 2e3, entity: fakeEntities.Iceland, value: 4 },
+    { year: 2001, entity: fakeEntities.France, value: 22 },
+    { year: 2010, entity: fakeEntities.Afghanistan, value: 20 },
+    { year: 2009, entity: fakeEntities.Iceland, value: 34 }
+  ];
+  const dimensions = [
+    {
+      variableId: indicatorId,
+      property: DimensionProperty.y,
+      display: {
+        name: "",
+        unit: "% of children under 5",
+        tolerance: 1,
+        isProjection: false
+      }
+    },
+    {
+      variableId: indicatorId,
+      property: DimensionProperty.x,
+      targetYear: 2010,
+      display: {
+        name: "Children in 2010",
+        unit: "% of children under 5",
+        tolerance: 1,
+        isProjection: false
+      }
+    }
+  ];
+  const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(
+    createTestDataset([{ metadata, data }]),
+    dimensions,
+    {}
+  );
+  return new GrapherState({
+    tab: GRAPHER_TAB_CONFIG_OPTIONS.table,
+    selectedEntityNames: ["Iceland", "France", "Afghanistan"],
+    dimensions,
+    ...props,
+    table: inputTable
+  });
+};
+const GrapherWithAggregates = (props = {}) => {
+  const childMortalityId = 104402;
+  const childMortalityMetadata = {
+    id: childMortalityId,
+    display: {
+      name: "Child mortality",
+      unit: "%",
+      shortUnit: "%",
+      conversionFactor: 0.1
+    }
+  };
+  const childMortalityData = [
+    { year: 1950, entity: fakeEntities.Afghanistan, value: 224.45 },
+    { year: 1950, entity: fakeEntities.Iceland, value: 333.68 },
+    { year: 1950, entity: fakeEntities.World, value: 456.33 },
+    { year: 2005, entity: fakeEntities.Afghanistan, value: 295.59 },
+    { year: 2005, entity: fakeEntities.Iceland, value: 246.12 },
+    { year: 2005, entity: fakeEntities.World, value: 298.87 },
+    { year: 2019, entity: fakeEntities.Afghanistan, value: 215.59 },
+    { year: 2019, entity: fakeEntities.Iceland, value: 226.12 },
+    { year: 2019, entity: fakeEntities.World, value: 450.87 }
+  ];
+  const dimensions = [
+    {
+      variableId: childMortalityId,
+      property: DimensionProperty.y
+    }
+  ];
+  const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(
+    createTestDataset([
+      { metadata: childMortalityMetadata, data: childMortalityData }
+    ]),
+    dimensions,
+    {}
+  );
+  return new GrapherState({
+    tab: GRAPHER_TAB_CONFIG_OPTIONS.table,
+    dimensions,
+    selectedEntityNames: ["Afghanistan", "Iceland", "World"],
+    ...props,
+    table: inputTable
+  });
+};
+const GrapherWithMultipleVariablesAndMultipleYears = (props = {}) => {
+  const abovePovertyLineId = 514050;
+  const belowPovertyLineId = 472265;
+  const dimensions = [
+    {
+      variableId: abovePovertyLineId,
+      property: DimensionProperty.y
+    },
+    {
+      variableId: belowPovertyLineId,
+      property: DimensionProperty.y
+    }
+  ];
+  const abovePovertyLineDataset = {
+    metadata: { id: abovePovertyLineId },
+    data: [
+      { year: 1950, entity: fakeEntities.World, value: 10 },
+      { year: 2005, entity: fakeEntities.World, value: 20 },
+      { year: 2019, entity: fakeEntities.World, value: 30 }
+    ]
+  };
+  const belowPovertyLineDataset = {
+    metadata: { id: belowPovertyLineId },
+    data: [
+      { year: 1950, entity: fakeEntities.World, value: 5 },
+      { year: 2005, entity: fakeEntities.World, value: 15 },
+      { year: 2019, entity: fakeEntities.World, value: 10 }
+    ]
+  };
+  const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(
+    createTestDataset([
+      abovePovertyLineDataset,
+      belowPovertyLineDataset
+    ]),
+    dimensions,
+    {}
+  );
+  return new GrapherState({
+    tab: GRAPHER_TAB_CONFIG_OPTIONS.table,
+    dimensions,
+    ...props,
+    table: inputTable
+  });
+};
+export {
+  GrapherWithAggregates,
+  GrapherWithIncompleteData,
+  GrapherWithMultipleVariablesAndMultipleYears,
+  childMortalityGrapher
+};

package/dist/grapher/dataTable/DataTable.sample.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/dataTable/DataTable.sample.ts"],
+  "sourcesContent": ["import { DimensionProperty } from \"../../utils/index.js\"\nimport { GrapherState } from \"../core/GrapherState.js\"\nimport {\n    GRAPHER_TAB_CONFIG_OPTIONS,\n    GrapherInterface,\n} from \"../../types/index.js\"\nimport {\n    TestMetadata,\n    createTestDataset,\n    fakeEntities,\n} from \"../testData/TestData.js\"\nimport { legacyToChartsTableAndDimensionsWithMandatorySlug } from \"../core/LegacyToChartsTable.js\"\n\nexport const childMortalityGrapher = (\n    props: Partial<GrapherInterface> = {}\n): GrapherState => {\n    const childMortalityId = 104402\n    const childMortalityMetadata: TestMetadata = {\n        id: childMortalityId,\n        display: {\n            name: \"Child mortality\",\n            unit: \"%\",\n            shortUnit: \"%\",\n            conversionFactor: 0.1,\n        },\n    }\n    const childMortalityData = [\n        { year: 1950, entity: fakeEntities.Afghanistan, value: 224.45 },\n        { year: 1950, entity: fakeEntities.Iceland, value: 333.68 },\n\n        { year: 2005, entity: fakeEntities.Afghanistan, value: 295.59 },\n        { year: 2005, entity: fakeEntities.Iceland, value: 246.12 },\n\n        { year: 2019, entity: fakeEntities.Afghanistan, value: 215.59 },\n        { year: 2019, entity: fakeEntities.Iceland, value: 226.12 },\n    ]\n    const dimensions = [\n        {\n            variableId: childMortalityId,\n            property: DimensionProperty.y,\n        },\n    ]\n    const dataset = createTestDataset([\n        {\n            metadata: childMortalityMetadata,\n            data: childMortalityData,\n        },\n    ])\n    const state = new GrapherState({\n        hasMapTab: true,\n        tab: GRAPHER_TAB_CONFIG_OPTIONS.map,\n        dimensions,\n        ...props,\n    })\n    state.inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(\n        dataset,\n        dimensions,\n        {}\n    )\n    return state\n}\n\nexport const GrapherWithIncompleteData = (\n    props: Partial<GrapherInterface> = {}\n): GrapherState => {\n    const indicatorId = 3512\n    const metadata = { id: indicatorId, shortUnit: \"%\" }\n    const data = [\n        { year: 2000, entity: fakeEntities.Iceland, value: 4 },\n        { year: 2001, entity: fakeEntities.France, value: 22 },\n        { year: 2010, entity: fakeEntities.Afghanistan, value: 20 },\n        { year: 2009, entity: fakeEntities.Iceland, value: 34 },\n    ]\n    const dimensions = [\n        {\n            variableId: indicatorId,\n            property: DimensionProperty.y,\n            display: {\n                name: \"\",\n                unit: \"% of children under 5\",\n                tolerance: 1,\n                isProjection: false,\n            },\n        },\n        {\n            variableId: indicatorId,\n            property: DimensionProperty.x,\n            targetYear: 2010,\n            display: {\n                name: \"Children in 2010\",\n                unit: \"% of children under 5\",\n                tolerance: 1,\n                isProjection: false,\n            },\n        },\n    ]\n    const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(\n        createTestDataset([{ metadata, data }]),\n        dimensions,\n        {}\n    )\n    return new GrapherState({\n        tab: GRAPHER_TAB_CONFIG_OPTIONS.table,\n        selectedEntityNames: [\"Iceland\", \"France\", \"Afghanistan\"],\n        dimensions,\n        ...props,\n        table: inputTable,\n    })\n}\n\nexport const GrapherWithAggregates = (\n    props: Partial<GrapherInterface> = {}\n): GrapherState => {\n    const childMortalityId = 104402\n    const childMortalityMetadata: TestMetadata = {\n        id: childMortalityId,\n        display: {\n            name: \"Child mortality\",\n            unit: \"%\",\n            shortUnit: \"%\",\n            conversionFactor: 0.1,\n        },\n    }\n    const childMortalityData = [\n        { year: 1950, entity: fakeEntities.Afghanistan, value: 224.45 },\n        { year: 1950, entity: fakeEntities.Iceland, value: 333.68 },\n        { year: 1950, entity: fakeEntities.World, value: 456.33 },\n\n        { year: 2005, entity: fakeEntities.Afghanistan, value: 295.59 },\n        { year: 2005, entity: fakeEntities.Iceland, value: 246.12 },\n        { year: 2005, entity: fakeEntities.World, value: 298.87 },\n\n        { year: 2019, entity: fakeEntities.Afghanistan, value: 215.59 },\n        { year: 2019, entity: fakeEntities.Iceland, value: 226.12 },\n        { year: 2019, entity: fakeEntities.World, value: 450.87 },\n    ]\n    const dimensions = [\n        {\n            variableId: childMortalityId,\n            property: DimensionProperty.y,\n        },\n    ]\n    const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(\n        createTestDataset([\n            { metadata: childMortalityMetadata, data: childMortalityData },\n        ]),\n        dimensions,\n        {}\n    )\n    return new GrapherState({\n        tab: GRAPHER_TAB_CONFIG_OPTIONS.table,\n        dimensions,\n        selectedEntityNames: [\"Afghanistan\", \"Iceland\", \"World\"],\n        ...props,\n        table: inputTable,\n    })\n}\n\nexport const GrapherWithMultipleVariablesAndMultipleYears = (\n    props: Partial<GrapherInterface> = {}\n): GrapherState => {\n    const abovePovertyLineId = 514050\n    const belowPovertyLineId = 472265\n\n    const dimensions = [\n        {\n            variableId: abovePovertyLineId,\n            property: DimensionProperty.y,\n        },\n        {\n            variableId: belowPovertyLineId,\n            property: DimensionProperty.y,\n        },\n    ]\n\n    const abovePovertyLineDataset = {\n        metadata: { id: abovePovertyLineId },\n        data: [\n            { year: 1950, entity: fakeEntities.World, value: 10 },\n            { year: 2005, entity: fakeEntities.World, value: 20 },\n            { year: 2019, entity: fakeEntities.World, value: 30 },\n        ],\n    }\n    const belowPovertyLineDataset = {\n        metadata: { id: belowPovertyLineId },\n        data: [\n            { year: 1950, entity: fakeEntities.World, value: 5 },\n            { year: 2005, entity: fakeEntities.World, value: 15 },\n            { year: 2019, entity: fakeEntities.World, value: 10 },\n        ],\n    }\n    const inputTable = legacyToChartsTableAndDimensionsWithMandatorySlug(\n        createTestDataset([\n            abovePovertyLineDataset,\n            belowPovertyLineDataset,\n        ]),\n        dimensions,\n        {}\n    )\n    return new GrapherState({\n        tab: GRAPHER_TAB_CONFIG_OPTIONS.table,\n        dimensions,\n        ...props,\n        table: inputTable,\n    })\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/grapher/dataTable/DataTableConstants.d.ts

@@ -0,0 +1,141 @@
+import { CoreColumn, ChartsTable } from "../../core-table/index.js";
+import { ColumnSlug, EntityName, IndicatorTitleWithFragments, VariableRow, SortOrder, Time } from "../../types/index.js";
+import { EntityNamesByRegionType, EntityRegionType } from "../core/EntitiesByRegionType.js";
+import { SelectionArray } from "../selection/SelectionArray.js";
+import { TimelineDragTarget } from "../timeline/TimelineController.js";
+export interface DataTableManager {
+    table: ChartsTable;
+    filteredTableForDisplay: ChartsTable;
+    entityType?: string;
+    endTime?: Time;
+    startTime?: Time;
+    dataTableSlugs?: ColumnSlug[];
+    isNarrow?: boolean;
+    dataTableConfig: DataTableConfig;
+    dataTableSelection?: SelectionArray | EntityName[];
+    entityNamesByRegionType?: EntityNamesByRegionType;
+    timelineDragTarget?: TimelineDragTarget;
+    closestTimelineMinTime?: Time;
+    closestTimelineMaxTime?: Time;
+}
+/**
+ * DataTableDimension represents an indicator from the core table that is
+ * displayed in the data table as a group with one or more columns.
+ *
+ * A DataTableDimension contains:
+ * - columnDefinitions: Defines which columns to display for this indicator
+ *   (e.g., start/end columns, change columns)
+ * - valuesByEntityName: The actual data for each column, grouped by entity
+ * - coreTableColumn: Reference to the original indicator from the core table
+ */
+export interface DataTableDimension {
+    columnDefinitions: DataTableColumnDefinition[];
+    valuesByEntityName: Map<EntityName, DataTableValuesForEntity>;
+    coreTableColumn: CoreColumn;
+}
+/**
+ * DisplayDataTableDimension represents an indicator from the core table that is
+ * displayed in the data table as a group with one or more columns. Unlike
+ * DataTableDimension, it doesn't contain the actual data values but only the
+ * metadata needed for display purposes.
+ */
+export interface DisplayDataTableDimension extends Omit<DataTableDimension, "valuesByEntityName"> {
+    sortable: boolean;
+    display: {
+        columnName: IndicatorTitleWithFragments;
+        unit?: string;
+    };
+}
+/**
+ * DataTableColumnDefinition defines the configuration for a single column
+ * within a data table dimension. It specifies which type of data should be
+ * displayed (e.g., start/end values or absolute/relative change).
+ */
+export interface DataTableColumnDefinition {
+    key: DataTableColumnKey;
+    targetTime?: Time;
+    sortable: boolean;
+}
+/**
+ * DataTableRow represents a single row in the data table, corresponding to
+ * one entity. It contains the entity name and an array of data table values,
+ * where each element maps to a data table dimension.
+ */
+export interface DataTableRow {
+    entityName: EntityName;
+    values: (DataTableValuesForEntity | undefined)[];
+}
+/**
+ * TargetTimeMode determines how time selection affects the data table display.
+ * - point: Single time selection, showing one value per indicator
+ * - range: Time range selection, showing start/end values and absolute/relative change
+ */
+export declare enum TargetTimeMode {
+    point = "point",
+    range = "range"
+}
+export declare enum SparklineKey {
+    sparkline = "sparkline"
+}
+/**
+ * PointColumnKey defines the available column types when displaying single
+ * time point data. Used when TargetTimeMode is set to 'point'.
+ * - single: The data value for the selected time
+ */
+export declare enum PointColumnKey {
+    single = "single"
+}
+/**
+ * RangeColumnKey defines the available column types when displaying time
+ * range data. Used when TargetTimeMode is set to 'range'.
+ * - start: Value at the beginning of the time range
+ * - end: Value at the end of the time range
+ * - delta: Absolute change between start and end values
+ * - deltaRatio: Relative change between start and end values
+ */
+export declare enum RangeColumnKey {
+    start = "start",
+    end = "end",
+    delta = "delta",
+    deltaRatio = "deltaRatio"
+}
+/**
+ * PointValuesForEntity holds data for a single entity within a data table dimension
+ * when TargetTimeMode is set to 'point' (single time selection).
+ */
+export type PointValuesForEntity = Partial<Record<PointColumnKey, MinimalRow> & Record<SparklineKey, VariableRow<number>[]>>;
+/**
+ * RangeValuesForEntity holds data for a single entity within a data table dimension
+ * when TargetTimeMode is set to 'range' (time range selection). This includes
+ * start and end values and absolute and relative change columns.
+ */
+export type RangeValuesForEntity = Partial<Record<RangeColumnKey, MinimalRow> & Record<SparklineKey, VariableRow<number>[]>>;
+export type DataTableValuesForEntity = PointValuesForEntity | RangeValuesForEntity;
+export type DataTableColumnKey = PointColumnKey | RangeColumnKey | SparklineKey;
+export interface MinimalRow {
+    value?: string | number;
+    displayValue?: string;
+    time?: Time;
+}
+export declare const COMMON_DATA_TABLE_FILTERS: readonly ["all", "selection"];
+export type CommonDataTableFilter = (typeof COMMON_DATA_TABLE_FILTERS)[number];
+export type DataTableFilter = CommonDataTableFilter | EntityRegionType;
+export interface DataTableConfig {
+    filter: DataTableFilter;
+    search: string;
+}
+export interface DataTableState {
+    sort: DataTableSortState;
+}
+export interface DataTableSortState {
+    dimIndex: DimensionSortIndex;
+    columnKey: DataTableColumnKey | undefined;
+    order: SortOrder;
+}
+export type DimensionSortIndex = number;
+export interface SparklineHighlight {
+    time: Time;
+    value?: number;
+    showMarker?: boolean;
+}
+//# sourceMappingURL=DataTableConstants.d.ts.map

package/dist/grapher/dataTable/DataTableConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableConstants.d.ts","sourceRoot":"","sources":["../../../src/grapher/dataTable/DataTableConstants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EACH,UAAU,EACV,UAAU,EACV,2BAA2B,EAC3B,WAAW,EACX,SAAS,EACT,IAAI,EACP,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EACH,uBAAuB,EACvB,gBAAgB,EACnB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAWtE,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,WAAW,CAAA;IAClB,uBAAuB,EAAE,WAAW,CAAA;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,UAAU,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,cAAc,GAAG,UAAU,EAAE,CAAA;IAClD,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,sBAAsB,CAAC,EAAE,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,IAAI,CAAA;CAChC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IAC/B,iBAAiB,EAAE,yBAAyB,EAAE,CAAA;IAC9C,kBAAkB,EAAE,GAAG,CAAC,UAAU,EAAE,wBAAwB,CAAC,CAAA;IAC7D,eAAe,EAAE,UAAU,CAAA;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,yBACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,oBAAoB,CAAC;IACtD,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE;QAAE,UAAU,EAAE,2BAA2B,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACtE;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACtC,GAAG,EAAE,kBAAkB,CAAA;IACvB,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,CAAC,wBAAwB,GAAG,SAAS,CAAC,EAAE,CAAA;CACnD;AAED;;;;GAIG;AACH,oBAAY,cAAc;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;CAClB;AAED,oBAAY,YAAY;IACpB,SAAS,cAAc;CAC1B;AAED;;;;GAIG;AACH,oBAAY,cAAc;IACtB,MAAM,WAAW;CACpB;AAED;;;;;;;GAOG;AACH,oBAAY,cAAc;IACtB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,UAAU,eAAe;CAC5B;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACtC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,GAC9B,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAClD,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACtC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,GAC9B,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAClD,CAAA;AAED,MAAM,MAAM,wBAAwB,GAC9B,oBAAoB,GACpB,oBAAoB,CAAA;AAE1B,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,cAAc,GAAG,YAAY,CAAA;AAE/E,MAAM,WAAW,UAAU;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,IAAI,CAAA;CACd;AAED,eAAO,MAAM,yBAAyB,+BAAgC,CAAA;AACtE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9E,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,gBAAgB,CAAA;AAEtE,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,eAAe,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,kBAAkB,CAAA;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,SAAS,EAAE,kBAAkB,GAAG,SAAS,CAAA;IACzC,KAAK,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAA;AAEvC,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB"}

package/dist/grapher/dataTable/DataTableConstants.js

@@ -0,0 +1,28 @@
+var TargetTimeMode = /* @__PURE__ */ ((TargetTimeMode2) => {
+  TargetTimeMode2["point"] = "point";
+  TargetTimeMode2["range"] = "range";
+  return TargetTimeMode2;
+})(TargetTimeMode || {});
+var SparklineKey = /* @__PURE__ */ ((SparklineKey2) => {
+  SparklineKey2["sparkline"] = "sparkline";
+  return SparklineKey2;
+})(SparklineKey || {});
+var PointColumnKey = /* @__PURE__ */ ((PointColumnKey2) => {
+  PointColumnKey2["single"] = "single";
+  return PointColumnKey2;
+})(PointColumnKey || {});
+var RangeColumnKey = /* @__PURE__ */ ((RangeColumnKey2) => {
+  RangeColumnKey2["start"] = "start";
+  RangeColumnKey2["end"] = "end";
+  RangeColumnKey2["delta"] = "delta";
+  RangeColumnKey2["deltaRatio"] = "deltaRatio";
+  return RangeColumnKey2;
+})(RangeColumnKey || {});
+const COMMON_DATA_TABLE_FILTERS = ["all", "selection"];
+export {
+  COMMON_DATA_TABLE_FILTERS,
+  PointColumnKey,
+  RangeColumnKey,
+  SparklineKey,
+  TargetTimeMode
+};

package/dist/grapher/dataTable/DataTableConstants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/grapher/dataTable/DataTableConstants.ts"],
+  "sourcesContent": ["import { CoreColumn, ChartsTable } from \"../../core-table/index.js\"\nimport {\n    ColumnSlug,\n    EntityName,\n    IndicatorTitleWithFragments,\n    VariableRow,\n    SortOrder,\n    Time,\n} from \"../../types/index.js\"\nimport {\n    EntityNamesByRegionType,\n    EntityRegionType,\n} from \"../core/EntitiesByRegionType.js\"\nimport { SelectionArray } from \"../selection/SelectionArray.js\"\nimport { TimelineDragTarget } from \"../timeline/TimelineController.js\"\n\n// Grapher's rendered data table is organized into groups, where\n// each group corresponds to an indicator from the core table.\n// Each indicator group contains a set of columns, depending on\n// the current time selection:\n// - Single time selection: one column per indicator showing the value\n// - Start and end time selection: two to four columns per indicator, including\n//   start value, end value, and optionally absolute change and relative change\n//   columns\n\nexport interface DataTableManager {\n    table: ChartsTable // not used here, but required in type `ChartManager`\n    filteredTableForDisplay: ChartsTable\n    entityType?: string\n    endTime?: Time\n    startTime?: Time\n    dataTableSlugs?: ColumnSlug[]\n    isNarrow?: boolean\n    dataTableConfig: DataTableConfig\n    dataTableSelection?: SelectionArray | EntityName[]\n    entityNamesByRegionType?: EntityNamesByRegionType\n    timelineDragTarget?: TimelineDragTarget\n    closestTimelineMinTime?: Time\n    closestTimelineMaxTime?: Time\n}\n\n/**\n * DataTableDimension represents an indicator from the core table that is\n * displayed in the data table as a group with one or more columns.\n *\n * A DataTableDimension contains:\n * - columnDefinitions: Defines which columns to display for this indicator\n *   (e.g., start/end columns, change columns)\n * - valuesByEntityName: The actual data for each column, grouped by entity\n * - coreTableColumn: Reference to the original indicator from the core table\n */\nexport interface DataTableDimension {\n    columnDefinitions: DataTableColumnDefinition[]\n    valuesByEntityName: Map<EntityName, DataTableValuesForEntity>\n    coreTableColumn: CoreColumn\n}\n\n/**\n * DisplayDataTableDimension represents an indicator from the core table that is\n * displayed in the data table as a group with one or more columns. Unlike\n * DataTableDimension, it doesn't contain the actual data values but only the\n * metadata needed for display purposes.\n */\nexport interface DisplayDataTableDimension\n    extends Omit<DataTableDimension, \"valuesByEntityName\"> {\n    sortable: boolean\n    display: { columnName: IndicatorTitleWithFragments; unit?: string }\n}\n\n/**\n * DataTableColumnDefinition defines the configuration for a single column\n * within a data table dimension. It specifies which type of data should be\n * displayed (e.g., start/end values or absolute/relative change).\n */\nexport interface DataTableColumnDefinition {\n    key: DataTableColumnKey\n    targetTime?: Time\n    sortable: boolean\n}\n\n/**\n * DataTableRow represents a single row in the data table, corresponding to\n * one entity. It contains the entity name and an array of data table values,\n * where each element maps to a data table dimension.\n */\nexport interface DataTableRow {\n    entityName: EntityName\n    values: (DataTableValuesForEntity | undefined)[] // TODO make it not undefined\n}\n\n/**\n * TargetTimeMode determines how time selection affects the data table display.\n * - point: Single time selection, showing one value per indicator\n * - range: Time range selection, showing start/end values and absolute/relative change\n */\nexport enum TargetTimeMode {\n    point = \"point\",\n    range = \"range\",\n}\n\nexport enum SparklineKey {\n    sparkline = \"sparkline\",\n}\n\n/**\n * PointColumnKey defines the available column types when displaying single\n * time point data. Used when TargetTimeMode is set to 'point'.\n * - single: The data value for the selected time\n */\nexport enum PointColumnKey {\n    single = \"single\",\n}\n\n/**\n * RangeColumnKey defines the available column types when displaying time\n * range data. Used when TargetTimeMode is set to 'range'.\n * - start: Value at the beginning of the time range\n * - end: Value at the end of the time range\n * - delta: Absolute change between start and end values\n * - deltaRatio: Relative change between start and end values\n */\nexport enum RangeColumnKey {\n    start = \"start\",\n    end = \"end\",\n    delta = \"delta\",\n    deltaRatio = \"deltaRatio\",\n}\n\n/**\n * PointValuesForEntity holds data for a single entity within a data table dimension\n * when TargetTimeMode is set to 'point' (single time selection).\n */\nexport type PointValuesForEntity = Partial<\n    Record<PointColumnKey, MinimalRow> &\n        Record<SparklineKey, VariableRow<number>[]>\n>\n\n/**\n * RangeValuesForEntity holds data for a single entity within a data table dimension\n * when TargetTimeMode is set to 'range' (time range selection). This includes\n * start and end values and absolute and relative change columns.\n */\nexport type RangeValuesForEntity = Partial<\n    Record<RangeColumnKey, MinimalRow> &\n        Record<SparklineKey, VariableRow<number>[]>\n>\n\nexport type DataTableValuesForEntity =\n    | PointValuesForEntity\n    | RangeValuesForEntity\n\nexport type DataTableColumnKey = PointColumnKey | RangeColumnKey | SparklineKey\n\nexport interface MinimalRow {\n    value?: string | number\n    displayValue?: string\n    time?: Time\n}\n\nexport const COMMON_DATA_TABLE_FILTERS = [\"all\", \"selection\"] as const\nexport type CommonDataTableFilter = (typeof COMMON_DATA_TABLE_FILTERS)[number]\n\nexport type DataTableFilter = CommonDataTableFilter | EntityRegionType\n\nexport interface DataTableConfig {\n    filter: DataTableFilter\n    search: string\n}\n\nexport interface DataTableState {\n    sort: DataTableSortState\n}\n\nexport interface DataTableSortState {\n    dimIndex: DimensionSortIndex\n    columnKey: DataTableColumnKey | undefined\n    order: SortOrder\n}\n\nexport type DimensionSortIndex = number\n\nexport interface SparklineHighlight {\n    time: Time\n    value?: number\n    showMarker?: boolean\n}\n"],
+  "mappings": "AA+FO,IAAK,iBAAL,kBAAKA,oBAAL;AACH,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,WAAQ;AAFA,SAAAA;AAAA,GAAA;AAKL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,eAAY;AADJ,SAAAA;AAAA,GAAA;AASL,IAAK,iBAAL,kBAAKC,oBAAL;AACH,EAAAA,gBAAA,YAAS;AADD,SAAAA;AAAA,GAAA;AAYL,IAAK,iBAAL,kBAAKC,oBAAL;AACH,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,SAAM;AACN,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,gBAAa;AAJL,SAAAA;AAAA,GAAA;AAsCL,MAAM,4BAA4B,CAAC,OAAO,WAAW;",
+  "names": ["TargetTimeMode", "SparklineKey", "PointColumnKey", "RangeColumnKey"]
+}