@malloydata/render 0.0.203-dev241022210817 → 0.0.203-dev241023170054

package/dist/component/bar-chart/{generate-bar_chart-vega-lite-spec.d.ts → generate-bar_chart-vega-spec.d.ts}

@@ -1,4 +1,4 @@
 import { Explore, Tag } from '@malloydata/malloy';
 import { BarChartSettings } from './get-bar_chart-settings';
 import { RenderResultMetadata, VegaChartProps } from '../types';
-export declare function generateBarChartVegaLiteSpec(explore: Explore, settings: BarChartSettings, metadata: RenderResultMetadata, chartTag: Tag): VegaChartProps;
+export declare function generateBarChartVegaSpec(explore: Explore, settings: BarChartSettings, metadata: RenderResultMetadata, chartTag: Tag): VegaChartProps;

package/dist/component/bar-chart/get-bar_chart-settings.d.ts

@@ -5,10 +5,7 @@ export type BarChartSettings = {
     yChannel: Channel;
     seriesChannel: Channel;
     isStack: boolean;
+    interactive: boolean;
+    hideReferences: boolean;
 };
-export declare function getBarChartSettings(explore: Explore, tagOverride?: Tag): {
-    xChannel: Channel;
-    yChannel: Channel;
-    seriesChannel: Channel;
-    isStack: boolean;
-};
+export declare function getBarChartSettings(explore: Explore, tagOverride?: Tag): BarChartSettings;

package/dist/component/bar-chart/get-custom-tooltips-entries.d.ts

@@ -0,0 +1,16 @@
+import { Explore } from '@malloydata/malloy';
+import { MalloyVegaDataRecord, RenderResultMetadata } from '../types';
+type CustomTooltipGetterOptions = {
+    explore: Explore;
+    records: MalloyVegaDataRecord[];
+    metadata: RenderResultMetadata;
+};
+export declare function getCustomTooltipEntries({ explore, records, metadata, }: CustomTooltipGetterOptions): {
+    label: string;
+    value: string | (() => import("solid-js").JSX.Element);
+    highlight: boolean;
+    entryType: "list-item" | "block";
+    ignoreHighlightState?: boolean | undefined;
+    color?: string | undefined;
+}[];
+export {};

package/dist/component/chart/default-chart-tooltip.d.ts

@@ -1,4 +1,4 @@
 import { ChartTooltipEntry } from '../types';
 export declare function DefaultChartTooltip(props: {
-    data: ChartTooltipEntry[];
+    data: ChartTooltipEntry;
 }): import("solid-js").JSX.Element;

package/dist/component/chart-layout-settings.d.ts

