@datawheel/data-explorer 0.3.14 → 0.3.17

package/dist/main.d.mts

@@ -1,5 +1,7 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
 import { MRT_TableInstance, MRT_ColumnDef, MRT_PaginationState, MRT_TableOptions } from 'mantine-react-table';
+import * as _datawheel_use_translation from '@datawheel/use-translation';
 import { TranslationDict, TranslationContextProps } from '@datawheel/use-translation';
 import { CSSObject } from '@mantine/core';
 import { Translation as Translation$1 } from '@datawheel/vizbuilder/react';
@@ -464,7 +466,7 @@ type Formatter = (value: number | null, locale?: string) => string;
 interface PanelDescriptor {
     key: string;
     label: string;
-    component: React.ComponentType<ViewProps>;
+    component: React__default.ComponentType<ViewProps>;
 }
 interface ViewProps<TData extends Record<string, any> = Record<string, string | number>> {
     className?: string;
@@ -478,11 +480,11 @@ interface ViewProps<TData extends Record<string, any> = Record<string, string |
     data?: Record<string, string | number>[];
     columns?: MRT_ColumnDef<TData>[];
     pagination?: MRT_PaginationState;
-    setPagination?: React.Dispatch<React.SetStateAction<MRT_PaginationState>>;
+    setPagination?: React__default.Dispatch<React__default.SetStateAction<MRT_PaginationState>>;
 }
 
 /** */
-declare function DebugView(props: ViewProps): React.JSX.Element;
+declare function DebugView(props: ViewProps): React__default.JSX.Element;
 
 declare const explorerTranslation: {
     action_copy: string;
@@ -1036,15 +1038,15 @@ declare const defaultTranslation: {
         unselected_items: string;
     };
 };
-declare const useTranslation: any;
-declare const TranslationConsumer: any;
+declare const useTranslation: () => _datawheel_use_translation.TranslationContextProps;
+declare const TranslationConsumer: React.FC<React.ConsumerProps<_datawheel_use_translation.TranslationContextProps>>;
 
 interface ExplorerStepType extends StepType {
     actionBefore?: () => void;
 }
 type TourConfig = {
     extraSteps?: ExplorerStepType[];
-    introImage?: React.ReactNode;
+    introImage?: React__default.ReactNode;
     tourProps?: Partial<TourProps>;
 };
 interface TourStepsPropsType {
@@ -1061,7 +1063,7 @@ interface ToolbarConfigType {
     buttons: ToolBarButtonProps[];
     showLabels: Boolean;
 }
-declare function ToolbarButton({ icon, label, onClick }: ToolBarButtonProps): React.JSX.Element;
+declare function ToolbarButton({ icon, label, onClick }: ToolBarButtonProps): React__default.JSX.Element;
 
 type Pagination = {
     rowsLimits: number[];
@@ -1143,7 +1145,7 @@ declare function ExplorerComponent<Locale extends string>(props: {
      * the screen that is shown in the results panel when there is no query,
      * or a query has been dirtied.
      */
-    splash?: React.ComponentType<{
+    splash?: React__default.ComponentType<{
         translation: TranslationContextProps;
     }>;
     toolbarConfig?: Partial<ToolbarConfigType>;
@@ -1178,13 +1180,13 @@ declare function ExplorerComponent<Locale extends string>(props: {
      * @default false
      */
     withPermalink?: boolean;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 declare namespace ExplorerComponent {
     var displayName: string;
 }
 
 /** */
-declare function PivotView<TData extends Record<string, unknown>>(props: {} & ViewProps<TData> & MRT_TableOptions<TData>): React.JSX.Element;
+declare function PivotView<TData extends Record<string, unknown>>(props: {} & ViewProps<TData> & MRT_TableOptions<TData>): React__default.JSX.Element;
 
 type TData = Record<string, any> & Record<string, string | number>;
 type TableView = {
@@ -1192,7 +1194,7 @@ type TableView = {
     getColumn(id: string): AnyResultColumn | undefined;
     columns: AnyResultColumn[];
 } & ViewProps;
-declare function TableView({ table, result, isError, isLoading, data, pagination, setPagination }: TableView): React.JSX.Element;
+declare function TableView({ table, result, isError, isLoading, data, pagination, setPagination }: TableView): React__default.JSX.Element;
 declare namespace TableView {
     var displayName: string;
 }
@@ -1347,7 +1349,7 @@ interface SettingsContextProps {
 /**
  * A wrapper for the Consumer, for use with class components.
  */
-declare function SettingsConsumer(props: React.ConsumerProps<SettingsContextProps>): React.JSX.Element;
+declare function SettingsConsumer(props: React__default.ConsumerProps<SettingsContextProps>): React__default.JSX.Element;
 /**
  * The React hook associated to the settings context.
  */
@@ -1357,8 +1359,8 @@ declare function VizbuilderView(props: {
     cube: TesseractCube;
     params: QueryParams;
     result: QueryResult;
-}): false | React.JSX.Element;
+}): false | React__default.JSX.Element;
 
-declare function TourStep(props: TourStepsPropsType): React.JSX.Element;
+declare function TourStep(props: TourStepsPropsType): React__default.JSX.Element;
 
 export { DebugView, ExplorerComponent as Explorer, type ExplorerState, type ExplorerStepType, PivotView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, type Translation as TranslationDict, type ViewProps, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };

package/dist/main.mjs

@@ -4076,7 +4076,10 @@ function useTable({
         isId
       } = column;
       const isNumeric = valueType === "number" && columnKey !== "Year";
-      const formatterKey = getFormat(columnKey, isNumeric ? "Decimal" : "identity");
+      const formatterKey = getFormat(
+        "aggregator" in entity ? entity : columnKey,
+        isNumeric ? "Decimal" : "identity"
+      );
       const formatter2 = getFormatter(formatterKey);
       const mantineFilterVariantObject = getMantineFilterMultiSelectProps(isId, isNumeric, range);
       return {
@@ -4133,7 +4136,9 @@ function useTable({
         id: entity.name,
         dataType: valueType,
         accessorFn: (item) => item[columnKey],
-        Cell: isNumeric ? ({ cell }) => formatter2(cell.getValue()) : ({ cell, renderedCellValue, row }) => {
+        Cell: isNumeric ? ({ cell }) => {
+          return /* @__PURE__ */ React19__default.createElement("span", { style: { display: "block", textAlign: "right" } }, formatter2(cell.getValue()));
+        } : ({ cell, renderedCellValue, row }) => {
           const cellId = row.original[`${cell.column.id} ID`];
           return /* @__PURE__ */ React19__default.createElement(Flex, { justify: "space-between", sx: { width: "100%", maxWidth: 400 }, gap: "sm" }, /* @__PURE__ */ React19__default.createElement(
             Text,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/data-explorer",
-  "version": "0.3.14",
+  "version": "0.3.17",
   "main": "./dist/main.mjs",
   "types": "./dist/main.d.mts",
   "files": [
@@ -39,7 +39,7 @@
     "yn": "^5.0.0"
   },
   "peerDependencies": {
-    "@datawheel/vizbuilder": "^0.6.0-0",
+    "@datawheel/vizbuilder": "^0.6.0-rc.4",
     "@emotion/react": "^11.0.0",
     "@mantine/core": "^6.0.0",
     "@mantine/dates": "^6.0.0",
@@ -70,4 +70,4 @@
     "vite": "^5.0.0",
     "wrangler": "^3.59.0"
   }
-}
+}