@malloydata/malloy-explorer 0.0.331-dev260103000551 → 0.0.337-dev260213014950

package/dist/esm/index.js

@@ -19,7 +19,7 @@ import React__default, { useLayoutEffect, useEffect, useMemo, createContext, use
 import { Runtime, Malloy, malloyToQuery, MalloyError } from "@malloydata/malloy";
 import { malloyToQuery as malloyToQuery2, modelDefToModelInfo } from "@malloydata/malloy";
 import { ASTQuery, ASTArrowQueryDefinition, ASTArrowViewDefinition, ASTSegmentViewDefinition, ASTNestViewOperation, ASTRefinementViewDefinition, ASTFilterWithLiteralEquality, ASTAnnotation, ASTLimitViewOperation, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTCalculateViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTReferenceExpression, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation, ASTReferenceQueryArrowSource } from "@malloydata/malloy-query-builder";
-import { Tag } from "@malloydata/malloy-tag";
+import { parseTag } from "@malloydata/malloy-tag";
 import { MalloyRenderer, isCoreVizPluginInstance } from "@malloydata/render";
 import { TemporalFilterExpression, BooleanFilterExpression, NumberFilterExpression, StringFilterExpression } from "@malloydata/malloy-filter";
 import * as ReactDOM from "react-dom";
@@ -3463,7 +3463,8 @@ function MalloyExplorerProvider({
   topValues,
   onDrill,
   theme,
-  dark
+  dark,
+  onDownload
 }) {
   const rootQuery = useQueryBuilder(source, query);
   const updateQuery = useCallback(() => {
@@ -3491,6 +3492,7 @@ function MalloyExplorerProvider({
               rootQuery,
               setQuery: onQueryChange,
               onDrill,
+              onDownload,
               query
             },
             children: /* @__PURE__ */ jsx(ThemeContext.Provider, {
@@ -32322,7 +32324,7 @@ function Visualization({
 }) {
   const {
     tag
-  } = Tag.fromTagLines(annotations.map((annotation) => annotation.value));
+  } = parseTag(annotations.map((annotation) => annotation.value));
   const renderer = tagToRenderer(tag) ?? "table";
   return /* @__PURE__ */ jsx(Token, {
     label: snakeToTitle(renderer),
@@ -36166,6 +36168,9 @@ class StubConnection extends BaseConnection {
     this.name = "stub";
     this.dialectName = dialectName;
   }
+  getDigest() {
+    return "stub";
+  }
   runSQL() {
     throw new Error("Stub connection cannot run SQL.");
   }
@@ -38552,14 +38557,26 @@ async function* dataIterator(result) {
 }
 function DownloadButton({
   name = "malloy",
-  result
+  source,
+  submittedQuery
 }) {
+  var _a2;
   const [href, setHref] = useState("");
   const [fileName, setFileName] = useState("");
   const [format2, _setFormat] = useState("csv");
+  const {
+    onDownload
+  } = useContext(QueryEditorContext);
   useEffect(() => {
+    var _a3;
+    if (onDownload) return;
+    const result = (_a3 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _a3.result;
+    if (!result) {
+      setHref("");
+      return;
+    }
     const createBlob = async () => {
-      if (!(result == null ? void 0 : result.data)) {
+      if (!(submittedQuery == null ? void 0 : submittedQuery.response)) {
         setHref("");
         return;
       }
@@ -38587,7 +38604,7 @@ function DownloadButton({
       setFileName(fileName2);
     };
     void createBlob();
-  }, [name, format2, result]);
+  }, [name, format2, onDownload, submittedQuery]);
   useEffect(() => {
     return () => {
       if (href) {
@@ -38610,6 +38627,17 @@ function DownloadButton({
         children: "Download CSV"
       })]
     });
+  } else if (onDownload && ((_a2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _a2.result)) {
+    return /* @__PURE__ */ jsx(Button, {
+      onClick: () => onDownload({
+        source,
+        submittedQuery,
+        name,
+        format: "csv"
+      }),
+      icon: "download",
+      label: "Download CSV"
+    });
   } else {
     return null;
   }
@@ -38680,7 +38708,7 @@ function ResultPanel({
   submittedQuery,
   options
 }) {
-  var _a2, _b2, _c2, _d;
+  var _a2, _b2, _c2;
   const {
     theme
   } = useContext(ThemeContext);
@@ -38744,7 +38772,8 @@ function ResultPanel({
         text: clipboardText,
         label: "Copy Code"
       }), tab === Tab.RESULTS && /* @__PURE__ */ jsx(DownloadButton, {
-        result: (_b2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _b2.result
+        source,
+        submittedQuery
       })]
     }), /* @__PURE__ */ jsxs("div", {
       ...{
@@ -38794,7 +38823,7 @@ function ResultPanel({
         ...{
           className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
         },
-        children: ((_d = (_c2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _c2.result) == null ? void 0 : _d.sql) && /* @__PURE__ */ jsx(CodeBlock, {
+        children: ((_c2 = (_b2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _b2.result) == null ? void 0 : _c2.sql) && /* @__PURE__ */ jsx(CodeBlock, {
           code: submittedQuery.response.result.sql,
           language: "sql"
         })