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

package/dist/cjs/index.cjs

@@ -26118,6 +26118,85 @@ const styles$s = {
     $$css: true
   }
 };
+function LiteralValue({
+  value,
+  customStyle
+}) {
+  if (!value) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+      label: "∅"
+    });
+  }
+  switch (value.kind) {
+    case "boolean_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: value.boolean_value ? "true" : "false",
+        customStyle
+      });
+    case "date_literal":
+    case "timestamp_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: "TODO",
+        customStyle
+      });
+    case "null_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: "∅"
+      });
+    case "number_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: value.number_value.toLocaleString(),
+        customStyle
+      });
+    case "string_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: value.string_value,
+        customStyle
+      });
+    case "filter_expression_literal":
+      return /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        label: value.filter_expression_value,
+        customStyle
+      });
+  }
+}
+function DrillOperations({
+  drills
+}) {
+  if (!drills.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+      ..._stylex.props(styles$s.title),
+      children: "drills"
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ...{
+        className: "mly78zum5 mlydt5ytf mly1jnr06f"
+      },
+      children: drills.map((drill, key2) => /* @__PURE__ */ jsxRuntime.jsxs(TokenGroup, {
+        color: "cyan",
+        customStyle: localStyles.tokenGroup,
+        children: [/* @__PURE__ */ jsxRuntime.jsx(Token, {
+          label: drill.filter.fieldReference.name,
+          icon: "filter"
+        }), /* @__PURE__ */ jsxRuntime.jsx(Token, {
+          label: "="
+        }), drill.filter instanceof QB.ASTFilterWithLiteralEquality ? /* @__PURE__ */ jsxRuntime.jsx(LiteralValue, {
+          value: drill.filter.value.node
+        }) : /* @__PURE__ */ jsxRuntime.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];
@@ -34414,6 +34493,7 @@ function Operations({
 }) {
   const groupBys = [];
   const aggregates = [];
+  const drills = [];
   const filters = [];
   const orderBys = [];
   const nests = [];
@@ -34435,8 +34515,9 @@ function Operations({
       orderBys.push(operation);
     } else if (operation instanceof QB.ASTNestViewOperation) {
       nests.push(operation);
-    } else if (operation instanceof QB.ASTDrillViewOperation) ;
-    else {
+    } else if (operation instanceof QB.ASTDrillViewOperation) {
+      drills.push(operation);
+    } else {
       limit = operation;
     }
   });
@@ -34454,6 +34535,9 @@ function Operations({
       segment,
       view,
       aggregates
+    }), /* @__PURE__ */ jsxRuntime.jsx(DrillOperations, {
+      rootQuery,
+      drills
     }), /* @__PURE__ */ jsxRuntime.jsx(FilterOperations, {
       rootQuery,
       filters
@@ -35476,6 +35560,7 @@ const styles$5 = {
   }
 };
 function ResultDisplay({
+  source,
   query
 }) {
   let displayComponent;
@@ -35509,6 +35594,7 @@ function ResultDisplay({
       break;
     case "finished":
       displayComponent = /* @__PURE__ */ jsxRuntime.jsx(ResponseDisplay, {
+        source,
         response: query.response
       });
       break;
@@ -35516,6 +35602,7 @@ function ResultDisplay({
   return displayComponent;
 }
 function ResponseDisplay({
+  source,
   response
 }) {
   let messageComponent = null;
@@ -35541,7 +35628,8 @@ function ResponseDisplay({
     children: [(response == null ? void 0 : response.runInfo) && /* @__PURE__ */ jsxRuntime.jsx(RunInfoHover, {
       runInfo: response.runInfo
     }), messageComponent, (response == null ? void 0 : response.result) && /* @__PURE__ */ jsxRuntime.jsx(RenderedResult, {
-      result: response.result
+      result: response.result,
+      source
     })]
   });
 }
@@ -35584,14 +35672,30 @@ function Banners({
   });
 }
 function RenderedResult({
-  result
+  result,
+  source
 }) {
   const [renderer, setRenderer] = React.useState();
+  const {
+    setQuery
+  } = React.useContext(QueryEditorContext);
   React.useEffect(() => {
     const renderer2 = document.createElement("malloy-render");
     renderer2.malloyResult = result;
+    renderer2.onDrill = ({
+      stableQuery
+    }) => {
+      const rootQuery = new QB.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__ */ jsxRuntime.jsx(DOMElement, {
       element: renderer,
@@ -35831,6 +35935,7 @@ function ResultPanel({
               })]
             })]
           }), /* @__PURE__ */ jsxRuntime.jsx(ResultDisplay, {
+            source,
             query: submittedQuery
           })]
         })