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

package/dist/chart-builders/hooks/useChartFieldForm.js

@@ -1,12 +0,0 @@
-import { useCallback } from 'react';
-export function useChartFieldForm({ fields, values, onChange, }) {
-    const handleFieldChange = useCallback((fieldKey, value) => {
-        onChange(fieldKey, value);
-    }, [onChange]);
-    return {
-        fields,
-        values,
-        handleFieldChange,
-    };
-}
-//# sourceMappingURL=useChartFieldForm.js.map

package/dist/chart-builders/hooks/useChartFieldForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartFieldForm.js","sourceRoot":"","sources":["../../../src/chart-builders/hooks/useChartFieldForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AASlC,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,QAAQ,GACe;IACvB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,QAAgB,EAAE,KAAc,EAAE,EAAE;QACnC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO;QACL,MAAM;QACN,MAAM;QACN,iBAAiB;KAClB,CAAC;AACJ,CAAC","sourcesContent":["import {useCallback} from 'react';\nimport type {ChartBuilderField} from '../types';\n\ninterface UseChartFieldFormProps {\n  fields: ChartBuilderField[];\n  values: Record<string, unknown>;\n  onChange: (key: string, value: unknown) => void;\n}\n\nexport function useChartFieldForm({\n  fields,\n  values,\n  onChange,\n}: UseChartFieldFormProps) {\n  const handleFieldChange = useCallback(\n    (fieldKey: string, value: unknown) => {\n      onChange(fieldKey, value);\n    },\n    [onChange],\n  );\n\n  return {\n    fields,\n    values,\n    handleFieldChange,\n  };\n}\n"]}

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

@@ -1,23 +0,0 @@
-import type { ComponentType } from 'react';
-import type { ChartTypeDefinition, ChartBuilderField, ChartBuilderColumn } from '../chart-types/base-types';
-export type { ChartTypeDefinition, ChartBuilderField, ChartBuilderColumn };
-/**
- * Describes a chart builder template that generates Mosaic JSON specs
- * (includes an icon for the chart-type grid).
- */
-export interface ChartBuilderTemplate extends ChartTypeDefinition {
-    /** Icon component */
-    icon: ComponentType<{
-        className?: string;
-    }>;
-}
-/**
- * Backward-compatible alias for earlier chart-builder helper APIs.
- * Prefer {@link ChartTypeDefinition} for new code.
- */
-export type ChartSpec = ChartTypeDefinition;
-/** Strip UI-only fields from a template for non-UI chart-type contexts. */
-export declare function toChartTypeDefinition(template: ChartBuilderTemplate): ChartTypeDefinition;
-/** Backward-compatible alias for earlier helper APIs. */
-export declare const toChartSpec: typeof toChartTypeDefinition;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/chart-builders/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,CAAC;AAEzE;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,qBAAqB;IACrB,IAAI,EAAE,aAAa,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAC3C;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAE5C,2EAA2E;AAC3E,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,oBAAoB,GAC7B,mBAAmB,CAqBrB;AAED,yDAAyD;AACzD,eAAO,MAAM,WAAW,8BAAwB,CAAC"}

package/dist/chart-builders/types.js

