@malloydata/malloy-explorer 0.0.285-dev250530165648 → 0.0.285-dev250611150446

package/dist/malloy-explorer.css

@@ -300,10 +300,12 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly52fmzj{grid-template-columns:1fr auto}
 .mly1g3yg12{grid-template-columns:auto 1fr auto}
 .mlybyjr8{grid-template-columns:auto}
+.mly17bnpya{grid-template-columns:min-content 1fr}
 .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}
@@ -336,6 +338,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1so62im{will-change:transform}
 .mly1vvkbs{word-wrap:break-word}
 .mly35i7{writing-mode:sideways-lr}
+.mly1ja2u2z{z-index:0}
 .mly1vjfegm{z-index:1}
 .mly11uqc5h{z-index:100}
 .mlyhtitgo{z-index:2}
@@ -375,6 +378,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}
@@ -462,36 +466,3 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 div[data-radix-popper-content-wrapper] {
   z-index: 100 !important;
 }
-.malloy-render_result-wrapper malloy-render::part(table-container) {
-  width: 100%;
-}
-
-.malloy-render_result-wrapper {
-  height: 100%;
-  position: 'relative';
-  z-index: 0;
-  overflow: hidden;
-}
-
-.malloy-tooltip {
-  background: rgba(255, 255, 255, 0.95);
-  padding: 8px;
-  border-radius: 4px;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-  height: fit-content;
-  width: fit-content;
-  transform: translate(10px, 10px);
-}
-
-.malloy-tooltip--table {
-  th,
-  td {
-    text-wrap: nowrap;
-  }
-
-  th {
-    text-align: left;
-  }
-
-  font-size: 12px;
-}

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

@@ -0,0 +1,20 @@
+import { VizOption, VizName } from '../utils/renderer';
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
+import { StyleXStyles } from '@stylexjs/stylex';
+export interface RendererPopoverProps {
+    rootQuery: ASTQuery;
+    viz: VizName;
+    options: VizOption[];
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+}
+export declare function RendererPopover({ rootQuery, viz, options, view, customStyle, }: RendererPopoverProps): import("react/jsx-runtime").JSX.Element;
+export interface RendererEditorProps {
+    rootQuery: ASTQuery;
+    viz: VizName;
+    options: VizOption[];
+    view: ASTQuery | ASTView;
+    customStyle?: StyleXStyles;
+    setOpen: (open: boolean) => void;
+}
+export declare function RendererEditor({ rootQuery, view, viz, options, setOpen, }: RendererEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/ResultPanel/ResultDisplay.d.ts

@@ -1,13 +1,5 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { SubmittedQuery } from './SubmittedQuery';
-import './result_display.css';
-import '@malloydata/render/webcomponent';
-import type { MalloyRenderProps } from '@malloydata/render';
-declare global {
-    interface HTMLElementTagNameMap {
-        'malloy-render': HTMLElement & MalloyRenderProps;
-    }
-}
 export interface DrillData {
     stableQuery: Malloy.Query | undefined;
     stableDrillClauses: Malloy.DrillOperation[] | undefined;

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';
+type TemporalFilterType = TemporalFilterOperator | '-null' | 'not_before';
 export interface DateTimeFilterCoreProps {
     filter: TemporalFilter | null;
     setFilter: (filter: TemporalFilter) => void;

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,36 @@
 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;
+export interface BaseVizOption {
+    name: string;
+    label: string;
+    description?: string;
+}
+export interface VizBooleanOption extends BaseVizOption {
+    type: 'boolean';
+    default: boolean;
+}
+export interface VizStringOption extends BaseVizOption {
+    type: 'string';
+    default: string;
+}
+export interface VizSelectOption extends BaseVizOption {
+    type: 'select';
+    default: string;
+    options: Array<{
+        label: string;
+        description?: string;
+        value: string;
+    }>;
+}
+export type VizOption = VizBooleanOption | VizStringOption | VizSelectOption;
+export declare const VISUALIZATION_OPTIONS: Record<VizName, VizOption[] | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.285-dev250530165648",
+  "version": "0.0.285-dev250611150446",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -113,12 +113,12 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">= 0.0.285",
-    "@malloydata/malloy-interfaces": ">= 0.0.285",
-    "@malloydata/malloy-query-builder": ">= 0.0.285",
-    "@malloydata/malloy-tag": ">= 0.0.285",
-    "@malloydata/render": ">= 0.0.285",
-    "react": ">= 19.0.0",
-    "react-dom": ">= 19.0.0"
+    "@malloydata/malloy-filter": ">=0.0.291",
+    "@malloydata/malloy-interfaces": ">=0.0.291",
+    "@malloydata/malloy-query-builder": ">=0.0.291",
+    "@malloydata/malloy-tag": ">=0.0.291",
+    "@malloydata/render": ">=0.0.291",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   }
 }

package/vite.config.mts

@@ -38,7 +38,6 @@ export default defineConfig({
         '@malloydata/malloy-interfaces',
         '@malloydata/malloy-query-builder',
         '@malloydata/render',
-        '@malloydata/render/webcomponent',
       ],
       output: {
         manualChunks: _id => {
@@ -60,7 +59,6 @@ export default defineConfig({
       '@malloydata/malloy-filter',
       '@malloydata/malloy-interfaces',
       '@malloydata/malloy-query-builder',
-      '@malloydata/render/webcomponent',
     ],
   },
 });