@@ -7,7 +7,7 @@ export type ChartLayoutSettings = {
         labelAngle: number;
         labelAlign?: string;
         labelBaseline?: string;
-        labelSize: number;
+        labelLimit: number;
         height: number;
         titleSize: number;
         hidden: boolean;
@@ -16,6 +16,7 @@ export type ChartLayoutSettings = {
         width: number;
         tickCount?: number;
         hidden: boolean;
+        yTitleSize: number;
     };
     yScale: {
         domain: number[];

package/dist/component/plot/base-vega-config.d.ts

@@ -10,6 +10,7 @@ export declare const baseVegaConfig: () => {
     };
     axisY: {
         gridColor: string;
+        grid: boolean;
         tickColor: string;
         domain: boolean;
         labelFont: string;

package/dist/component/plot/util.d.ts

@@ -4,3 +4,4 @@ export declare function getFieldPathArrayFromRoot(f: Field | Explore): string[];
 export declare function getFieldPathFromRoot(f: Field | Explore): string;
 export declare function getFieldPathBetweenFields(parentField: Field | Explore, childField: Field | Explore): string;
 export declare function getFieldFromRootPath(root: Explore, path: string): Field;
+export declare function getFieldReferenceId(field: Field): string | null;

package/dist/component/render-link.d.ts

@@ -1,2 +1,2 @@
 import { AtomicField, DataColumn } from '@malloydata/malloy';
-export declare function renderLink(f: AtomicField, data: DataColumn): "∅" | import("solid-js").JSX.Element;
+export declare function renderLink(f: AtomicField, data: DataColumn): import("solid-js").JSX.Element | "∅";

package/dist/component/render-list.d.ts

@@ -1,2 +1,2 @@
 import { RendererProps } from './apply-renderer';
-export declare function renderList(props: RendererProps): "∅" | import("solid-js").JSX.Element;
+export declare function renderList(props: RendererProps): import("solid-js").JSX.Element | "∅";

package/dist/component/result-store/result-store.d.ts

@@ -0,0 +1,43 @@
+interface BrushDataBase {
+    fieldRefId: string;
+    sourceId: string;
+}
+interface BrushDataDimension extends BrushDataBase {
+    type: 'dimension';
+    value: (string | number | boolean | Date)[];
+}
+interface BrushDataMeasure extends BrushDataBase {
+    type: 'measure';
+    value: number[];
+}
+export interface ModifyBrushOp {
+    type: 'add' | 'remove';
+    sourceId: string;
+    value?: BrushData;
+}
+interface BrushDataMeasureRange extends BrushDataBase {
+    type: 'measure-range';
+    value: [number, number];
+}
+export type BrushData = BrushDataDimension | BrushDataMeasure | BrushDataMeasureRange;
+export type VegaBrushOutput = {
+    sourceId: string;
+    data: BrushData | null;
+    debounce?: number | {
+        time?: number;
+        strategy?: 'always' | 'on-empty';
+    };
+};
+export interface ResultStoreData {
+    brushes: BrushData[];
+}
+export declare function createResultStore(): {
+    store: ResultStoreData;
+    applyBrushOps: (ops: ModifyBrushOp[]) => void;
+};
+export type ResultStore = ReturnType<typeof createResultStore>;
+export declare function useResultStore(): {
+    store: ResultStoreData;
+    applyBrushOps: (ops: ModifyBrushOp[]) => void;
+};
+export {};

package/dist/component/types.d.ts

@@ -1,7 +1,10 @@
 /// <reference path="../../src/vega.d.ts" />
-import { DataColumn, Explore, Field, QueryData, Tag } from '@malloydata/malloy';
-import { Item } from 'vega';
+import { DataColumn, DataRecord, Explore, Field, QueryData, QueryDataRow, Tag } from '@malloydata/malloy';
+import { Item, View } from 'vega';
+import { JSX } from 'solid-js';
+import { ResultStore } from './result-store/result-store';
 export type VegaSpec = any;
+export type DataInjector = (field: Explore, data: QueryData, spec: VegaSpec) => void;
 export type VegaChartProps = {
     spec: VegaSpec;
     specType: 'vega' | 'vega-lite';
@@ -10,7 +13,8 @@ export type VegaChartProps = {
     totalWidth: number;
     totalHeight: number;
     chartType: string;
-    getTooltipData?: (item: Item) => ChartTooltipEntry[] | null;
+    injectData?: DataInjector;
+    getTooltipData?: (item: Item, view: View) => ChartTooltipEntry | null;
 };
 export type FieldHeaderRangeMap = Record<string, {
     abs: [number, number];
@@ -38,6 +42,7 @@ export interface RenderResultMetadata {
     modelTag: Tag;
     resultTag: Tag;
     rootField: Field | Explore;
+    store: ResultStore;
 }
 export type MalloyClickEventPayload = {
     field: Field;
@@ -50,7 +55,21 @@ export type MalloyClickEventPayload = {
 };
 export type VegaConfigHandler = (chartType: string) => Record<string, unknown> | undefined;
 export type ChartTooltipEntry = {
-    field: Field;
-    fieldName: string;
-    value: unknown;
+    title: string[];
+    entries: {
+        label: string;
+        value: string | (() => JSX.Element);
+        highlight: boolean;
+        entryType: 'list-item' | 'block';
+        ignoreHighlightState?: boolean;
+        color?: string;
+    }[];
+};
+export type DataRowWithRecord = QueryDataRow & {
+    __malloyDataRecord: DataRecord;
+};
+export type MalloyVegaDataRecord = {
+    __source: QueryDataRow & {
+        __malloyDataRecord: DataRecord;
+    };
 };

package/dist/component/vega/measure-axis.d.ts

@@ -0,0 +1,22 @@
+import { ChartLayoutSettings } from '../chart-layout-settings';
+type MeasureAxisOptions = {
+    type: 'y';
+    title: string;
+    tickCount: string | number;
+    labelLimit: number;
+    fieldPath: string;
+    fieldRef: string | null;
+    brushMeasureRangeSourceId: string;
+    showBrushes?: boolean;
+    axisSettings: ChartLayoutSettings['yAxis'];
+};
+export declare function createMeasureAxis({ type, title, tickCount, labelLimit, fieldPath, showBrushes, axisSettings, }: MeasureAxisOptions): {
+    axis: any;
+    interactiveMarks: any[];
+    interactiveSignals: never[];
+    brushMeasureEvents: {
+        events: string;
+        update: string;
+    }[];
+};
+export {};

package/dist/component/vega/vega-chart.d.ts

@@ -1,12 +1,22 @@
 /// <reference path="../../../src/vega.d.ts" />
 import { VegaJSON } from '../vega-types';
-import { EventListenerHandler } from 'vega';
+import { EventListenerHandler, View, SignalListenerHandler } from 'vega';
+import './vega-expr-addons';
+import { Explore, ExploreField } from '@malloydata/malloy';
 type VegaChartProps = {
     spec: VegaJSON;
     type: 'vega' | 'vega-lite';
+    explore: Explore | ExploreField;
     width?: number;
     height?: number;
     onMouseOver?: EventListenerHandler;
+    onView?: (view: View) => void;
+    onViewInterface?: (viewInterface: ViewInterface) => void;
+};
+export type ViewInterface = {
+    view: View;
+    setSignalAndRun: (name: string, value: unknown) => void;
+    onSignal: (name: string, cb: SignalListenerHandler) => void;
 };
 export declare function VegaChart(props: VegaChartProps): import("solid-js").JSX.Element;
 export {};

package/dist/component/vega/vega-expr-addons.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/component/vega/vega-utils.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="../../../src/vega.d.ts" />
+import { Item, SignalListenerHandler, View } from 'vega';
+export declare function addSignalListenerIfExists(view: View, signal: string, cb: SignalListenerHandler): void;
+export declare function setSignalIfExists(view: View, signal: string, value: unknown): void;
+export declare function getMarkName(item: Item): string;
+export declare function signalLogger(view: View, id?: string): (...signals: string[]) => void;

package/dist/main_renderer_factory.d.ts

@@ -28,7 +28,7 @@ import { TextRendererFactory } from './html/text';
 import { DataVolumeRendererFactory } from './html/data_volume';
 import { DurationRendererFactory } from './html/duration';
 export declare class MainRendererFactory {
-    static renderFactories: (JSONRendererFactory | TextRendererFactory | NumberRendererFactory | ShapeMapRendererFactory | PointMapRendererFactory | ImageRendererFactory | SegmentMapRendererFactory | VegaRendererFactory | LineChartRendererFactory | SparkLineRendererFactory | BarChartRendererFactory | BarSparkLineRendererFactory | AreaSparkLineRendererFactory | ColumnSparkLineRendererFactory | ScatterChartRendererFactory | DateRendererFactory | CurrencyRendererFactory | PercentRendererFactory | BytesRendererFactory | BooleanRendererFactory | LinkRendererFactory | UnsupportedRendererFactory | DataVolumeRendererFactory | DurationRendererFactory)[];
+    static renderFactories: (JSONRendererFactory | TextRendererFactory | NumberRendererFactory | ShapeMapRendererFactory | PointMapRendererFactory | ImageRendererFactory | SegmentMapRendererFactory | DurationRendererFactory | VegaRendererFactory | LineChartRendererFactory | SparkLineRendererFactory | BarChartRendererFactory | BarSparkLineRendererFactory | AreaSparkLineRendererFactory | ColumnSparkLineRendererFactory | ScatterChartRendererFactory | DateRendererFactory | CurrencyRendererFactory | PercentRendererFactory | BytesRendererFactory | BooleanRendererFactory | LinkRendererFactory | UnsupportedRendererFactory | DataVolumeRendererFactory)[];
     create(renderDef: RenderDef | undefined, tagged: Tag, document: Document, styleDefaults: StyleDefaults, rendererOptions: RendererOptions, field: Field | Explore, timezone?: string | undefined): Renderer | undefined;
     matchesRenderDef(renderDef: RenderDef | undefined, factory: RendererFactory<DataRenderOptions>): boolean | "" | undefined;
     matchesTag(tagged: Tag, factory: RendererFactory<DataRenderOptions>): boolean | "" | undefined;