@@ -1,17 +0,0 @@
-/** Strip UI-only fields from a template for non-UI chart-type contexts. */
-export function toChartTypeDefinition(template) {
-    const { id, label, description, fields, createSpec, buildTitle, isAvailable, aiDescription, } = template;
-    return {
-        id,
-        label,
-        description,
-        fields,
-        createSpec,
-        buildTitle,
-        isAvailable,
-        aiDescription,
-    };
-}
-/** Backward-compatible alias for earlier helper APIs. */
-export const toChartSpec = toChartTypeDefinition;
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"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/box-plot/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/bubble-chart/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/count-plot/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/custom-spec/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/ecdf/definition.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"definition.js","sourceRoot":"","sources":["../../../src/chart-types/ecdf/definition.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,yBAAyB,EAAC,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAEzE,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,WAAW,GAAG,iCAAiC,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAA2C;IACnE,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,WAAW;IACxB,aAAa,EACX,8EAA8E;IAChF,MAAM,EAAE;QACN;YACE,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,CAAC,GAAG,yBAAyB,CAAC;YACrC,WAAW,EACT,uEAAuE;SAC1E;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,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC;gBACjC,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,GAAG;aACjB;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC3C,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC;gBACjC,MAAM,EAAE,QAAQ;aACjB;YACD,EAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAC;SACpC;QACD,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,YAAY;QACpB,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 {EcdfChartSettings} from './schema';\nimport {QUANTITATIVE_COLUMN_TYPES} from '../../chart-builders/constants';\nimport {titleFromDescription} from '../../chart-builders/chartTypeUtils';\n\nconst FG_COLOR = 'var(--color-chart-1)';\nconst DESCRIPTION = 'Create an eCDF chart of a field';\n\nexport const ecdfChartType: ChartTypeDefinition<EcdfChartSettings> = {\n  id: 'ecdf',\n  label: 'eCDF',\n  description: DESCRIPTION,\n  aiDescription:\n    'Use for a cumulative distribution curve over one numeric or temporal column.',\n  fields: [\n    {\n      key: 'field',\n      label: 'Field',\n      required: true,\n      types: [...QUANTITATIVE_COLUMN_TYPES],\n      description:\n        'Numeric or temporal column used to build the cumulative distribution.',\n    },\n  ],\n  buildTitle: titleFromDescription(DESCRIPTION),\n  createSpec: (tableName, {field}): Spec =>\n    ({\n      plot: [\n        {\n          mark: 'areaY',\n          data: {from: tableName, filterBy: '$brush'},\n          x: field,\n          y: {sum: field, cumulative: true},\n          fill: FG_COLOR,\n          fillOpacity: 0.3,\n        },\n        {\n          mark: 'lineY',\n          data: {from: tableName, filterBy: '$brush'},\n          x: field,\n          y: {sum: field, cumulative: true},\n          stroke: FG_COLOR,\n        },\n        {select: 'intervalX', as: '$brush'},\n      ],\n      xLabel: field,\n      yLabel: 'Cumulative',\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/ecdf/index.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/chart-types/ecdf/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,iBAAiB;;iBAE5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe;;;;;;;iBAK1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/chart-types/ecdf/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC7B,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;IAC5B,QAAQ,EAAE,iBAAiB;IAC3B,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 EcdfChartSettings = z.object({\n  field: z.string().optional(),\n});\n\nexport type EcdfChartSettings = z.infer<typeof EcdfChartSettings>;\n\nexport const EcdfChartConfig = z.object({\n  chartType: z.literal('ecdf'),\n  settings: EcdfChartSettings,\n  vgplot: z.unknown(),\n  settingsOpen: z.boolean().optional(),\n});\n\nexport type EcdfChartConfig = z.infer<typeof EcdfChartConfig>;\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart-types/line-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/registry.d.ts

@@ -1,5 +0,0 @@
-import type { ChartTypeDefinition } from './base-types';
-export declare function registerChartType(definition: ChartTypeDefinition): void;
-export declare function getChartTypeDefinition(id: string): ChartTypeDefinition | undefined;
-export declare function getAllChartTypes(): ChartTypeDefinition[];
-//# sourceMappingURL=registry.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/chart-types/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAsBtD,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,mBAAmB,QAEhE;AAED,wBAAgB,sBAAsB,CACpC,EAAE,EAAE,MAAM,GACT,mBAAmB,GAAG,SAAS,CAEjC;AAED,wBAAgB,gBAAgB,IAAI,mBAAmB,EAAE,CAExD"}

package/dist/chart-types/registry.js

@@ -1,28 +0,0 @@
-import { histogramChartType } from './histogram';
-import { lineChartChartType } from './line-chart';
-import { countPlotChartType } from './count-plot';
-import { ecdfChartType } from './ecdf';
-import { heatmapChartType } from './heatmap';
-import { boxPlotChartType } from './box-plot';
-import { bubbleChartChartType } from './bubble-chart';
-import { customSpecChartType } from './custom-spec';
-const chartTypeRegistry = new Map();
-// Register all chart types
-registerChartType(histogramChartType);
-registerChartType(lineChartChartType);
-registerChartType(countPlotChartType);
-registerChartType(ecdfChartType);
-registerChartType(heatmapChartType);
-registerChartType(boxPlotChartType);
-registerChartType(bubbleChartChartType);
-registerChartType(customSpecChartType);
-export function registerChartType(definition) {
-    chartTypeRegistry.set(definition.id, definition);
-}
-export function getChartTypeDefinition(id) {
-    return chartTypeRegistry.get(id);
-}
-export function getAllChartTypes() {
-    return Array.from(chartTypeRegistry.values());
-}
-//# sourceMappingURL=registry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/chart-types/registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAChD,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAElD,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAA+B,CAAC;AAEjE,2BAA2B;AAC3B,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AACtC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AACtC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AACtC,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACjC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACpC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACpC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AACxC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEvC,MAAM,UAAU,iBAAiB,CAAC,UAA+B;IAC/D,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,EAAU;IAEV,OAAO,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {ChartTypeDefinition} from './base-types';\nimport {histogramChartType} from './histogram';\nimport {lineChartChartType} from './line-chart';\nimport {countPlotChartType} from './count-plot';\nimport {ecdfChartType} from './ecdf';\nimport {heatmapChartType} from './heatmap';\nimport {boxPlotChartType} from './box-plot';\nimport {bubbleChartChartType} from './bubble-chart';\nimport {customSpecChartType} from './custom-spec';\n\nconst chartTypeRegistry = new Map<string, ChartTypeDefinition>();\n\n// Register all chart types\nregisterChartType(histogramChartType);\nregisterChartType(lineChartChartType);\nregisterChartType(countPlotChartType);\nregisterChartType(ecdfChartType);\nregisterChartType(heatmapChartType);\nregisterChartType(boxPlotChartType);\nregisterChartType(bubbleChartChartType);\nregisterChartType(customSpecChartType);\n\nexport function registerChartType(definition: ChartTypeDefinition) {\n  chartTypeRegistry.set(definition.id, definition);\n}\n\nexport function getChartTypeDefinition(\n  id: string,\n): ChartTypeDefinition | undefined {\n  return chartTypeRegistry.get(id);\n}\n\nexport function getAllChartTypes(): ChartTypeDefinition[] {\n  return Array.from(chartTypeRegistry.values());\n}\n"]}

package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,4BAA4B,EACjC,aAAa,EAGd,MAAM,wBAAwB,CAAC;AAyDhC,eAAO,MAAM,oCAAoC,EAAE,4BAA4B,CAAC,aAAa,CAI1F,CAAC"}

package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardProfilerPanelRenderer.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfilerPanelRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EACL,cAAc,GAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAIL,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAEhC,SAAS,+BAA+B,CAAC,EACvC,KAAK,EACL,cAAc,EACd,aAAa,GACc;IAC3B,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IACF,MAAM,SAAS,GAAG,cAAc,EAAE,SAAS,CAAC;IAC5C,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ;QACvC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,wDAEpF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC;IACnD,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,gDAEpF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAG;QACpB,SAAS;QACT,QAAQ,EAAE,QAAQ,IAAI,EAAE;QACxB,aAAa;KACgB,CAAC;IAEhC,OAAO,CACL,KAAC,cAAc,OAAK,aAAa,YAC/B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cAAK,SAAS,EAAC,8BAA8B,YAC3C,MAAC,cAAc,CAAC,KAAK,eACnB,KAAC,cAAc,CAAC,MAAM,KAAG,EACzB,KAAC,cAAc,CAAC,IAAI,KAAG,IACF,GACnB,EACN,KAAC,cAAc,CAAC,SAAS,KAAG,IACxB,GACS,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oCAAoC,GAC/C;IACE,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport {TablePropertiesIcon} from 'lucide-react';\nimport {\n  MosaicProfiler,\n  type MosaicProfilerProps,\n} from '../profiler/MosaicProfiler';\nimport {\n  type MosaicDashboardPanelRenderer,\n  ProfilerPanel,\n  type ProfilerPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nfunction MosaicDashboardProfilerRenderer({\n  panel,\n  resolvedSource,\n  selectionName,\n}: ProfilerPanelRendererProps) {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n  const tableName = resolvedSource?.tableName;\n  const pageSize =\n    typeof panel.config.pageSize === 'number'\n      ? panel.config.pageSize\n      : undefined;\n\n  if (!tableName) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n        Profiler panels require a table source.\n      </div>\n    );\n  }\n\n  if (connection.status === 'loading') {\n    return <SpinnerPane className=\"h-full w-full\" />;\n  }\n\n  if (connection.status !== 'ready') {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n        Mosaic connection is not ready.\n      </div>\n    );\n  }\n\n  const profilerProps = {\n    tableName,\n    pageSize: pageSize ?? 10,\n    selectionName,\n  } satisfies MosaicProfilerProps;\n\n  return (\n    <MosaicProfiler {...profilerProps}>\n      <div className=\"flex h-full min-h-0 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <MosaicProfiler.Table>\n            <MosaicProfiler.Header />\n            <MosaicProfiler.Rows />\n          </MosaicProfiler.Table>\n        </div>\n        <MosaicProfiler.StatusBar />\n      </div>\n    </MosaicProfiler>\n  );\n}\n\nexport const mosaicDashboardProfilerPanelRenderer: MosaicDashboardPanelRenderer<ProfilerPanel> =\n  {\n    component: MosaicDashboardProfilerRenderer,\n    icon: TablePropertiesIcon,\n  };\n"]}

package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type VgPlotPanelRendererProps } from './MosaicDashboardSlice';
-export declare const MosaicDashboardVgPlotHeaderActions: FC<VgPlotPanelRendererProps>;
-//# sourceMappingURL=MosaicDashboardVgPlotHeaderActions.d.ts.map

package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotHeaderActions.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotHeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,wBAAwB,CAAC;AAShC,eAAO,MAAM,kCAAkC,EAAE,EAAE,CACjD,wBAAwB,CA6CzB,CAAC"}

package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
-import { SettingsIcon } from 'lucide-react';
-import { useCallback } from 'react';
-import { VgPlotSpecPopoverEditor } from './VgPlotSpecPopoverEditor';
-import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
-function getVgPlotSpec(panel) {
-    const spec = panel.config.vgplot;
-    return spec && typeof spec === 'object' && !Array.isArray(spec)
-        ? spec
-        : null;
-}
-export const MosaicDashboardVgPlotHeaderActions = ({ dashboardId, panel }) => {
-    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
-    const spec = getVgPlotSpec(panel);
-    const isSettingsOpen = Boolean(panel.config.settingsOpen);
-    const handleSpecApply = useCallback((newSpec) => {
-        updatePanel(dashboardId, panel.id, {
-            config: { ...panel.config, vgplot: newSpec },
-        });
-    }, [dashboardId, panel.config, panel.id, updatePanel]);
-    const handleToggleSettings = useCallback(() => {
-        updatePanel(dashboardId, panel.id, {
-            config: { ...panel.config, settingsOpen: !isSettingsOpen },
-        });
-    }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "data-[state=active]:bg-accent h-6 w-6", "aria-label": "Chart settings", onClick: handleToggleSettings, "data-state": isSettingsOpen ? 'active' : 'inactive', children: _jsx(SettingsIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Chart settings" })] }), spec ? (_jsx(VgPlotSpecPopoverEditor, { value: spec, onApply: handleSpecApply })) : null] }));
-};
-//# sourceMappingURL=MosaicDashboardVgPlotHeaderActions.js.map

package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotHeaderActions.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAGL,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAEhC,SAAS,aAAa,CAAC,KAAwB;IAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IACjC,OAAO,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC7D,CAAC,CAAE,IAAgC;QACnC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,CAAC,MAAM,kCAAkC,GAE3C,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,EAAE,EAAE;IAC3B,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IACF,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,OAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC;SAC3C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACnD,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,cAAc,EAAC;SACzD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,8BACE,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,gBACtC,gBAAgB,EAC3B,OAAO,EAAE,oBAAoB,gBACjB,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YAElD,KAAC,YAAY,IAAC,SAAS,EAAC,aAAa,GAAG,GACjC,GACM,EACjB,KAAC,cAAc,iCAAgC,IACvC,EACT,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,uBAAuB,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {SettingsIcon} from 'lucide-react';\nimport {type FC, useCallback} from 'react';\nimport {VgPlotSpecPopoverEditor} from './VgPlotSpecPopoverEditor';\nimport {\n  VgPlotPanelConfig,\n  type VgPlotPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nfunction getVgPlotSpec(panel: VgPlotPanelConfig) {\n  const spec = panel.config.vgplot;\n  return spec && typeof spec === 'object' && !Array.isArray(spec)\n    ? (spec as Record<string, unknown>)\n    : null;\n}\n\nexport const MosaicDashboardVgPlotHeaderActions: FC<\n  VgPlotPanelRendererProps\n> = ({dashboardId, panel}) => {\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n  const spec = getVgPlotSpec(panel);\n  const isSettingsOpen = Boolean(panel.config.settingsOpen);\n\n  const handleSpecApply = useCallback(\n    (newSpec: Record<string, unknown>) => {\n      updatePanel(dashboardId, panel.id, {\n        config: {...panel.config, vgplot: newSpec},\n      });\n    },\n    [dashboardId, panel.config, panel.id, updatePanel],\n  );\n\n  const handleToggleSettings = useCallback(() => {\n    updatePanel(dashboardId, panel.id, {\n      config: {...panel.config, settingsOpen: !isSettingsOpen},\n    });\n  }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);\n\n  return (\n    <>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"data-[state=active]:bg-accent h-6 w-6\"\n            aria-label=\"Chart settings\"\n            onClick={handleToggleSettings}\n            data-state={isSettingsOpen ? 'active' : 'inactive'}\n          >\n            <SettingsIcon className=\"h-3.5 w-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>Chart settings</TooltipContent>\n      </Tooltip>\n      {spec ? (\n        <VgPlotSpecPopoverEditor value={spec} onApply={handleSpecApply} />\n      ) : null}\n    </>\n  );\n};\n"]}

package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts

@@ -1,3 +0,0 @@
-import { type MosaicDashboardPanelRenderer, type VgPlotPanelConfig } from './MosaicDashboardSlice';
-export declare const mosaicDashboardVgPlotPanelRenderer: MosaicDashboardPanelRenderer<VgPlotPanelConfig>;
-//# sourceMappingURL=MosaicDashboardVgPlotPanelRenderer.d.ts.map

package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotPanelRenderer.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,iBAAiB,EAGvB,MAAM,wBAAwB,CAAC;AAwIhC,eAAO,MAAM,kCAAkC,EAAE,4BAA4B,CAAC,iBAAiB,CAK5F,CAAC"}

package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SpinnerPane } from '@sqlrooms/ui';
-import { BarChart3Icon } from 'lucide-react';
-import { useCallback, useEffect, useMemo } from 'react';
-import { VgPlotChart } from '../VgPlotChart';
-import { ChartSettingsPanel } from './chart-settings';
-import { MosaicDashboardPanelLayout } from './MosaicDashboardPanelLayout';
-import { MosaicDashboardVgPlotHeaderActions } from './MosaicDashboardVgPlotHeaderActions';
-import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
-function toRenderableMosaicSpec(vgplot) {
-    try {
-        if (!vgplot || typeof vgplot !== 'object' || Array.isArray(vgplot)) {
-            return null;
-        }
-        const vgplotRecord = vgplot;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { $schema, ...mosaicSpec } = vgplotRecord;
-        return mosaicSpec;
-    }
-    catch (error) {
-        console.error('[toRenderableMosaicSpec] Failed to parse spec:', error);
-        return null;
-    }
-}
-const MosaicDashboardVgPlotRenderer = ({ dashboardId, panel, selectionName, }) => {
-    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
-    const brushSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[selectionName]);
-    const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
-    const retainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.getRetainedChart(dashboardId, panel.id));
-    const setRetainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setRetainedChart);
-    const spec = useMemo(() => toRenderableMosaicSpec(panel.config.vgplot), [panel.config.vgplot]);
-    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
-    const isSettingsOpen = panel.config.settingsOpen;
-    const handleOpenChange = useCallback((isOpen) => {
-        updatePanel(dashboardId, panel.id, {
-            config: { ...panel.config, settingsOpen: isOpen },
-        });
-    }, [dashboardId, panel.config, panel.id, updatePanel]);
-    useEffect(() => {
-        if (!brushSelection) {
-            getSelection(selectionName, 'crossfilter');
-        }
-    }, [brushSelection, getSelection, selectionName]);
-    const params = useMemo(() => brushSelection
-        ? new Map([['brush', brushSelection]])
-        : undefined, [brushSelection]);
-    const retention = useMemo(() => ({
-        chart: retainedChart,
-        setChart: (chart) => setRetainedChart(dashboardId, panel.id, chart),
-    }), [dashboardId, panel.id, retainedChart, setRetainedChart]);
-    const tableName = panel.source?.tableName;
-    const handleSettingsChange = useCallback((config) => {
-        updatePanel(dashboardId, panel.id, {
-            config,
-        });
-    }, [dashboardId, panel.id, updatePanel]);
-    const settingsContent = (_jsx(ChartSettingsPanel, { tableName: tableName, config: panel.config, onChange: handleSettingsChange, onClose: () => handleOpenChange(false) }));
-    const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: connection.status === 'loading' ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : connection.status === 'ready' && spec && params ? (_jsx("div", { className: "bg-background text-foreground flex h-full w-full items-center justify-center rounded-md p-2", children: _jsx(VgPlotChart, { spec: spec, params: params, retention: retention }) })) : connection.status === 'ready' && spec ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: connection.status === 'error'
-                ? 'Mosaic connection failed'
-                : 'No valid chart spec' })) }));
-    return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: isSettingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
-};
-export const mosaicDashboardVgPlotPanelRenderer = {
-    component: MosaicDashboardVgPlotRenderer,
-    headerActions: MosaicDashboardVgPlotHeaderActions,
-    icon: BarChart3Icon,
-};
-//# sourceMappingURL=MosaicDashboardVgPlotPanelRenderer.js.map

