@sqlrooms/mosaic 0.29.0-rc.1 → 0.29.0-rc.3

package/dist/chart-builders/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/chart-builders/types.ts"],"names":[],"mappings":"AAyBA,2EAA2E;AAC3E,MAAM,UAAU,qBAAqB,CACnC,QAA8B;IAE9B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,GACd,GAAG,QAAQ,CAAC;IACb,OAAO;QACL,EAAE;QACF,KAAK;QACL,WAAW;QACX,MAAM;QACN,UAAU;QACV,UAAU;QACV,WAAW;QACX,aAAa;KACd,CAAC;AACJ,CAAC;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import type {ComponentType} from 'react';\nimport type {\n  ChartTypeDefinition,\n  ChartBuilderField,\n  ChartBuilderColumn,\n} from '../chart-types/base-types';\n\n// Re-export for backward compatibility\nexport type {ChartTypeDefinition, ChartBuilderField, ChartBuilderColumn};\n\n/**\n * Describes a chart builder template that generates Mosaic JSON specs\n * (includes an icon for the chart-type grid).\n */\nexport interface ChartBuilderTemplate extends ChartTypeDefinition {\n  /** Icon component */\n  icon: ComponentType<{className?: string}>;\n}\n\n/**\n * Backward-compatible alias for earlier chart-builder helper APIs.\n * Prefer {@link ChartTypeDefinition} for new code.\n */\nexport type ChartSpec = ChartTypeDefinition;\n\n/** Strip UI-only fields from a template for non-UI chart-type contexts. */\nexport function toChartTypeDefinition(\n  template: ChartBuilderTemplate,\n): ChartTypeDefinition {\n  const {\n    id,\n    label,\n    description,\n    fields,\n    createSpec,\n    buildTitle,\n    isAvailable,\n    aiDescription,\n  } = template;\n  return {\n    id,\n    label,\n    description,\n    fields,\n    createSpec,\n    buildTitle,\n    isAvailable,\n    aiDescription,\n  };\n}\n\n/** Backward-compatible alias for earlier helper APIs. */\nexport const toChartSpec = toChartTypeDefinition;\n"]}

package/dist/chart-types/base-types.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Base types for chart configurations.
+ * Separated to avoid circular dependencies.
+ */
+import type { Spec } from '@uwdata/mosaic-spec';
+/**
+ * Supported chart type identifiers
+ */
+export type VgPlotChartType = 'histogram' | 'count-plot' | 'ecdf' | 'line-chart' | 'bubble-chart' | 'heatmap' | 'box-plot' | 'custom-spec';
+/**
+ * Describes a field selector in a chart builder UI
+ */
+export interface ChartBuilderField {
+    /** Unique key for this field */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Filter columns by DuckDB type (e.g. 'INTEGER', 'VARCHAR', 'DOUBLE') */
+    types?: string[];
+    /** Optional helper text for AI or custom UIs */
+    description?: string;
+}
+/**
+ * Column info passed to chart builder UI
+ */
+export interface ChartBuilderColumn {
+    name: string;
+    type: string;
+}
+/**
+ * Shared chart-type definition used by both the chart-builder UI and
+ * assistant-driven chart creation.
+ */
+export interface ChartTypeDefinition<TSettings = any> {
+    /** Unique identifier */
+    id: VgPlotChartType;
+    /** Short human-friendly name used in chart-type grids and prompts */
+    label?: string;
+    /** Short description of what this builder creates */
+    description: string;
+    /** Field selectors the user must fill in */
+    fields: ChartBuilderField[];
+    /** Generate a Mosaic spec from table name and selected field values */
+    createSpec: (tableName: string, values: TSettings) => Spec;
+    /** Generate a chart title from selected field values */
+    buildTitle?: (fieldValues: Record<string, string>) => string;
+    /** Optional availability override for a given table schema */
+    isAvailable?: (columns: ChartBuilderColumn[]) => boolean;
+    /** Optional extra assistant-facing description */
+    aiDescription?: string;
+}
+//# sourceMappingURL=base-types.d.ts.map

