@malloydata/malloy-explorer 0.0.282-dev250527225235 → 0.0.282-dev250528154617

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, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTLimitViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation } from "@malloydata/malloy-query-builder";
+import { ASTArrowQueryDefinition, ASTArrowViewDefinition, ASTSegmentViewDefinition, ASTNestViewOperation, ASTRefinementViewDefinition, ASTFilterWithLiteralEquality, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTLimitViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation, ASTQuery } from "@malloydata/malloy-query-builder";
 import { Tag } from "@malloydata/malloy-tag";
 import { TemporalFilterExpression, BooleanFilterExpression, NumberFilterExpression, StringFilterExpression } from "@malloydata/malloy-filter";
 import "@malloydata/render/webcomponent";
@@ -26100,6 +26100,85 @@ const styles$s = {
     $$css: true
   }
 };
+function LiteralValue({
+  value,
+  customStyle
+}) {
+  if (!value) {
+    return /* @__PURE__ */ jsx(Token, {
+      label: "∅"
+    });
+  }
+  switch (value.kind) {
+    case "boolean_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: value.boolean_value ? "true" : "false",
+        customStyle
+      });
+    case "date_literal":
+    case "timestamp_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: "TODO",
+        customStyle
+      });
+    case "null_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: "∅"
+      });
+    case "number_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: value.number_value.toLocaleString(),
+        customStyle
+      });
+    case "string_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: value.string_value,
+        customStyle
+      });
+    case "filter_expression_literal":
+      return /* @__PURE__ */ jsx(Token, {
+        label: value.filter_expression_value,
+        customStyle
+      });
+  }
+}
+function DrillOperations({
+  drills
+}) {
+  if (!drills.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    children: [/* @__PURE__ */ jsx("div", {
+      ..._stylex.props(styles$s.title),
+      children: "drills"
+    }), /* @__PURE__ */ jsx("div", {
+      ...{
+        className: "mly78zum5 mlydt5ytf mly1jnr06f"
+      },
+      children: drills.map((drill, key2) => /* @__PURE__ */ jsxs(TokenGroup, {
+        color: "cyan",
+        customStyle: localStyles.tokenGroup,
+        children: [/* @__PURE__ */ jsx(Token, {
+          label: drill.filter.fieldReference.name,
+          icon: "filter"
+        }), /* @__PURE__ */ jsx(Token, {
+          label: "="
+        }), drill.filter instanceof ASTFilterWithLiteralEquality ? /* @__PURE__ */ jsx(LiteralValue, {
+          value: drill.filter.value.node
+        }) : /* @__PURE__ */ jsx(Token, {
+          label: drill.filter.filterString
+        })]
+      }, key2))
+    })]
+  });
+}
+const localStyles = {
+  tokenGroup: {
+    display: "mly78zum5",
+    $$css: true
+  }
+};
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
@@ -34396,6 +34475,7 @@ function Operations({
 }) {
   const groupBys = [];
   const aggregates = [];
+  const drills = [];
   const filters = [];
   const orderBys = [];
   const nests = [];
@@ -34417,8 +34497,9 @@ function Operations({
       orderBys.push(operation);
     } else if (operation instanceof ASTNestViewOperation) {
       nests.push(operation);
-    } else if (operation instanceof ASTDrillViewOperation) ;
-    else {
+    } else if (operation instanceof ASTDrillViewOperation) {
+      drills.push(operation);
+    } else {
       limit = operation;
     }
   });
@@ -34436,6 +34517,9 @@ function Operations({
       segment,
       view,
       aggregates
+    }), /* @__PURE__ */ jsx(DrillOperations, {
+      rootQuery,
+      drills
     }), /* @__PURE__ */ jsx(FilterOperations, {
       rootQuery,
       filters
@@ -35458,6 +35542,7 @@ const styles$5 = {
   }
 };
 function ResultDisplay({
+  source,
   query
 }) {
   let displayComponent;
@@ -35491,6 +35576,7 @@ function ResultDisplay({
       break;
     case "finished":
       displayComponent = /* @__PURE__ */ jsx(ResponseDisplay, {
+        source,
         response: query.response
       });
       break;
@@ -35498,6 +35584,7 @@ function ResultDisplay({
   return displayComponent;
 }
 function ResponseDisplay({
+  source,
   response
 }) {
   let messageComponent = null;
@@ -35523,7 +35610,8 @@ function ResponseDisplay({
     children: [(response == null ? void 0 : response.runInfo) && /* @__PURE__ */ jsx(RunInfoHover, {
       runInfo: response.runInfo
     }), messageComponent, (response == null ? void 0 : response.result) && /* @__PURE__ */ jsx(RenderedResult, {
-      result: response.result
+      result: response.result,
+      source
     })]
   });
 }
@@ -35566,14 +35654,30 @@ function Banners({
   });
 }
 function RenderedResult({
-  result
+  result,
+  source
 }) {
   const [renderer, setRenderer] = useState();
+  const {
+    setQuery
+  } = useContext(QueryEditorContext);
   useEffect(() => {
     const renderer2 = document.createElement("malloy-render");
     renderer2.malloyResult = result;
+    renderer2.onDrill = ({
+      stableQuery
+    }) => {
+      const rootQuery = new ASTQuery({
+        query: stableQuery,
+        source
+      });
+      setQuery == null ? void 0 : setQuery(rootQuery.build());
+    };
+    renderer2.tableConfig = {
+      enableDrill: true
+    };
     setRenderer(renderer2);
-  }, [result]);
+  }, [result, source, setQuery]);
   if (renderer) {
     return /* @__PURE__ */ jsx(DOMElement, {
       element: renderer,
@@ -35813,6 +35917,7 @@ function ResultPanel({
               })]
             })]
           }), /* @__PURE__ */ jsx(ResultDisplay, {
+            source,
             query: submittedQuery
           })]
         })