package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotPanelRenderer.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotPanelRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport type {Selection} from '@uwdata/mosaic-core';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {BarChart3Icon} from 'lucide-react';\nimport {type FC, useCallback, useEffect, useMemo} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport {ChartSettingsPanel} from './chart-settings';\nimport {MosaicDashboardPanelLayout} from './MosaicDashboardPanelLayout';\nimport {MosaicDashboardVgPlotHeaderActions} from './MosaicDashboardVgPlotHeaderActions';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type VgPlotPanelConfig,\n  type VgPlotPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {VgPlotChartConfig} from '../chart-types';\n\nfunction toRenderableMosaicSpec(vgplot: unknown): Spec | null {\n  try {\n    if (!vgplot || typeof vgplot !== 'object' || Array.isArray(vgplot)) {\n      return null;\n    }\n\n    const vgplotRecord = vgplot as Spec;\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const {$schema, ...mosaicSpec} = vgplotRecord;\n\n    return mosaicSpec;\n  } catch (error) {\n    console.error('[toRenderableMosaicSpec] Failed to parse spec:', error);\n    return null;\n  }\n}\n\nconst MosaicDashboardVgPlotRenderer: FC<VgPlotPanelRendererProps> = ({\n  dashboardId,\n  panel,\n  selectionName,\n}) => {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n  const brushSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.selections[selectionName],\n  );\n  const getSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.getSelection,\n  );\n  const retainedChart = useStoreWithMosaicDashboard((state) =>\n    state.mosaicDashboard.getRetainedChart(dashboardId, panel.id),\n  );\n  const setRetainedChart = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setRetainedChart,\n  );\n\n  const spec = useMemo(\n    () => toRenderableMosaicSpec(panel.config.vgplot),\n    [panel.config.vgplot],\n  );\n\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n  const isSettingsOpen = panel.config.settingsOpen;\n\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => {\n      updatePanel(dashboardId, panel.id, {\n        config: {...panel.config, settingsOpen: isOpen},\n      });\n    },\n    [dashboardId, panel.config, panel.id, updatePanel],\n  );\n\n  useEffect(() => {\n    if (!brushSelection) {\n      getSelection(selectionName, 'crossfilter');\n    }\n  }, [brushSelection, getSelection, selectionName]);\n\n  const params = useMemo(\n    () =>\n      brushSelection\n        ? new Map<string, Selection>([['brush', brushSelection]])\n        : undefined,\n    [brushSelection],\n  );\n\n  const retention = useMemo(\n    () => ({\n      chart: retainedChart,\n      setChart: (chart: NonNullable<typeof retainedChart>) =>\n        setRetainedChart(dashboardId, panel.id, chart),\n    }),\n    [dashboardId, panel.id, retainedChart, setRetainedChart],\n  );\n\n  const tableName = panel.source?.tableName;\n\n  const handleSettingsChange = useCallback(\n    (config: VgPlotChartConfig) => {\n      updatePanel(dashboardId, panel.id, {\n        config,\n      });\n    },\n    [dashboardId, panel.id, updatePanel],\n  );\n\n  const settingsContent = (\n    <ChartSettingsPanel\n      tableName={tableName}\n      config={panel.config}\n      onChange={handleSettingsChange}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full overflow-auto p-2\">\n      {connection.status === 'loading' ? (\n        <SpinnerPane className=\"h-full w-full\" />\n      ) : connection.status === 'ready' && spec && params ? (\n        <div className=\"bg-background text-foreground flex h-full w-full items-center justify-center rounded-md p-2\">\n          <VgPlotChart spec={spec} params={params} retention={retention} />\n        </div>\n      ) : connection.status === 'ready' && spec ? (\n        <SpinnerPane className=\"h-full w-full\" />\n      ) : (\n        <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n          {connection.status === 'error'\n            ? 'Mosaic connection failed'\n            : 'No valid chart spec'}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={isSettingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n\nexport const mosaicDashboardVgPlotPanelRenderer: MosaicDashboardPanelRenderer<VgPlotPanelConfig> =\n  {\n    component: MosaicDashboardVgPlotRenderer,\n    headerActions: MosaicDashboardVgPlotHeaderActions,\n    icon: BarChart3Icon,\n  };\n"]}