package/dist/chart-types/base-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-types.d.ts","sourceRoot":"","sources":["../../src/chart-types/base-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,cAAc,GACd,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB,CAAC,SAAS,GAAG,GAAG;IAClD,wBAAwB;IACxB,EAAE,EAAE,eAAe,CAAC;IACpB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,uEAAuE;IACvE,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3D,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC7D,8DAA8D;IAC9D,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,OAAO,CAAC;IACzD,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/chart-types/base-types.js

@@ -0,0 +1,6 @@
+/**
+ * Base types for chart configurations.
+ * Separated to avoid circular dependencies.
+ */
+export {};
+//# sourceMappingURL=base-types.js.map

package/dist/chart-types/base-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-types.js","sourceRoot":"","sources":["../../src/chart-types/base-types.ts"],"names":[],"mappings":"AAAA;;;GAGG","sourcesContent":["/**\n * Base types for chart configurations.\n * Separated to avoid circular dependencies.\n */\n\nimport type {Spec} from '@uwdata/mosaic-spec';\n\n/**\n * Supported chart type identifiers\n */\nexport type VgPlotChartType =\n  | 'histogram'\n  | 'count-plot'\n  | 'ecdf'\n  | 'line-chart'\n  | 'bubble-chart'\n  | 'heatmap'\n  | 'box-plot'\n  | 'custom-spec';\n\n/**\n * Describes a field selector in a chart builder UI\n */\nexport interface ChartBuilderField {\n  /** Unique key for this field */\n  key: string;\n  /** Display label */\n  label: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Filter columns by DuckDB type (e.g. 'INTEGER', 'VARCHAR', 'DOUBLE') */\n  types?: string[];\n  /** Optional helper text for AI or custom UIs */\n  description?: string;\n}\n\n/**\n * Column info passed to chart builder UI\n */\nexport interface ChartBuilderColumn {\n  name: string;\n  type: string;\n}\n\n/**\n * Shared chart-type definition used by both the chart-builder UI and\n * assistant-driven chart creation.\n */\nexport interface ChartTypeDefinition<TSettings = any> {\n  /** Unique identifier */\n  id: VgPlotChartType;\n  /** Short human-friendly name used in chart-type grids and prompts */\n  label?: string;\n  /** Short description of what this builder creates */\n  description: string;\n  /** Field selectors the user must fill in */\n  fields: ChartBuilderField[];\n  /** Generate a Mosaic spec from table name and selected field values */\n  createSpec: (tableName: string, values: TSettings) => Spec;\n  /** Generate a chart title from selected field values */\n  buildTitle?: (fieldValues: Record<string, string>) => string;\n  /** Optional availability override for a given table schema */\n  isAvailable?: (columns: ChartBuilderColumn[]) => boolean;\n  /** Optional extra assistant-facing description */\n  aiDescription?: string;\n}\n"]}

package/dist/chart-types/box-plot/definition.d.ts

@@ -0,0 +1,4 @@
+import type { ChartTypeDefinition } from '../base-types';
+import type { BoxPlotChartSettings } from './schema';
+export declare const boxPlotChartType: ChartTypeDefinition<BoxPlotChartSettings>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/chart-types/box-plot/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/box-plot/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAOnD,eAAO,MAAM,gBAAgB,EAAE,mBAAmB,CAAC,oBAAoB,CAyCtE,CAAC"}

package/dist/chart-types/box-plot/definition.js

@@ -0,0 +1,45 @@
+import { NUMERIC_COLUMN_TYPES } from '../../chart-builders/constants';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+const FG_COLOR = 'var(--color-chart-1)';
+const DESCRIPTION = 'Create a box plot';
+export const boxPlotChartType = {
+    id: 'box-plot',
+    label: 'Box Plot',
+    description: DESCRIPTION,
+    aiDescription: 'Use for comparing the distribution of a numeric measure across categories.',
+    fields: [
+        {
+            key: 'x',
+            label: 'X Field (categorical)',
+            required: true,
+            description: 'Grouping field that defines the categories.',
+        },
+        {
+            key: 'y',
+            label: 'Y Field (numeric)',
+            required: true,
+            types: [...NUMERIC_COLUMN_TYPES],
+            description: 'Numeric measure summarized within each category.',
+        },
+    ],
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createSpec: (tableName, { x, y }) => ({
+        plot: [
+            {
+                mark: 'boxY',
+                data: { from: tableName, filterBy: '$brush' },
+                x,
+                y,
+                fill: FG_COLOR,
+            },
+            { select: 'intervalX', as: '$brush' },
+        ],
+        xLabel: x,
+        yLabel: y,
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    }),
+};
+//# sourceMappingURL=definition.js.map

