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

package/dist/esm/index.js

@@ -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, {
@@ -38552,14 +38554,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 +38601,7 @@ function DownloadButton({
       setFileName(fileName2);
     };
     void createBlob();
-  }, [name, format2, result]);
+  }, [name, format2, onDownload, submittedQuery]);
   useEffect(() => {
     return () => {
       if (href) {
@@ -38610,6 +38624,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 +38705,7 @@ function ResultPanel({
   submittedQuery,
   options
 }) {
-  var _a2, _b2, _c2, _d;
+  var _a2, _b2, _c2;
   const {
     theme
   } = useContext(ThemeContext);
@@ -38744,7 +38769,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 +38820,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"
         })