@malloydata/malloy-explorer 0.0.294-dev250630221944 → 0.0.295-dev250710213205

package/dist/esm/index.js

@@ -17,7 +17,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useLayoutEffect, useEffect, useMemo, useState, useRef, createElement, useContext, useCallback, createContext, memo, useReducer } from "react";
 import * as QB from "@malloydata/malloy-query-builder";
-import { ASTArrowQueryDefinition, ASTArrowViewDefinition, ASTSegmentViewDefinition, ASTNestViewOperation, ASTRefinementViewDefinition, ASTFilterWithLiteralEquality, ASTAnnotation, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTLimitViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation, ASTQuery } from "@malloydata/malloy-query-builder";
+import { ASTArrowQueryDefinition, ASTArrowViewDefinition, ASTSegmentViewDefinition, ASTNestViewOperation, ASTRefinementViewDefinition, ASTFilterWithLiteralEquality, ASTAnnotation, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTLimitViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTReferenceExpression, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation, ASTQuery } from "@malloydata/malloy-query-builder";
 import { Tag } from "@malloydata/malloy-tag";
 import { MalloyRenderer, isCoreVizPluginInstance } from "@malloydata/render";
 import { TemporalFilterExpression, BooleanFilterExpression, NumberFilterExpression, StringFilterExpression } from "@malloydata/malloy-filter";
@@ -7992,16 +7992,14 @@ function SelectorToken({
     onValueChange: handleValueChange,
     required: true,
     children: [/* @__PURE__ */ jsxs(Trigger$3, {
-      ..._stylex.props(tokenStyles.main, styles$H.selectTrigger, tokenColorVariants[color], tokenSizeVariants[size2], fontStyles.body, tokenStyles.label, customStyle),
+      ..._stylex.props(tokenStyles.main, styles$H.selectTrigger, tokenColorVariants[color], tokenSizeVariants[size2], customStyle),
       children: [icon && /* @__PURE__ */ jsx(Icon, {
         name: icon,
         customStyle: tokenStyles.icon
       }), /* @__PURE__ */ jsx(Value$1, {
         asChild: true,
         children: /* @__PURE__ */ jsx("div", {
-          ...{
-            className: "mlyb3r6kr mlylyipyv"
-          },
+          ..._stylex.props(fontStyles.body, tokenStyles.label),
           children: label
         })
       })]
@@ -8030,17 +8028,15 @@ function SelectorToken({
                 }, 10);
               }
             }
-          }), /* @__PURE__ */ jsx(ScrollableArea, {
-            children: /* @__PURE__ */ jsx(Group$1, {
-              ...{
-                className: "mly78zum5 mlydt5ytf mlyuyqlj2 mlyfawy5m mly195vfkc"
-              },
-              children: filteredItems.map((item) => /* @__PURE__ */ jsx(SelectItem, {
-                value: item.value,
-                selectedValue: value,
-                children: item.label
-              }, item.value))
-            })
+          }), /* @__PURE__ */ jsx(Group$1, {
+            ...{
+              className: "mly78zum5 mlydt5ytf mlyuyqlj2 mlyfawy5m mly195vfkc mlyysyzu8"
+            },
+            children: filteredItems.map((item) => /* @__PURE__ */ jsx(SelectItem, {
+              value: item.value,
+              selectedValue: value,
+              children: item.label
+            }, item.value))
           })]
         })
       })
@@ -26289,19 +26285,22 @@ function DrillOperations({
       ...{
         className: "mly78zum5 mlydt5ytf mly1jnr06f"
       },
-      children: drills.map((drill, key2) => /* @__PURE__ */ jsxs(TokenGroup, {
-        color: "cyan",
-        customStyle: localStyles.tokenGroup,
-        children: [/* @__PURE__ */ jsx(FieldToken, {
-          field: drill.filter.fieldReference.getFieldInfo()
-        }), /* @__PURE__ */ jsx(Token, {
-          label: "="
-        }), drill.filter instanceof ASTFilterWithLiteralEquality ? /* @__PURE__ */ jsx(LiteralValue, {
-          value: drill.filter.value.node
-        }) : /* @__PURE__ */ jsx(Token, {
-          label: drill.filter.filterString
-        })]
-      }, key2))
+      children: drills.map((drill, key2) => {
+        const field = drill.filter.expression.getFieldInfo();
+        return field ? /* @__PURE__ */ jsxs(TokenGroup, {
+          color: "cyan",
+          customStyle: localStyles.tokenGroup,
+          children: [/* @__PURE__ */ jsx(FieldToken, {
+            field
+          }), /* @__PURE__ */ jsx(Token, {
+            label: "="
+          }), drill.filter instanceof ASTFilterWithLiteralEquality ? /* @__PURE__ */ jsx(LiteralValue, {
+            value: drill.filter.value.node
+          }) : /* @__PURE__ */ jsx(Token, {
+            label: drill.filter.filterString
+          })]
+        }, key2) : null;
+      })
     })]
   });
 }