package/dist/chart-types/box-plot/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/box-plot/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,WAAW,GAAG,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAA8C;IACzE,EAAE,EAAE,UAAU;IACd,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,WAAW;IACxB,aAAa,EACX,4EAA4E;IAC9E,MAAM,EAAE;QACN;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,uBAAuB;YAC9B,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,6CAA6C;SAC3D;QACD;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,oBAAoB,CAAC;YAChC,WAAW,EAAE,kDAAkD;SAChE;KACF;IACD,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAE,EAAC,CAAC,EAAE,CAAC,EAAC,EAAQ,EAAE,CACtC,CAAC;QACC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC;gBACD,CAAC;gBACD,IAAI,EAAE,QAAQ;aACf;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;QACnD,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACzC,CAAS;CACb,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport type {ChartTypeDefinition} from '../base-types';\nimport type {BoxPlotChartSettings} from './schema';\nimport {NUMERIC_COLUMN_TYPES} from '../../chart-builders/constants';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DESCRIPTION = 'Create a box plot';\n\nexport const boxPlotChartType: ChartTypeDefinition<BoxPlotChartSettings> = {\n  id: 'box-plot',\n  label: 'Box Plot',\n  description: DESCRIPTION,\n  aiDescription:\n    'Use for comparing the distribution of a numeric measure across categories.',\n  fields: [\n    {\n      key: 'x',\n      label: 'X Field (categorical)',\n      required: true,\n      description: 'Grouping field that defines the categories.',\n    },\n    {\n      key: 'y',\n      label: 'Y Field (numeric)',\n      required: true,\n      types: [...NUMERIC_COLUMN_TYPES],\n      description: 'Numeric measure summarized within each category.',\n    },\n  ],\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createSpec: (tableName, {x, y}): Spec =>\n    ({\n      plot: [\n        {\n          mark: 'boxY',\n          data: {from: tableName, filterBy: '$brush'},\n          x,\n          y,\n          fill: FG_COLOR,\n        },\n        {select: 'intervalX', as: '$brush'},\n      ],\n      xLabel: x,\n      yLabel: y,\n      height: 250,\n      width: 380,\n      margins: {left: 50, right: 20, top: 20, bottom: 50},\n      params: {brush: {select: 'crossfilter'}},\n    }) as Spec,\n};\n"]}

package/dist/chart-types/box-plot/index.d.ts

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/chart-types/box-plot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-types/box-plot/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/dist/chart-types/box-plot/index.js

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.js.map

package/dist/chart-types/box-plot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart-types/box-plot/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","sourcesContent":["export * from './schema';\nexport * from './definition';\n"]}

