@malloydata/malloy-explorer 0.0.331-dev251231221803 → 0.0.331-dev260122023015

package/@flowtypes/components/MalloyExplorerProvider.flow.js

@@ -3,6 +3,13 @@ import * as Malloy from "@malloydata/malloy-interfaces";
 import type { DrillData } from "@malloydata/render";
 import { SearchValueMapResult } from "../hooks/useTopValues";
 import { ColorTheme } from "./primitives/colors.stylex";
+import { SubmittedQuery } from "./ResultPanel/SubmittedQuery";
+declare export interface MalloyExplorerDownloadProps {
+  source: Malloy.SourceInfo;
+  submittedQuery: SubmittedQuery;
+  name: string;
+  format: "json" | "csv";
+}
 declare export interface MalloyExplorerProviderProps {
   source: Malloy.SourceInfo;
   query?: Malloy.Query | string;
@@ -14,6 +21,7 @@ declare export interface MalloyExplorerProviderProps {
   onDrill?: ($$param0$: DrillData) => void;
   theme?: ColorTheme;
   dark?: boolean;
+  onDownload?: ($$param0$: MalloyExplorerDownloadProps) => void;
 }
 declare export function MalloyExplorerProvider(
   $$param0$: MalloyExplorerProviderProps,

package/dist/cjs/index.cjs

@@ -3480,7 +3480,8 @@ function MalloyExplorerProvider({
   topValues,
   onDrill,
   theme,
-  dark
+  dark,
+  onDownload
 }) {
   const rootQuery = useQueryBuilder(source, query);
   const updateQuery = React.useCallback(() => {
@@ -3508,6 +3509,7 @@ function MalloyExplorerProvider({
               rootQuery,
               setQuery: onQueryChange,
               onDrill,
+              onDownload,
               query
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, {
@@ -38569,14 +38571,26 @@ async function* dataIterator(result) {
 }
 function DownloadButton({
   name = "malloy",
-  result
+  source,
+  submittedQuery
 }) {
+  var _a2;
   const [href, setHref] = React.useState("");
   const [fileName, setFileName] = React.useState("");
   const [format2, _setFormat] = React.useState("csv");
+  const {
+    onDownload
+  } = React.useContext(QueryEditorContext);
   React.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;
       }
@@ -38604,7 +38618,7 @@ function DownloadButton({
       setFileName(fileName2);
     };
     void createBlob();
-  }, [name, format2, result]);
+  }, [name, format2, onDownload, submittedQuery]);
   React.useEffect(() => {
     return () => {
       if (href) {
@@ -38627,6 +38641,17 @@ function DownloadButton({
         children: "Download CSV"
       })]
     });
+  } else if (onDownload && ((_a2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _a2.result)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Button, {
+      onClick: () => onDownload({
+        source,
+        submittedQuery,
+        name,
+        format: "csv"
+      }),
+      icon: "download",
+      label: "Download CSV"
+    });
   } else {
     return null;
   }
@@ -38697,7 +38722,7 @@ function ResultPanel({
   submittedQuery,
   options
 }) {
-  var _a2, _b2, _c2, _d;
+  var _a2, _b2, _c2;
   const {
     theme
   } = React.useContext(ThemeContext);
@@ -38761,7 +38786,8 @@ function ResultPanel({
         text: clipboardText,
         label: "Copy Code"
       }), tab === Tab.RESULTS && /* @__PURE__ */ jsxRuntime.jsx(DownloadButton, {
-        result: (_b2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _b2.result
+        source,
+        submittedQuery
       })]
     }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
       ...{
@@ -38811,7 +38837,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__ */ jsxRuntime.jsx(CodeBlock, {
+        children: ((_c2 = (_b2 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _b2.result) == null ? void 0 : _c2.sql) && /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, {
           code: submittedQuery.response.result.sql,
           language: "sql"
         })