@@ -31975,17 +31974,21 @@ function Visualization$1({
   const renderer = useMemo(() => new MalloyRenderer(), []);
   const [currentRenderer, setCurrentRenderer] = useState("table");
   const [plugin, setPlugin] = useState();
+  const [error, setError] = useState("");
   const [open, setOpen] = useState(false);
+  const tag = view.getTag().toString();
   useEffect(() => {
     var _a2;
+    setError("");
     const viz = renderer.createViz({
-      onError: (error) => {
-        console.error("Malloy render error", error);
+      onError: (error2) => {
+        console.error("Malloy render error", error2);
+        setError(error2.message);
       }
     });
     viz.setResult({
       schema: view.definition.getOutputSchema(),
-      annotations: view.getTag().toString().split("\n").map((value) => ({
+      annotations: tag.split("\n").map((value) => ({
         value
       })),
       connection_name: ""
@@ -31993,17 +31996,23 @@ function Visualization$1({
     const metadata = viz.getMetadata();
     if (metadata) {
       const plugin2 = viz.getActivePlugin(metadata.getRootField().key);
-      if (plugin2 && isCoreVizPluginInstance(plugin2)) {
-        setCurrentRenderer(plugin2.name);
-        setPlugin(plugin2);
+      if (plugin2) {
+        if (isCoreVizPluginInstance(plugin2)) {
+          setCurrentRenderer(plugin2.name);
+          setPlugin(plugin2);
+          return;
+        }
+        if (plugin2.name === "error") {
+          setError(plugin2.getMetadata().message);
+        }
       }
-    } else {
-      const currentTag = view.getTag();
-      const rendererTag = view.getTag(RENDERER_PREFIX);
-      const currentRenderer2 = ((_a2 = rendererTag.tag("viz")) == null ? void 0 : _a2.text()) ?? legacyToViz(tagToRenderer(currentTag) ?? "table");
-      setCurrentRenderer(currentRenderer2);
     }
-  }, [renderer, view]);
+    const currentTag = view.getTag();
+    const rendererTag = view.getTag(RENDERER_PREFIX);
+    const currentRenderer2 = ((_a2 = rendererTag.tag("viz")) == null ? void 0 : _a2.text()) ?? legacyToViz(tagToRenderer(currentTag) ?? "table");
+    setCurrentRenderer(currentRenderer2);
+    setPlugin(void 0);
+  }, [renderer, view, tag]);
   const updateViz = (renderer2) => {
     view.setTagProperty(["viz"], renderer2, RENDERER_PREFIX);
     setQuery == null ? void 0 : setQuery(rootQuery.build());
@@ -32031,6 +32040,13 @@ function Visualization$1({
       tooltip: "Edit Settings..."
     }, "gear"));
   }
+  if (error) {
+    tokens2.push(/* @__PURE__ */ jsx(Token, {
+      icon: "warning",
+      tooltip: error,
+      customStyle: styles$o.trigger
+    }));
+  }
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx(TokenGroup, {
       customStyle: styles$o.group,
@@ -32600,7 +32616,8 @@ function ValueList({
   fieldPath,
   ref,
   customStyle,
-  showPath = true
+  showPath = true,
+  hideNoMatchMessage = false
 }) {
   const {
     searchResults
@@ -32622,7 +32639,7 @@ function ValueList({
         },
         children: value.fieldName
       }) : null]
-    }, value.fieldName + ":" + value.fieldValue)) : search ? /* @__PURE__ */ jsx("div", {
+    }, value.fieldName + ":" + value.fieldValue)) : search && !hideNoMatchMessage ? /* @__PURE__ */ jsx("div", {
       ..._stylex.props(addMenuStyles.item),
       "data-disabled": "true",
       children: "No matching values"
@@ -32817,7 +32834,8 @@ const StringFilterCore = ({
           },
           customStyle: styles$i.valueList,
           showPath: false,
-          filter: (value) => !currentFilter.values.includes(value)
+          filter: (value) => !currentFilter.values.includes(value),
+          hideNoMatchMessage: true
         })
       })]
     }) : currentFilter.operator === "~" ? /* @__PURE__ */ jsx(StringEditor, {
@@ -34376,24 +34394,39 @@ function SortableOperation({
     id,
     ref: setNodeRef,
     style,
-    children: [granular ? /* @__PURE__ */ jsxs(TokenGroup, {
-      customStyle: customStyles.tokenGroup,
-      children: [/* @__PURE__ */ jsx(Token, {
-        color,
-        icon,
-        label: fieldInfo.name,
-        dragProps: {
-          attributes,
-          listeners
+    children: [granular ? /* @__PURE__ */ jsxs("div", {
+      ...{
+        0: {
+          className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mly11ogjb6 mly1g9of4s"
+        },
+        1: {
+          className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mly1ae5hkt"
         }
-      }), /* @__PURE__ */ jsx(SelectorToken, {
-        color,
-        value: granular.value,
-        onChange: (granulation) => {
-          if (operation.field.expression instanceof ASTTimeTruncationExpression) operation.field.expression.truncation = granulation;
-          setQuery == null ? void 0 : setQuery(rootQuery.build());
+      }[!!hoverActionsVisible << 0],
+      children: [/* @__PURE__ */ jsxs(TokenGroup, {
+        customStyle: customStyles.tokenGroup,
+        children: [/* @__PURE__ */ jsx(Token, {
+          color,
+          icon,
+          label: fieldInfo.name,
+          dragProps: {
+            attributes,
+            listeners
+          }
+        }), /* @__PURE__ */ jsx(SelectorToken, {
+          color,
+          value: granular.value,
+          onChange: (granulation) => {
+            if (operation.field.expression instanceof ASTTimeTruncationExpression) operation.field.expression.truncation = granulation;
+            setQuery == null ? void 0 : setQuery(rootQuery.build());
+          },
+          items: granular.options
+        })]
+      }), hoverActions && /* @__PURE__ */ jsx("div", {
+        ...{
+          className: "mly2b4tyj mly2lah0s"
         },
-        items: granular.options
+        children: hoverActions
       })]
     }) : /* @__PURE__ */ jsx(FieldToken, {
       field: fieldInfo,
@@ -34751,29 +34784,33 @@ function SingleFilterOperation({
     }
     setQuery == null ? void 0 : setQuery(rootQuery.build());
   }, [filterOperation.filter, rootQuery, setQuery]);
-  if (!(filterOperation.filter instanceof ASTFilterWithFilterString)) {
+  const {
+    filter
+  } = filterOperation;
+  if (!(filter instanceof ASTFilterWithFilterString)) {
     return null;
   }
   const {
-    fieldReference,
+    expression,
     filterString
-  } = filterOperation.filter;
-  const filter = filterOperation.filter.getFilter();
-  const fieldInfo = fieldReference.getFieldInfo();
-  if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
-    throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
+  } = filter;
+  if (!(expression instanceof ASTReferenceExpression)) {
+    return null;
   }
+  const fieldInfo = filter.getFieldInfo();
+  const parsedFilter = filter.getFilter();
+  const path = expression.path ?? [];
   const {
     op,
     value
-  } = parsedToLabels(filter, filterString);
+  } = parsedToLabels(parsedFilter, filterString);
   const label = `${fieldInfo.name} ${op} ${value}`;
   return /* @__PURE__ */ jsxs("div", {
     ..._stylex.props(hoverStyles.main),
     children: [/* @__PURE__ */ jsx(FilterPopover, {
       fieldInfo,
-      path: fieldReference.path ?? [],
-      filter,
+      path,
+      filter: parsedFilter,
       setFilter,
       trigger: /* @__PURE__ */ jsx(Token, {
         icon: "filter",
@@ -36684,17 +36721,14 @@ function RenderedResult({
   const viz = useMemo(() => {
     const renderer = new MalloyRenderer();
     const viz2 = renderer.createViz({
-      onDrill: ({
-        stableQuery,
-        stableDrillClauses
-      }) => {
+      onDrill: (drillData) => {
         if (onDrill) {
-          onDrill({
-            stableQuery,
-            stableDrillClauses
-          });
+          onDrill(drillData);
           return;
         }
+        const {
+          stableQuery
+        } = drillData;
         const rootQuery = new ASTQuery({
           query: stableQuery,
           source