package/dist/chart-types/box-plot/schema.d.ts

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+export declare const BoxPlotChartSettings: z.ZodObject<{
+    x: z.ZodOptional<z.ZodString>;
+    y: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type BoxPlotChartSettings = z.infer<typeof BoxPlotChartSettings>;
+export declare const BoxPlotChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"box-plot">;
+    settings: z.ZodObject<{
+        x: z.ZodOptional<z.ZodString>;
+        y: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    vgplot: z.ZodUnknown;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type BoxPlotChartConfig = z.infer<typeof BoxPlotChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/chart-types/box-plot/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/box-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,oBAAoB;;;iBAG/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAExE,eAAO,MAAM,kBAAkB;;;;;;;;iBAK7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/chart-types/box-plot/schema.js

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+export const BoxPlotChartSettings = z.object({
+    x: z.string().optional(),
+    y: z.string().optional(),
+});
+export const BoxPlotChartConfig = z.object({
+    chartType: z.literal('box-plot'),
+    settings: BoxPlotChartSettings,
+    vgplot: z.unknown(),
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/chart-types/box-plot/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/box-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACxB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACzB,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAChC,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const BoxPlotChartSettings = z.object({\n  x: z.string().optional(),\n  y: z.string().optional(),\n});\n\nexport type BoxPlotChartSettings = z.infer<typeof BoxPlotChartSettings>;\n\nexport const BoxPlotChartConfig = z.object({\n  chartType: z.literal('box-plot'),\n  settings: BoxPlotChartSettings,\n  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type BoxPlotChartConfig = z.infer<typeof BoxPlotChartConfig>;\n"]}

package/dist/chart-types/bubble-chart/definition.d.ts

@@ -0,0 +1,4 @@
+import type { ChartTypeDefinition } from '../base-types';
+import type { BubbleChartSettings } from './schema';
+export declare const bubbleChartChartType: ChartTypeDefinition<BubbleChartSettings>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/chart-types/bubble-chart/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAOlD,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,CAAC,mBAAmB,CA2CzE,CAAC"}

package/dist/chart-types/bubble-chart/definition.js

@@ -0,0 +1,48 @@
+import { NUMERIC_COLUMN_TYPES } from '../../chart-builders/constants';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+const FG_COLOR = 'var(--color-chart-1)';
+const DESCRIPTION = 'Create a bubble chart';
+export const bubbleChartChartType = {
+    id: 'bubble-chart',
+    label: 'Bubble Chart',
+    description: DESCRIPTION,
+    aiDescription: 'Use for a simple scatterplot of two numeric columns.',
+    fields: [
+        {
+            key: 'x',
+            label: 'X Field',
+            required: true,
+            types: [...NUMERIC_COLUMN_TYPES],
+            description: 'Numeric column used on the x-axis.',
+        },
+        {
+            key: 'y',
+            label: 'Y Field',
+            required: true,
+            types: [...NUMERIC_COLUMN_TYPES],
+            description: 'Numeric column used on the y-axis.',
+        },
+    ],
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createSpec: (tableName, { x, y }) => ({
+        plot: [
+            {
+                mark: 'dot',
+                data: { from: tableName, filterBy: '$brush' },
+                x,
+                y,
+                fill: FG_COLOR,
+                fillOpacity: 0.5,
+                r: 3,
+            },
+            { select: 'intervalXY', as: '$brush' },
+        ],
+        xLabel: x,
+        yLabel: y,
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    }),
+};
+//# sourceMappingURL=definition.js.map

package/dist/chart-types/bubble-chart/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAA6C;IAC5E,EAAE,EAAE,cAAc;IAClB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,sDAAsD;IACrE,MAAM,EAAE;QACN;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,oBAAoB,CAAC;YAChC,WAAW,EAAE,oCAAoC;SAClD;QACD;YACE,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,oBAAoB,CAAC;YAChC,WAAW,EAAE,oCAAoC;SAClD;KACF;IACD,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAE,EAAC,CAAC,EAAE,CAAC,EAAC,EAAQ,EAAE,CACtC,CAAC;QACC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC;gBACD,CAAC;gBACD,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,GAAG;gBAChB,CAAC,EAAE,CAAC;aACL;YACD,EAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAC;SACrC;QACD,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;QACnD,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACzC,CAAS;CACb,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport type {ChartTypeDefinition} from '../base-types';\nimport type {BubbleChartSettings} from './schema';\nimport {NUMERIC_COLUMN_TYPES} from '../../chart-builders/constants';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DESCRIPTION = 'Create a bubble chart';\n\nexport const bubbleChartChartType: ChartTypeDefinition<BubbleChartSettings> = {\n  id: 'bubble-chart',\n  label: 'Bubble Chart',\n  description: DESCRIPTION,\n  aiDescription: 'Use for a simple scatterplot of two numeric columns.',\n  fields: [\n    {\n      key: 'x',\n      label: 'X Field',\n      required: true,\n      types: [...NUMERIC_COLUMN_TYPES],\n      description: 'Numeric column used on the x-axis.',\n    },\n    {\n      key: 'y',\n      label: 'Y Field',\n      required: true,\n      types: [...NUMERIC_COLUMN_TYPES],\n      description: 'Numeric column used on the y-axis.',\n    },\n  ],\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createSpec: (tableName, {x, y}): Spec =>\n    ({\n      plot: [\n        {\n          mark: 'dot',\n          data: {from: tableName, filterBy: '$brush'},\n          x,\n          y,\n          fill: FG_COLOR,\n          fillOpacity: 0.5,\n          r: 3,\n        },\n        {select: 'intervalXY', as: '$brush'},\n      ],\n      xLabel: x,\n      yLabel: y,\n      height: 250,\n      width: 380,\n      margins: {left: 50, right: 20, top: 20, bottom: 50},\n      params: {brush: {select: 'crossfilter'}},\n    }) as Spec,\n};\n"]}

package/dist/chart-types/bubble-chart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/chart-types/bubble-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/dist/chart-types/bubble-chart/index.js

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.js.map

package/dist/chart-types/bubble-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","sourcesContent":["export * from './schema';\nexport * from './definition';\n"]}

package/dist/chart-types/bubble-chart/schema.d.ts

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+export declare const BubbleChartSettings: z.ZodObject<{
+    x: z.ZodOptional<z.ZodString>;
+    y: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type BubbleChartSettings = z.infer<typeof BubbleChartSettings>;
+export declare const BubbleChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"bubble-chart">;
+    settings: z.ZodObject<{
+        x: z.ZodOptional<z.ZodString>;
+        y: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    vgplot: z.ZodUnknown;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type BubbleChartConfig = z.infer<typeof BubbleChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/chart-types/bubble-chart/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,mBAAmB;;;iBAG9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,eAAO,MAAM,iBAAiB;;;;;;;;iBAK5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/chart-types/bubble-chart/schema.js

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+export const BubbleChartSettings = z.object({
+    x: z.string().optional(),
+    y: z.string().optional(),
+});
+export const BubbleChartConfig = z.object({
+    chartType: z.literal('bubble-chart'),
+    settings: BubbleChartSettings,
+    vgplot: z.unknown(),
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/chart-types/bubble-chart/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/bubble-chart/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1C,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACxB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACzB,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;IACpC,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const BubbleChartSettings = z.object({\n  x: z.string().optional(),\n  y: z.string().optional(),\n});\n\nexport type BubbleChartSettings = z.infer<typeof BubbleChartSettings>;\n\nexport const BubbleChartConfig = z.object({\n  chartType: z.literal('bubble-chart'),\n  settings: BubbleChartSettings,\n  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type BubbleChartConfig = z.infer<typeof BubbleChartConfig>;\n"]}

package/dist/chart-types/count-plot/definition.d.ts

@@ -0,0 +1,4 @@
+import type { ChartTypeDefinition } from '../base-types';
+import type { CountPlotChartSettings } from './schema';
+export declare const countPlotChartType: ChartTypeDefinition<CountPlotChartSettings>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/chart-types/count-plot/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/count-plot/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,UAAU,CAAC;AAQrD,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,sBAAsB,CA6C1E,CAAC"}

package/dist/chart-types/count-plot/definition.js

@@ -0,0 +1,50 @@
+import { QUANTITATIVE_COLUMN_TYPES } from '../../chart-builders/constants';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+const BG_COLOR = 'var(--color-chart-overlay)';
+const FG_COLOR = 'var(--color-chart-1)';
+const DESCRIPTION = 'Create a count plot of a field';
+export const countPlotChartType = {
+    id: 'count-plot',
+    label: 'Count Plot',
+    description: DESCRIPTION,
+    aiDescription: 'Use for a quick binned distribution of one numeric or temporal column.',
+    fields: [
+        {
+            key: 'field',
+            label: 'Field',
+            required: true,
+            types: [...QUANTITATIVE_COLUMN_TYPES],
+            description: 'Numeric or temporal column to bin along the x-axis.',
+        },
+    ],
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createSpec: (tableName, { field }) => ({
+        plot: [
+            {
+                mark: 'rectY',
+                data: { from: tableName },
+                x: { bin: field, maxbins: 25 },
+                y: { count: null },
+                fill: BG_COLOR,
+                inset: 0.5,
+            },
+            {
+                mark: 'rectY',
+                data: { from: tableName, filterBy: '$brush' },
+                x: { bin: field, maxbins: 25 },
+                y: { count: null },
+                fill: FG_COLOR,
+                inset: 0.5,
+            },
+            { select: 'intervalX', as: '$brush' },
+        ],
+        xLabel: field,
+        yLabel: null,
+        yAxis: null,
+        height: 200,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    }),
+};
+//# sourceMappingURL=definition.js.map

package/dist/chart-types/count-plot/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/count-plot/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,yBAAyB,EAAC,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,QAAQ,GAAG,4BAA4B,CAAC;AAC9C,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,WAAW,GAAG,gCAAgC,CAAC;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAgD;IAC7E,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,WAAW;IACxB,aAAa,EACX,wEAAwE;IAC1E,MAAM,EAAE;QACN;YACE,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,yBAAyB,CAAC;YACrC,WAAW,EAAE,qDAAqD;SACnE;KACF;IACD,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,EAAQ,EAAE,CACvC,CAAC;QACC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;gBACvB,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAC;gBAC5B,CAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,GAAG;aACX;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAC;gBAC5B,CAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;gBAChB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,GAAG;aACX;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;QACnD,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACzC,CAAS;CACb,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport type {ChartTypeDefinition} from '../base-types';\nimport type {CountPlotChartSettings} from './schema';\nimport {QUANTITATIVE_COLUMN_TYPES} from '../../chart-builders/constants';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst BG_COLOR = 'var(--color-chart-overlay)';\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DESCRIPTION = 'Create a count plot of a field';\n\nexport const countPlotChartType: ChartTypeDefinition<CountPlotChartSettings> = {\n  id: 'count-plot',\n  label: 'Count Plot',\n  description: DESCRIPTION,\n  aiDescription:\n    'Use for a quick binned distribution of one numeric or temporal column.',\n  fields: [\n    {\n      key: 'field',\n      label: 'Field',\n      required: true,\n      types: [...QUANTITATIVE_COLUMN_TYPES],\n      description: 'Numeric or temporal column to bin along the x-axis.',\n    },\n  ],\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createSpec: (tableName, {field}): Spec =>\n    ({\n      plot: [\n        {\n          mark: 'rectY',\n          data: {from: tableName},\n          x: {bin: field, maxbins: 25},\n          y: {count: null},\n          fill: BG_COLOR,\n          inset: 0.5,\n        },\n        {\n          mark: 'rectY',\n          data: {from: tableName, filterBy: '$brush'},\n          x: {bin: field, maxbins: 25},\n          y: {count: null},\n          fill: FG_COLOR,\n          inset: 0.5,\n        },\n        {select: 'intervalX', as: '$brush'},\n      ],\n      xLabel: field,\n      yLabel: null,\n      yAxis: null,\n      height: 200,\n      width: 380,\n      margins: {left: 50, right: 20, top: 20, bottom: 50},\n      params: {brush: {select: 'crossfilter'}},\n    }) as Spec,\n};\n"]}

package/dist/chart-types/count-plot/index.d.ts

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/chart-types/count-plot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-types/count-plot/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/dist/chart-types/count-plot/index.js

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.js.map

package/dist/chart-types/count-plot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart-types/count-plot/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","sourcesContent":["export * from './schema';\nexport * from './definition';\n"]}

package/dist/chart-types/count-plot/schema.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export declare const CountPlotChartSettings: z.ZodObject<{
+    field: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type CountPlotChartSettings = z.infer<typeof CountPlotChartSettings>;
+export declare const CountPlotChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"count-plot">;
+    settings: z.ZodObject<{
+        field: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    vgplot: z.ZodUnknown;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type CountPlotChartConfig = z.infer<typeof CountPlotChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/chart-types/count-plot/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/count-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,sBAAsB;;iBAEjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAE5E,eAAO,MAAM,oBAAoB;;;;;;;iBAK/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/chart-types/count-plot/schema.js

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export const CountPlotChartSettings = z.object({
+    field: z.string().optional(),
+});
+export const CountPlotChartConfig = z.object({
+    chartType: z.literal('count-plot'),
+    settings: CountPlotChartSettings,
+    vgplot: z.unknown(),
+    settingsOpen: z.boolean().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/chart-types/count-plot/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/count-plot/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC7B,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAClC,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const CountPlotChartSettings = z.object({\n  field: z.string().optional(),\n});\n\nexport type CountPlotChartSettings = z.infer<typeof CountPlotChartSettings>;\n\nexport const CountPlotChartConfig = z.object({\n  chartType: z.literal('count-plot'),\n  settings: CountPlotChartSettings,\n  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type CountPlotChartConfig = z.infer<typeof CountPlotChartConfig>;\n"]}

package/dist/chart-types/custom-spec/definition.d.ts

@@ -0,0 +1,4 @@
+import type { ChartTypeDefinition } from '../base-types';
+import type { CustomSpecChartSettings } from './schema';
+export declare const customSpecChartType: ChartTypeDefinition<CustomSpecChartSettings>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/chart-types/custom-spec/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,UAAU,CAAC;AAKtD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,uBAAuB,CA2B1E,CAAC"}

package/dist/chart-types/custom-spec/definition.js

@@ -0,0 +1,28 @@
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+const DESCRIPTION = 'Create a chart with custom spec';
+export const customSpecChartType = {
+    id: 'custom-spec',
+    label: 'Custom Spec',
+    description: DESCRIPTION,
+    aiDescription: 'Manual template for editing after creation. Prefer explicit chart templates for assistant-created charts.',
+    fields: [],
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createSpec: (tableName) => ({
+        plot: [
+            {
+                mark: 'rectY',
+                data: { from: tableName, filterBy: '$brush' },
+                x: { bin: 'field_name', maxbins: 25 },
+                y: { count: null },
+                fill: 'steelblue',
+                inset: 0.5,
+            },
+            { select: 'intervalX', as: '$brush' },
+        ],
+        xLabel: 'field_name',
+        height: 200,
+        width: 380,
+        params: { brush: { select: 'crossfilter' } },
+    }),
+};
+//# sourceMappingURL=definition.js.map

package/dist/chart-types/custom-spec/definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,WAAW,GAAG,iCAAiC,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAC9B;IACE,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,WAAW;IACxB,aAAa,EACX,2GAA2G;IAC7G,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC7C,UAAU,EAAE,CAAC,SAAS,EAAQ,EAAE,CAC9B,CAAC;QACC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC,EAAE,EAAC,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAC;gBACnC,CAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;gBAChB,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,GAAG;aACX;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,YAAY;QACpB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAC;KACzC,CAAS;CACb,CAAC","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport type {ChartTypeDefinition} from '../base-types';\nimport type {CustomSpecChartSettings} from './schema';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst DESCRIPTION = 'Create a chart with custom spec';\n\nexport const customSpecChartType: ChartTypeDefinition<CustomSpecChartSettings> =\n  {\n    id: 'custom-spec',\n    label: 'Custom Spec',\n    description: DESCRIPTION,\n    aiDescription:\n      'Manual template for editing after creation. Prefer explicit chart templates for assistant-created charts.',\n    fields: [],\n    buildTitle: titleFromDescription(DESCRIPTION),\n    createSpec: (tableName): Spec =>\n      ({\n        plot: [\n          {\n            mark: 'rectY',\n            data: {from: tableName, filterBy: '$brush'},\n            x: {bin: 'field_name', maxbins: 25},\n            y: {count: null},\n            fill: 'steelblue',\n            inset: 0.5,\n          },\n          {select: 'intervalX', as: '$brush'},\n        ],\n        xLabel: 'field_name',\n        height: 200,\n        width: 380,\n        params: {brush: {select: 'crossfilter'}},\n      }) as Spec,\n  };\n"]}

package/dist/chart-types/custom-spec/index.d.ts

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.d.ts.map

package/dist/chart-types/custom-spec/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/dist/chart-types/custom-spec/index.js

@@ -0,0 +1,3 @@
+export * from './schema';
+export * from './definition';
+//# sourceMappingURL=index.js.map

package/dist/chart-types/custom-spec/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","sourcesContent":["export * from './schema';\nexport * from './definition';\n"]}

package/dist/chart-types/custom-spec/schema.d.ts

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export declare const CustomSpecChartSettings: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+export type CustomSpecChartSettings = z.infer<typeof CustomSpecChartSettings>;
+export declare const CustomSpecChartConfig: z.ZodObject<{
+    chartType: z.ZodLiteral<"custom-spec">;
+    vgplot: z.ZodUnknown;
+    settingsOpen: z.ZodOptional<z.ZodBoolean>;
+    settings: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+}, z.core.$strip>;
+export type CustomSpecChartConfig = z.infer<typeof CustomSpecChartConfig>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/chart-types/custom-spec/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,uBAAuB,wCAAoC,CAAC;AAEzE,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E,eAAO,MAAM,qBAAqB;;;;;iBAKhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/chart-types/custom-spec/schema.js

@@ -0,0 +1,9 @@
+import { z } from 'zod';
+export const CustomSpecChartSettings = z.record(z.string(), z.unknown());
+export const CustomSpecChartConfig = z.object({
+    chartType: z.literal('custom-spec'),
+    vgplot: z.unknown(),
+    settingsOpen: z.boolean().optional(),
+    settings: CustomSpecChartSettings,
+});
+//# sourceMappingURL=schema.js.map

package/dist/chart-types/custom-spec/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/custom-spec/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AAIzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC5C,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC;IACnC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IACpC,QAAQ,EAAE,uBAAuB;CAClC,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const CustomSpecChartSettings = z.record(z.string(), z.unknown());\n\nexport type CustomSpecChartSettings = z.infer<typeof CustomSpecChartSettings>;\n\nexport const CustomSpecChartConfig = z.object({\n  chartType: z.literal('custom-spec'),\n  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n  settings: CustomSpecChartSettings,\n});\n\nexport type CustomSpecChartConfig = z.infer<typeof CustomSpecChartConfig>;\n"]}

package/dist/chart-types/ecdf/definition.d.ts

@@ -0,0 +1,4 @@
+import type { ChartTypeDefinition } from '../base-types';
+import type { EcdfChartSettings } from './schema';
+export declare const ecdfChartType: ChartTypeDefinition<EcdfChartSettings>;
+//# sourceMappingURL=definition.d.ts.map

package/dist/chart-types/ecdf/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../../src/chart-types/ecdf/definition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAOhD,eAAO,MAAM,aAAa,EAAE,mBAAmB,CAAC,iBAAiB,CA4ChE,CAAC"}

package/dist/chart-types/ecdf/definition.js

@@ -0,0 +1,47 @@
+import { QUANTITATIVE_COLUMN_TYPES } from '../../chart-builders/constants';
+import { titleFromDescription } from '../../chart-builders/chartTypeUtils';
+const FG_COLOR = 'var(--color-chart-1)';
+const DESCRIPTION = 'Create an eCDF chart of a field';
+export const ecdfChartType = {
+    id: 'ecdf',
+    label: 'eCDF',
+    description: DESCRIPTION,
+    aiDescription: 'Use for a cumulative distribution curve over one numeric or temporal column.',
+    fields: [
+        {
+            key: 'field',
+            label: 'Field',
+            required: true,
+            types: [...QUANTITATIVE_COLUMN_TYPES],
+            description: 'Numeric or temporal column used to build the cumulative distribution.',
+        },
+    ],
+    buildTitle: titleFromDescription(DESCRIPTION),
+    createSpec: (tableName, { field }) => ({
+        plot: [
+            {
+                mark: 'areaY',
+                data: { from: tableName, filterBy: '$brush' },
+                x: field,
+                y: { sum: field, cumulative: true },
+                fill: FG_COLOR,
+                fillOpacity: 0.3,
+            },
+            {
+                mark: 'lineY',
+                data: { from: tableName, filterBy: '$brush' },
+                x: field,
+                y: { sum: field, cumulative: true },
+                stroke: FG_COLOR,
+            },
+            { select: 'intervalX', as: '$brush' },
+        ],
+        xLabel: field,
+        yLabel: 'Cumulative',
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    }),
+};
+//# sourceMappingURL=definition.js.map