@malloydata/malloy-explorer 0.0.285-dev250610181307 → 0.0.294-dev250630221944

package/dist/malloy-explorer.css

@@ -129,6 +129,8 @@
 }
 
 @layer priority3{
+.mlyllpv0l{border-bottom:1px solid #e0e0e0}
+.mlyv3yj8d{border-bottom:1px solid var(--malloy-color-border,#e0e0e0)}
 .mly1akygb0{border-color:none}
 .mly1y5yj0f{border-color:rgb(0,100,224)}
 .mly10bk7bj{border-color:var(--malloy-composer-focus,#c3d7f7)}
@@ -151,6 +153,7 @@
 .mly1roky18{border-right:1px solid rgba(204,211,219,1)}
 .mlyng3xce{border-style:none}
 .mly1y0btm7{border-style:solid}
+.mlye536se{border-top:1px solid #e0e0e0}
 .mly77krkw{border-top:1px solid var(--malloy-composer-form-border,#ececec)}
 .mlyc342km{border-width:0}
 .mlymkeg23{border-width:1px}
@@ -165,6 +168,8 @@
 .mly1jnr06f{gap:4px}
 .mly1nejdyq{gap:5px}
 .mly167g77z{gap:8px}
+.mly623te4{grid-column:span 2}
+.mly1a80n4u{grid-column:span 3}
 .mly1a2a7pz{outline:none}
 .mlyysyzu8{overflow:auto}
 .mlyb3r6kr{overflow:hidden}
@@ -183,6 +188,7 @@
 .mlypqajaz{align-items:end}
 .mly1cy8zhl{align-items:flex-start}
 .mly7a106z{align-items:start}
+.mly1071x5a{align-items:top}
 .mly7v9bd0{animation-duration:.75s}
 .mlya4qsjk{animation-iteration-count:infinite}
 .mly8jsasv{animation-name:mlyqng64z-B}
@@ -196,6 +202,7 @@
 .mly1gzqxud{background-color:rgba(255,255,255,1)}
 .mly1jmk7v{background-color:rgba(37,54,63,1)}
 .mlyjbqb8w{background-color:transparent}
+.mly9nb4jr{background-color:var(--malloy-color-background,white)}
 .mly1jjku57{background-color:var(--malloy-composer-form-disabledBackground,#f6f6f6)}
 .mly6wxqrg{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
 .mly12azwz9{background-color:var(--malloy-composer-menu-background,white)}
@@ -296,14 +303,17 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly117nqv4{font-weight:bold}
 .mly1fcty0u{font-weight:normal}
 .mly1mt1orb{grid-auto-flow:column}
+.mlysd5ean{grid-auto-rows:max-content}
 .mly15396mt{grid-template-columns:100px auto 100px}
 .mly52fmzj{grid-template-columns:1fr auto}
 .mly1g3yg12{grid-template-columns:auto 1fr auto}
 .mlybyjr8{grid-template-columns:auto}
+.mly16kridx{grid-template-columns:min-content 1fr min-content}
 .mlyl56j7k{justify-content:center}
 .mly13a6bvl{justify-content:flex-end}
 .mly1nhvcw1{justify-content:flex-start}
 .mly1rfj78v{justify-content:left}
+.mly1lvf691{justify-content:right}
 .mly1l1ennw{justify-content:space-around}
 .mly1qughib{justify-content:space-between}
 .mlylqzeqv{justify-content:start}
@@ -311,6 +321,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1gu5id8{letter-spacing:-0.24px}
 .mly12oo3zp{letter-spacing:0}
 .mly1d3mw78{line-height:16px}
+.mly1rl49lg{line-height:2.2em}
 .mly1fc57z9{line-height:20px}
 .mly1o2sk6j{line-height:24px}
 .mly1vqud6w{opacity:70%}
@@ -320,6 +331,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly10l6tqk{position:absolute}
 .mlyixxii4{position:fixed}
 .mly1n2onr6{position:relative}
+.mly7wzq59{position:sticky}
 .mly2b8uid{text-align:center}
 .mlydpxx8g{text-align:left}
 .mly1vqy1sf{text-edge:cap}
@@ -376,6 +388,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlydk7pt{height:8px}
 .mlylo07zb{height:90px}
 .mlyt7dq6l{height:auto}
+.mly1ktj5wk{height:calc(100% - 8px)}
 .mlyu96u03{left:0}
 .mly12nagc{margin-bottom:4px}
 .mlyu06os2{margin-bottom:5px}
@@ -393,7 +406,9 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyq3t0pi{max-height:280px}
 .mlyuyqlj2{max-height:300px}
 .mly1phlbz0{max-height:400px}
+.mly1jcbksy{max-height:420px}
 .mly3d5gib{max-height:50vh}
+.mly1l4ul0t{max-height:75vh}
 .mly1kbvuzt{max-height:var(--radix-tooltip-content-available-height)}
 .mlyqyhut4{max-width:16.5px}
 .mly1pdpmub{max-width:264px}
@@ -401,7 +416,9 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1dc814f{max-width:350px}
 .mlyxc7z9f{max-width:360px}
 .mly1j9u4d2{max-width:400px}
+.mly1lr1uin{max-width:420px}
 .mlymcgfsh{max-width:60px}
+.mly14zcgw3{max-width:75vw}
 .mly2lwn1j{min-height:0}
 .mly4x6u8j{min-width:16.5px}
 .mlygc0pbm{min-width:1px}
@@ -447,6 +464,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyxsgkw5{width:350px}
 .mly869kya{width:5.5em}
 .mly1ftt334{width:5px}
+.mly14rvwrp{width:600px}
 .mly1247r65{width:60px}
 .mly1xc55vz{width:8px}
 .mlym6i5cn{width:90%}

package/dist/types/components/QueryPanel/AddMenu/ValueList.d.ts

@@ -3,13 +3,14 @@ import { StyleXStyles } from '@stylexjs/stylex';
 import { SearchIndexResult } from './hooks/useSearch';
 export interface FieldListProps {
     search: string;
+    filter?: (value: string) => boolean;
     onClick: (value: SearchIndexResult) => void;
     fieldPath?: string;
     ref?: React.RefObject<HTMLDivElement | null>;
     customStyle?: StyleXStyles;
     showPath?: boolean;
 }
-export declare function ValueList({ onClick, search, fieldPath, ref, customStyle, showPath, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueList({ onClick, search, filter, fieldPath, ref, customStyle, showPath, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
 export interface ValueProps {
     value: SearchIndexResult;
 }

package/dist/types/components/QueryPanel/VizEditor/ArrayEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaArray } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function ArrayEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaArray, string[]>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/BooleanEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaBoolean } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function BooleanEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaBoolean, boolean>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/FieldEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaArray } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function FieldEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaArray, string[]>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/InfoHover.d.ts

@@ -0,0 +1,4 @@
+export interface InfoHoverProps {
+    info: string;
+}
+export default function InfoHover({ info }: InfoHoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/NumberEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaNumber } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function NumberEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaNumber>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/ObjectEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaObject } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function ObjectEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaObject, Record<string, unknown>>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/OneOfEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaOneOf } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function OneOfEditor({ view, name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaOneOf, unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/StringEditor.d.ts

@@ -0,0 +1,3 @@
+import { JSONSchemaString } from '@malloydata/render';
+import { EditorProps } from './types';
+export default function StringEditor({ name, path, current, option, updateCurrent, }: EditorProps<JSONSchemaString>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/VizEditor.d.ts

@@ -0,0 +1,11 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+export interface VizEditorProps {
+    rootQuery: ASTQuery;
+    plugin: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+    setOpen: (open: boolean) => void;
+}
+export declare function VizEditor({ rootQuery, view, plugin, setOpen }: VizEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/VizEditorDialog.d.ts

@@ -0,0 +1,12 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+import { StyleXStyles } from '@stylexjs/stylex';
+export interface VizEditorDialogProps {
+    rootQuery: ASTQuery;
+    plugin?: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare function VizEditorDialog({ rootQuery, plugin, view, customStyle, open, setOpen, }: VizEditorDialogProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/QueryPanel/VizEditor/VizEditorPopover.d.ts

@@ -0,0 +1,10 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { CoreVizPluginInstance } from '@malloydata/render';
+import { StyleXStyles } from '@stylexjs/stylex';
+export interface VizEditorPopoverProps {
+    rootQuery: ASTQuery;
+    plugin: CoreVizPluginInstance;
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+}
+export declare function VizEditorPopover({ rootQuery, plugin, view, customStyle, }: VizEditorPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/VizEditor/styles.d.ts

@@ -0,0 +1,72 @@
+export declare const styles: Readonly<{
+    readonly trigger: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "calc(100% - 8px)">;
+    }>;
+    readonly left: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "right">;
+    }>;
+    readonly right: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "left">;
+    }>;
+    readonly heading: Readonly<{
+        readonly gridColumn: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridColumn", "span 2">;
+        readonly fontWeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontWeight", "bold">;
+    }>;
+    readonly label: Readonly<{
+        readonly whiteSpace: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly divider: Readonly<{
+        readonly gridColumn: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridColumn", "span 3">;
+        readonly borderTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderTop", "1px solid #e0e0e0">;
+    }>;
+    readonly content: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1)">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "white">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 240>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 420>;
+        readonly maxHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxHeight", 420>;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editor: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+        readonly overflow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly editorGrid: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "grid">;
+        readonly gridTemplateColumns: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridTemplateColumns", "min-content 1fr min-content">;
+        readonly gridAutoRows: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridAutoRows", "max-content">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+        readonly overflowY: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"overflowY", "auto">;
+    }>;
+    readonly editorRow: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorCell: Readonly<{
+        readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly input: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid rgb(239, 239, 239)">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "3px 3px 3px 10px">;
+    }>;
+    readonly card: Readonly<{
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", "350px">;
+    }>;
+    readonly infoTrigger: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "top">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingRight", "8px">;
+        readonly paddingTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingTop", "4px">;
+    }>;
+}>;

package/dist/types/components/QueryPanel/VizEditor/types.d.ts

@@ -0,0 +1,11 @@
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { TagSetValue } from '@malloydata/malloy-tag';
+import { JSONSchemaProperty } from '@malloydata/render';
+export interface EditorProps<T extends JSONSchemaProperty, C = TagSetValue> {
+    view: ASTQuery | ASTView;
+    name: string;
+    path: string[];
+    option: T;
+    current: C;
+    updateCurrent: (path: string[], value: unknown) => void;
+}

package/dist/types/components/QueryPanel/dialogStyles.d.ts

@@ -0,0 +1,60 @@
+export declare const dialogStyles: Readonly<{
+    readonly displayNone: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "none">;
+    }>;
+    readonly overlay: Readonly<{
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(0 0 0 / 0.0)">;
+        readonly position: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"position", "fixed">;
+        readonly top: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"top", 0>;
+        readonly left: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"left", 0>;
+        readonly right: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"right", 0>;
+        readonly bottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"bottom", 0>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "grid">;
+        readonly placeItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"placeItems", "center">;
+        readonly zIndex: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"zIndex", 100>;
+    }>;
+    readonly title: Readonly<{
+        readonly fontSize: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"fontSize", "16px">;
+        readonly margin: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"margin", 0>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
+        readonly borderBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottom", "1px solid #e0e0e0">;
+        readonly lineHeight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"lineHeight", "2.2em">;
+    }>;
+    readonly close: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "none">;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 4>;
+    }>;
+    readonly content: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly boxShadow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"boxShadow", "0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1)">;
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", "white">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
+        readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 240>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 280>;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editor: Readonly<{
+        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", 250>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorRow: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorCell: Readonly<{
+        readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly input: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid #e0e0e0">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px 4px 8px">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
+    }>;
+}>;

package/dist/types/components/filters/DateTimeFilterCore.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TemporalFilter, TemporalUnit } from '@malloydata/malloy-filter';
 type TemporalFilterOperator = TemporalFilter['operator'];
-type TemporalFilterType = TemporalFilterOperator | '-null' | 'not_before';
+type TemporalFilterType = TemporalFilterOperator | '-null' | '-before' | '-after';
 export interface DateTimeFilterCoreProps {
     filter: TemporalFilter | null;
     setFilter: (filter: TemporalFilter) => void;

package/dist/types/components/primitives/ScrollableArea.d.ts

@@ -5,5 +5,8 @@ interface ScrollableAreaProps {
      */
     children: React.ReactNode;
 }
+/**
+ * @deprecated
+ */
 export default function ScrollableArea({ children }: ScrollableAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/primitives/utils/icon.d.ts

@@ -71,6 +71,12 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly gear: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly info: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -251,6 +257,12 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly viz_bar: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly viz_boolean: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -305,6 +317,12 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly viz_line: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly viz_link: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/types/components/utils/renderer.d.ts

@@ -1,6 +1,12 @@
 import { Tag } from '@malloydata/malloy-tag';
-export declare const QUERY_RENDERERS: RendererName[];
-export declare const ATOMIC_RENDERERS: RendererName[];
+export declare const RENDERER_PREFIX = "# ";
+export declare const VIZ_RENDERERS: VizName[];
+export declare const QUERY_RENDERERS: QueryRendererName[];
+export declare const ATOMIC_RENDERERS: AtomicRendererName[];
 export declare const RENDERERS: RendererName[];
-export type RendererName = 'table' | 'dashboard' | 'text' | 'currency' | 'image' | 'time' | 'json' | 'single_value' | 'list' | 'list_detail' | 'cartesian_chart' | 'bar_chart' | 'scatter_chart' | 'line_chart' | 'point_map' | 'segment_map' | 'shape_map' | 'number' | 'percent' | 'boolean' | 'sparkline' | 'bytes' | 'vega' | 'url';
+export type VizName = 'table' | 'bar' | 'dashboard' | 'json' | 'line' | 'list' | 'list_detail' | 'point_map' | 'scatter_chart' | 'segment_map' | 'shape_map';
+export type QueryRendererName = 'table' | 'bar_chart' | 'dashboard' | 'json' | 'line_chart' | 'list' | 'list_detail' | 'point_map' | 'scatter_chart' | 'segment_map' | 'shape_map';
+export type AtomicRendererName = 'number' | 'boolean' | 'currency' | 'image' | 'url' | 'percent' | 'text' | 'time';
+export type RendererName = QueryRendererName | AtomicRendererName;
 export declare function tagToRenderer(tag: Tag | undefined): RendererName | null;
+export declare function legacyToViz(name: QueryRendererName): VizName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.285-dev250610181307",
+  "version": "0.0.294-dev250630221944",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -73,8 +73,8 @@
     "@stylexjs/stylex": "^0.10.1",
     "assert": "^2.1.0",
     "moment": "^2.30.1",
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.27.2",
@@ -113,12 +113,12 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">= 0.0.290",
-    "@malloydata/malloy-interfaces": ">= 0.0.290",
-    "@malloydata/malloy-query-builder": ">= 0.0.290",
-    "@malloydata/malloy-tag": ">= 0.0.290",
-    "@malloydata/render": ">= 0.0.290",
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "@malloydata/malloy-filter": ">=0.0.294",
+    "@malloydata/malloy-interfaces": ">=0.0.294",
+    "@malloydata/malloy-query-builder": ">=0.0.294",
+    "@malloydata/malloy-tag": ">=0.0.294",
+    "@malloydata/render": ">=0.0.294",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   }
 }