package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface VgPlotSpecPopoverEditorProps {
-    value: Record<string, unknown>;
-    onApply: (value: Record<string, unknown>) => void;
-}
-export declare const VgPlotSpecPopoverEditor: React.FC<VgPlotSpecPopoverEditorProps>;
-export {};
-//# sourceMappingURL=VgPlotSpecPopoverEditor.d.ts.map

package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VgPlotSpecPopoverEditor.d.ts","sourceRoot":"","sources":["../../src/dashboard/VgPlotSpecPopoverEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,4BAA4B;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAuF7B,CAAC"}

package/dist/dashboard/VgPlotSpecPopoverEditor.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipTrigger, } from '@sqlrooms/ui';
-import { PencilIcon } from 'lucide-react';
-import { useCallback, useState } from 'react';
-import { MosaicCodeMirrorEditor } from '../editor/MosaicCodeMirrorEditor';
-export const VgPlotSpecPopoverEditor = ({ value, onApply }) => {
-    const [open, setOpen] = useState(false);
-    const [draft, setDraft] = useState(() => JSON.stringify(value, null, 2));
-    const handleOpenChange = useCallback((nextOpen) => {
-        setOpen(nextOpen);
-        if (nextOpen) {
-            setDraft(JSON.stringify(value, null, 2));
-        }
-    }, [value]);
-    const handleApply = useCallback(() => {
-        try {
-            const parsed = JSON.parse(draft);
-            onApply(parsed);
-            setOpen(false);
-        }
-        catch {
-            // Invalid JSON — keep the editor open.
-        }
-    }, [draft, onApply]);
-    const serializedValue = JSON.stringify(value, null, 2);
-    const isDirty = draft !== serializedValue;
-    let isValidJson = false;
-    try {
-        JSON.parse(draft);
-        isValidJson = true;
-    }
-    catch {
-        // ignore
-    }
-    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", "aria-label": "Edit spec", children: _jsx(PencilIcon, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Edit spec" })] }), _jsx(PopoverContent, { side: "bottom", align: "end", className: "w-[500px] p-0", onInteractOutside: (event) => {
-                    if (isDirty)
-                        event.preventDefault();
-                }, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "h-72 overflow-hidden", children: _jsx(MosaicCodeMirrorEditor, { value: draft, onChange: (nextValue) => setDraft(nextValue ?? ''), className: "h-full", enableSchemaValidation: true }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t p-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setOpen(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: !isDirty || !isValidJson, onClick: handleApply, children: "Apply" })] })] }) })] }));
-};
-//# sourceMappingURL=VgPlotSpecPopoverEditor.js.map