@malloydata/render 0.0.181-dev240910020911 → 0.0.181-dev240910214304
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/plot/base-vega-config.d.ts +46 -0
- package/dist/component/plot/merge-vega-configs.d.ts +1 -0
- package/dist/component/plot/plot-to-vega.d.ts +3 -1
- package/dist/component/render-result-metadata.d.ts +5 -2
- package/dist/component/render.d.ts +4 -1
- package/dist/component/types.d.ts +2 -0
- package/dist/data_styles.d.ts +2 -0
- package/dist/html/chart.d.ts +1 -0
- package/dist/module/index.mjs +12619 -12846
- package/dist/module/index.umd.js +256 -256
- package/dist/register/register.mjs +14033 -13962
- package/dist/register/register.umd.js +242 -242
- package/dist/stories/vega-config-override.stories.d.ts +17 -0
- package/dist/webcomponent/malloy-render.mjs +14033 -13962
- package/dist/webcomponent/malloy-render.umd.js +242 -242
- package/package.json +2 -2
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export declare const grayMedium = "#727883";
|
|
2
|
+
export declare const gridGray = "#E5E7EB";
|
|
3
|
+
export declare const baseVegaConfig: () => {
|
|
4
|
+
range: {
|
|
5
|
+
category: string[];
|
|
6
|
+
diverging: string[];
|
|
7
|
+
heatmap: string[];
|
|
8
|
+
ordinal: string[];
|
|
9
|
+
ramp: string[];
|
|
10
|
+
};
|
|
11
|
+
axisY: {
|
|
12
|
+
gridColor: string;
|
|
13
|
+
tickColor: string;
|
|
14
|
+
domain: boolean;
|
|
15
|
+
labelFont: string;
|
|
16
|
+
labelFontSize: number;
|
|
17
|
+
labelFontWeight: string;
|
|
18
|
+
labelColor: string;
|
|
19
|
+
labelPadding: number;
|
|
20
|
+
titleColor: string;
|
|
21
|
+
titleFont: string;
|
|
22
|
+
titleFontSize: number;
|
|
23
|
+
titleFontWeight: number;
|
|
24
|
+
titlePadding: number;
|
|
25
|
+
labelOverlap: boolean;
|
|
26
|
+
};
|
|
27
|
+
axisX: {
|
|
28
|
+
gridColor: string;
|
|
29
|
+
tickColor: string;
|
|
30
|
+
tickSize: number;
|
|
31
|
+
domain: boolean;
|
|
32
|
+
labelFont: string;
|
|
33
|
+
labelFontSize: number;
|
|
34
|
+
labelFontWeight: string;
|
|
35
|
+
labelPadding: number;
|
|
36
|
+
labelColor: string;
|
|
37
|
+
titleColor: string;
|
|
38
|
+
titleFont: string;
|
|
39
|
+
titleFontSize: number;
|
|
40
|
+
titleFontWeight: number;
|
|
41
|
+
titlePadding: number;
|
|
42
|
+
};
|
|
43
|
+
view: {
|
|
44
|
+
strokeWidth: number;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function mergeVegaConfigs(target: Object, source: Object): Object;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Explore, ExploreField, Tag } from '@malloydata/malloy';
|
|
2
2
|
import { PlotSpec } from './plot-spec';
|
|
3
|
-
import { RenderResultMetadata, VegaChartProps } from '../types';
|
|
3
|
+
import { RenderResultMetadata, VegaChartProps, VegaConfigHandler } from '../types';
|
|
4
4
|
export declare const grayMedium = "#727883";
|
|
5
5
|
export declare const gridGray = "#E5E7EB";
|
|
6
6
|
export declare function plotToVega(plotSpec: PlotSpec, options: {
|
|
7
7
|
field: Explore | ExploreField;
|
|
8
8
|
metadata: RenderResultMetadata;
|
|
9
9
|
chartTag: Tag;
|
|
10
|
+
chartType: string;
|
|
11
|
+
getVegaConfigOverride?: VegaConfigHandler;
|
|
10
12
|
}): VegaChartProps;
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { Result } from '@malloydata/malloy';
|
|
2
|
-
import { RenderResultMetadata } from './types';
|
|
3
|
-
export
|
|
2
|
+
import { RenderResultMetadata, VegaConfigHandler } from './types';
|
|
3
|
+
export type GetResultMetadataOptions = {
|
|
4
|
+
getVegaConfigOverride?: VegaConfigHandler;
|
|
5
|
+
};
|
|
6
|
+
export declare function getResultMetadata(result: Result, options?: GetResultMetadataOptions): RenderResultMetadata;
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { ModelDef, QueryResult, Result } from '@malloydata/malloy';
|
|
2
2
|
import './render.css';
|
|
3
3
|
import { ComponentOptions, ICustomElement } from 'component-register';
|
|
4
|
-
import { MalloyClickEventPayload } from './types';
|
|
4
|
+
import { MalloyClickEventPayload, VegaConfigHandler } from './types';
|
|
5
5
|
export type MalloyRenderProps = {
|
|
6
6
|
result?: Result;
|
|
7
7
|
queryResult?: QueryResult;
|
|
8
8
|
modelDef?: ModelDef;
|
|
9
9
|
scrollEl?: HTMLElement;
|
|
10
10
|
onClick?: (payload: MalloyClickEventPayload) => void;
|
|
11
|
+
vegaConfigOverride?: VegaConfigHandler;
|
|
11
12
|
};
|
|
12
13
|
export declare const useConfig: () => {
|
|
13
14
|
onClick?: ((payload: MalloyClickEventPayload) => void) | undefined;
|
|
15
|
+
vegaConfigOverride?: VegaConfigHandler | undefined;
|
|
14
16
|
};
|
|
15
17
|
export declare function MalloyRender(props: MalloyRenderProps, { element }: ComponentOptions): import("solid-js").JSX.Element;
|
|
16
18
|
export declare function MalloyRenderInner(props: {
|
|
17
19
|
result: Result;
|
|
18
20
|
element: ICustomElement;
|
|
19
21
|
scrollEl?: HTMLElement;
|
|
22
|
+
vegaConfigOverride?: VegaConfigHandler;
|
|
20
23
|
}): import("solid-js").JSX.Element;
|
|
@@ -6,6 +6,7 @@ export type VegaChartProps = {
|
|
|
6
6
|
plotHeight: number;
|
|
7
7
|
totalWidth: number;
|
|
8
8
|
totalHeight: number;
|
|
9
|
+
chartType: string;
|
|
9
10
|
};
|
|
10
11
|
export type FieldHeaderRangeMap = Record<string, {
|
|
11
12
|
abs: [number, number];
|
|
@@ -42,3 +43,4 @@ export type MalloyClickEventPayload = {
|
|
|
42
43
|
event: MouseEvent;
|
|
43
44
|
type: 'dashboard-item' | 'table-cell';
|
|
44
45
|
};
|
|
46
|
+
export type VegaConfigHandler = (chartType: string) => Record<string, unknown> | undefined;
|
package/dist/data_styles.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as lite from 'vega-lite';
|
|
2
|
+
import { VegaSpec } from './component/types';
|
|
2
3
|
export type DataStyles = {
|
|
3
4
|
[fieldName: string]: RenderDef;
|
|
4
5
|
};
|
|
@@ -158,6 +159,7 @@ export interface ChartRenderOptions extends DataRenderOptions {
|
|
|
158
159
|
color?: string;
|
|
159
160
|
shape?: string;
|
|
160
161
|
};
|
|
162
|
+
vegaConfigOverride?: VegaSpec;
|
|
161
163
|
}
|
|
162
164
|
export interface CartesianChartRenderOptions extends ChartRenderOptions {
|
|
163
165
|
chart?: {
|
package/dist/html/chart.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export declare abstract class HTMLChartRenderer implements Renderer {
|
|
|
12
12
|
protected options: RendererOptions;
|
|
13
13
|
protected timezone?: string | undefined;
|
|
14
14
|
size: string;
|
|
15
|
+
chartOptions: ChartRenderOptions;
|
|
15
16
|
abstract getDataType(field: Field): 'temporal' | 'ordinal' | 'quantitative' | 'nominal';
|
|
16
17
|
abstract getDataValue(value: DataColumn): Date | string | number | null | undefined;
|
|
17
18
|
mapData(data: DataArray): MappedRow[];
|