@malloy-publisher/sdk 0.0.116 → 0.0.117

package/dist/components/Package/Connections.es.js

@@ -0,0 +1,303 @@
+import { jsxs as i, Fragment as k, jsx as e } from "react/jsx-runtime";
+import w from "../../node_modules/@mui/icons-material/esm/Search.es.js";
+import { Box as C, Typography as c, Table as A, TableBody as M, TableRow as j, TableCell as d, Snackbar as q, Dialog as F, DialogTitle as N, IconButton as R, DialogContent as B } from "@mui/material";
+import { useQueryClient as I } from "@tanstack/react-query";
+import { useState as T } from "react";
+import { useQueryWithApiError as Q, useMutationWithApiError as y } from "../../hooks/useQueryWithApiError.es.js";
+import { parseResourceUri as K, encodeResourceUri as U } from "../../utils/formatting.es.js";
+import { ApiErrorDisplay as $ } from "../ApiErrorDisplay.es.js";
+import z from "../Connections/AddConnectionDialog.es.js";
+import G from "../Connections/DeleteConnectionDialog.es.js";
+import H from "../Connections/EditConnectionDialog.es.js";
+import _ from "../Project/ConnectionExplorer.es.js";
+import { useServer as X } from "../ServerProvider.es.js";
+import { PackageCard as Y, PackageCardContent as J, PackageSectionTitle as L } from "../styles.es.js";
+function O({
+  connection: r,
+  onClick: s,
+  onEdit: m,
+  onDelete: u,
+  isMutating: o,
+  mutable: h
+}) {
+  return /* @__PURE__ */ i(
+    j,
+    {
+      sx: {
+        "&:hover": {
+          backgroundColor: "action.hover"
+        }
+      },
+      children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            sx: {
+              cursor: "pointer",
+              flexGrow: 1
+            },
+            onClick: s,
+            children: /* @__PURE__ */ i(
+              C,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1
+                },
+                children: [
+                  /* @__PURE__ */ e(c, { variant: "body2", children: r.name }),
+                  /* @__PURE__ */ e(
+                    w,
+                    {
+                      sx: {
+                        fontSize: "1rem",
+                        color: "action.active",
+                        opacity: 0.7
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(d, { sx: { minWidth: "120px" }, children: /* @__PURE__ */ e(c, { variant: "body2", children: r.type }) }),
+        h && /* @__PURE__ */ i(d, { sx: { minWidth: "120px" }, children: [
+          /* @__PURE__ */ e(
+            H,
+            {
+              connection: r,
+              onSubmit: m,
+              isSubmitting: o
+            }
+          ),
+          /* @__PURE__ */ e(
+            G,
+            {
+              connection: r,
+              onCloseDialog: () => {
+              },
+              isMutating: o,
+              onDelete: () => u(r)
+            }
+          )
+        ] })
+      ]
+    },
+    r.name
+  );
+}
+function ue({ resourceUri: r }) {
+  const { apiClients: s, mutable: m } = X(), u = I(), { projectName: o } = K(r), [h, a] = T(""), [p, f] = T(
+    null
+  ), E = U({
+    projectName: o,
+    connectionName: p
+  }), { data: l, isSuccess: x, isError: g, error: W } = Q({
+    queryKey: ["connections", o],
+    queryFn: () => s.connections.listConnections(o)
+  }), P = (n) => {
+    f(n);
+  }, b = () => {
+    f(null);
+  }, v = y({
+    mutationFn: (n) => s.projects.updateProject(o, {
+      name: o,
+      connections: [...l.data, n]
+    }),
+    onSuccess() {
+      a("Connection added successfully"), u.invalidateQueries({
+        queryKey: ["connections", o]
+      });
+    },
+    onError(n) {
+      a(n.message);
+    }
+  }), S = y({
+    mutationFn: (n) => s.projects.updateProject(o, {
+      name: o,
+      connections: l.data.map(
+        (t) => t.name === n.name ? n : t
+      )
+    }),
+    onSuccess(n, t) {
+      a(
+        `Connection ${t.name} updated successfully`
+      ), u.invalidateQueries({
+        queryKey: ["connections", o]
+      });
+    },
+    onError(n) {
+      a(n.message);
+    }
+  }), D = y({
+    mutationFn: (n) => s.projects.updateProject(o, {
+      name: o,
+      connections: l.data.filter((t) => t.name !== n.name)
+    }),
+    onSuccess(n, t) {
+      a(
+        `Connection ${t.name} deleted successfully`
+      ), u.invalidateQueries({
+        queryKey: ["connections", o]
+      });
+    },
+    onError(n) {
+      a(n.message);
+    }
+  });
+  return /* @__PURE__ */ i(k, { children: [
+    /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ i(J, { children: [
+      /* @__PURE__ */ e(L, { children: "Database Connections" }),
+      /* @__PURE__ */ i(
+        C,
+        {
+          sx: {
+            mb: 1,
+            maxHeight: "200px",
+            overflowY: "auto"
+          },
+          children: [
+            !x && !g && /* @__PURE__ */ e(c, { variant: "body2", sx: { m: "auto" }, children: "Fetching Connections..." }),
+            x && l.data.length > 0 && /* @__PURE__ */ e(
+              A,
+              {
+                size: "small",
+                sx: {
+                  borderCollapse: "collapse",
+                  "& .MuiTableRow-root": {
+                    display: "flex",
+                    width: "100%"
+                  },
+                  "& .MuiTableCell-root": {
+                    borderBottom: "1px solid #e0e0e0",
+                    display: "flex",
+                    alignItems: "center"
+                  },
+                  "& .MuiTableRow-root:last-child .MuiTableCell-root": {
+                    borderBottom: "none"
+                  }
+                },
+                children: /* @__PURE__ */ i(M, { children: [
+                  /* @__PURE__ */ i(j, { children: [
+                    /* @__PURE__ */ e(d, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                      c,
+                      {
+                        variant: "body2",
+                        fontWeight: "500",
+                        color: "text.secondary",
+                        children: "Connection Name"
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(d, { sx: { minWidth: "120px" }, children: /* @__PURE__ */ e(
+                      c,
+                      {
+                        variant: "body2",
+                        fontWeight: "500",
+                        color: "text.secondary",
+                        children: "Type"
+                      }
+                    ) }),
+                    m && /* @__PURE__ */ e(d, { sx: { minWidth: "120px" }, children: /* @__PURE__ */ e(
+                      c,
+                      {
+                        variant: "body2",
+                        fontWeight: "500",
+                        color: "text.secondary",
+                        sx: { mx: "auto" },
+                        children: "Actions"
+                      }
+                    ) })
+                  ] }),
+                  l.data.map((n) => /* @__PURE__ */ e(
+                    O,
+                    {
+                      connection: n,
+                      onClick: () => P(n.name),
+                      onEdit: (t) => S.mutateAsync(t),
+                      onDelete: (t) => D.mutateAsync(t),
+                      isMutating: S.isPending || D.isPending,
+                      mutable: m
+                    },
+                    n.name
+                  ))
+                ] })
+              }
+            ),
+            x && l.data.length === 0 && /* @__PURE__ */ e(c, { variant: "body2", children: "No Connections" }),
+            g && /* @__PURE__ */ e(
+              $,
+              {
+                error: W,
+                context: `${o} > Connections`
+              }
+            )
+          ]
+        }
+      ),
+      m && /* @__PURE__ */ e(C, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
+        z,
+        {
+          onSubmit: (n) => v.mutateAsync(n),
+          isSubmitting: v.isPending
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ e(
+      q,
+      {
+        open: h !== "",
+        autoHideDuration: 6e3,
+        onClose: () => a(""),
+        message: h
+      }
+    ),
+    /* @__PURE__ */ i(
+      F,
+      {
+        open: p !== null,
+        onClose: b,
+        maxWidth: "lg",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ i(N, { children: [
+            "Connection Explorer: ",
+            p,
+            /* @__PURE__ */ e(
+              R,
+              {
+                "aria-label": "close",
+                onClick: b,
+                sx: { position: "absolute", right: 8, top: 8 },
+                children: /* @__PURE__ */ e(
+                  C,
+                  {
+                    sx: {
+                      width: 24,
+                      height: 24,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    children: "X"
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(B, { children: p && /* @__PURE__ */ e(
+            _,
+            {
+              resourceUri: E,
+              connectionName: p
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ue as default
+};

package/dist/components/Package/Databases.es.js

@@ -0,0 +1,168 @@
+import { jsxs as r, Fragment as k, jsx as e } from "react/jsx-runtime";
+import { Box as h, Table as g, TableBody as x, TableRow as n, TableCell as t, Typography as a, Dialog as F, DialogTitle as R, IconButton as $, DialogContent as B, TableContainer as I, TableHead as W } from "@mui/material";
+import j from "../../node_modules/@mui/icons-material/esm/Search.es.js";
+import y from "react";
+import { useQueryWithApiError as E } from "../../hooks/useQueryWithApiError.es.js";
+import { ApiErrorDisplay as M } from "../ApiErrorDisplay.es.js";
+import { Loading as N } from "../Loading.es.js";
+import { PackageCard as P, PackageCardContent as q, PackageSectionTitle as A } from "../styles.es.js";
+import { parseResourceUri as H } from "../../utils/formatting.es.js";
+import { useServer as K } from "../ServerProvider.es.js";
+function Z({ resourceUri: C }) {
+  const { apiClients: T } = K(), {
+    projectName: i,
+    packageName: l,
+    versionId: p
+  } = H(C), [v, m] = y.useState(!1), [c, u] = y.useState(null), D = (o) => {
+    u(o), m(!0);
+  }, f = () => {
+    m(!1), u(null);
+  }, { data: s, isError: b, error: w, isSuccess: d } = E({
+    queryKey: ["databases", i, l, p],
+    queryFn: () => T.databases.listDatabases(
+      i,
+      l,
+      p
+    )
+  }), S = (o) => o >= 1024 * 1024 * 1024 * 1024 ? `${(o / (1024 * 1024 * 1024)).toFixed(2)} T` : o >= 1024 * 1024 * 1024 ? `${(o / (1024 * 1024 * 1024)).toFixed(2)} G` : o >= 1024 * 1024 ? `${(o / (1024 * 1024)).toFixed(2)} M` : `${(o / 1024).toFixed(2)} K`;
+  return /* @__PURE__ */ r(k, { children: [
+    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(q, { children: [
+      /* @__PURE__ */ e(A, { children: "Embedded Databases" }),
+      /* @__PURE__ */ r(
+        h,
+        {
+          sx: {
+            maxHeight: "200px",
+            overflowY: "auto"
+          },
+          children: [
+            !d && !b && /* @__PURE__ */ e(N, { text: "Fetching Databases..." }),
+            b && /* @__PURE__ */ e(
+              M,
+              {
+                error: w,
+                context: `${i} > ${l} > Databases`
+              }
+            ),
+            d && s.data.length > 0 && /* @__PURE__ */ e(
+              g,
+              {
+                size: "small",
+                sx: {
+                  borderCollapse: "collapse",
+                  "& .MuiTableCell-root": {
+                    borderBottom: "1px solid #e0e0e0"
+                  },
+                  "& .MuiTableRow-root:last-child .MuiTableCell-root": {
+                    borderBottom: "none"
+                  }
+                },
+                children: /* @__PURE__ */ r(x, { children: [
+                  /* @__PURE__ */ r(n, { children: [
+                    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+                      a,
+                      {
+                        variant: "body2",
+                        fontWeight: "500",
+                        color: "text.secondary",
+                        children: "Name"
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(t, { align: "right", children: /* @__PURE__ */ e(
+                      a,
+                      {
+                        variant: "body2",
+                        fontWeight: "500",
+                        color: "text.secondary",
+                        children: "Rows"
+                      }
+                    ) })
+                  ] }),
+                  s.data.map((o) => /* @__PURE__ */ r(
+                    n,
+                    {
+                      onClick: () => D(o),
+                      sx: {
+                        cursor: "pointer",
+                        "&:hover": {
+                          backgroundColor: "action.hover"
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ e(t, { component: "th", scope: "row", children: /* @__PURE__ */ r(
+                          h,
+                          {
+                            sx: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 1
+                            },
+                            children: [
+                              /* @__PURE__ */ e(a, { variant: "body2", children: o.path }),
+                              /* @__PURE__ */ e(
+                                j,
+                                {
+                                  sx: {
+                                    fontSize: "1rem",
+                                    color: "action.active",
+                                    opacity: 0.7
+                                  }
+                                }
+                              )
+                            ]
+                          }
+                        ) }),
+                        /* @__PURE__ */ e(t, { align: "right", children: /* @__PURE__ */ e(a, { variant: "body2", children: S(o.info.rowCount) }) })
+                      ]
+                    },
+                    o.path
+                  ))
+                ] })
+              }
+            ),
+            d && s.data.length === 0 && /* @__PURE__ */ e(a, { variant: "body2", sx: { m: "auto" }, children: "No databases found" })
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ r(F, { open: v, onClose: f, maxWidth: "sm", fullWidth: !0, children: [
+      /* @__PURE__ */ r(R, { children: [
+        c?.path,
+        /* @__PURE__ */ e(
+          $,
+          {
+            "aria-label": "close",
+            onClick: f,
+            sx: { position: "absolute", right: 8, top: 8 },
+            children: /* @__PURE__ */ e(
+              h,
+              {
+                sx: {
+                  width: 24,
+                  height: 24,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: "X"
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(B, { children: c?.info?.columns && /* @__PURE__ */ e(I, { children: /* @__PURE__ */ r(g, { size: "small", children: [
+        /* @__PURE__ */ e(W, { children: /* @__PURE__ */ r(n, { children: [
+          /* @__PURE__ */ e(t, { children: "Column" }),
+          /* @__PURE__ */ e(t, { children: "Type" })
+        ] }) }),
+        /* @__PURE__ */ e(x, { children: c.info.columns.map((o) => /* @__PURE__ */ r(n, { children: [
+          /* @__PURE__ */ e(t, { component: "th", scope: "row", children: o.name }),
+          /* @__PURE__ */ e(t, { children: o.type })
+        ] }, o.name)) })
+      ] }) }) })
+    ] })
+  ] });
+}
+export {
+  Z as default
+};

package/dist/components/Package/FileTreeView.es.js

@@ -0,0 +1,152 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import * as w from "react";
+import { unstable_useTreeItem2 as C } from "../../node_modules/@mui/x-tree-view/useTreeItem2/index.es.js";
+import x from "../../node_modules/@mui/icons-material/esm/FolderOutlined.es.js";
+import P from "../../node_modules/@mui/icons-material/esm/ArticleOutlined.es.js";
+import R from "../../node_modules/@mui/icons-material/esm/ErrorOutlined.es.js";
+import { useSpring as v, animated as V } from "@react-spring/web";
+import k from "../../node_modules/@mui/icons-material/esm/DnsOutlined.es.js";
+import A from "../../node_modules/@mui/icons-material/esm/DataArrayOutlined.es.js";
+import { Typography as E, Tooltip as L } from "@mui/material";
+import { RichTreeView as W } from "../../node_modules/@mui/x-tree-view/RichTreeView/RichTreeView.es.js";
+import { TreeItem2Provider as j } from "../../node_modules/@mui/x-tree-view/TreeItem2Provider/TreeItem2Provider.es.js";
+import { TreeItem2Root as D, TreeItem2Content as F, TreeItem2IconContainer as M, TreeItem2Label as $ } from "../../node_modules/@mui/x-tree-view/TreeItem2/TreeItem2.es.js";
+import { TreeItem2Icon as q } from "../../node_modules/@mui/x-tree-view/TreeItem2Icon/TreeItem2Icon.es.js";
+import G from "../../node_modules/@mui/material/esm/Collapse/Collapse.es.js";
+function ie({
+  items: e,
+  defaultExpandedItems: r,
+  onClickTreeNode: l
+}) {
+  return /* @__PURE__ */ n(
+    W,
+    {
+      items: H(e, l),
+      defaultExpandedItems: r,
+      slots: { item: B }
+    }
+  );
+}
+const S = V(G);
+function _(e) {
+  const r = v({
+    to: {
+      opacity: e.in ? 1 : 0,
+      transform: `translate3d(0,${e.in ? 0 : 20}px,0)`
+    }
+  });
+  return /* @__PURE__ */ n(S, { style: r, ...e });
+}
+function z({ item: e, ...r }) {
+  const l = /* @__PURE__ */ p(
+    $,
+    {
+      ...r,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        color: e.error ? "error.main" : "grey.600"
+      },
+      children: [
+        e.fileType === "directory" && /* @__PURE__ */ n(x, {}) || e.fileType === "notebook" && /* @__PURE__ */ n(P, {}) || e.fileType === "model" && /* @__PURE__ */ n(A, {}) || e.fileType == "database" && /* @__PURE__ */ n(k, {}) || /* @__PURE__ */ n(R, {}),
+        /* @__PURE__ */ n(
+          E,
+          {
+            variant: "body2",
+            sx: { marginLeft: "5px" },
+            color: e.error ? "error.main" : e.link ? "primary.main" : "grey.600",
+            children: e.label
+          }
+        )
+      ]
+    }
+  );
+  return e.error ? /* @__PURE__ */ n(L, { title: e.error, placement: "right", children: l }) : l;
+}
+const B = w.forwardRef(function(r, l) {
+  const { id: s, itemId: t, label: i, children: o, disabled: m, ...c } = r, {
+    getRootProps: u,
+    getContentProps: T,
+    getLabelProps: I,
+    getIconContainerProps: b,
+    getGroupTransitionProps: h,
+    status: f,
+    publicAPI: g
+  } = C({
+    id: s,
+    itemId: t,
+    children: o,
+    label: i,
+    disabled: m,
+    rootRef: l
+  }), a = g.getItem(t);
+  return f.selected = !1, f.focused = !1, /* @__PURE__ */ n(j, { itemId: t, children: /* @__PURE__ */ p(D, { ...u(c), children: [
+    /* @__PURE__ */ p(
+      F,
+      {
+        ...T(),
+        ...a.link && {
+          onClick: (y) => a.link(y)
+        },
+        sx: {
+          // If the item is not selectable, disable pointer events.
+          pointerEvents: !a.selectable && "none"
+        },
+        children: [
+          /* @__PURE__ */ n(M, { ...b(), children: /* @__PURE__ */ n(q, { status: f }) }),
+          /* @__PURE__ */ n(
+            z,
+            {
+              ...I({
+                item: a
+              })
+            }
+          )
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ n(_, { ...h() })
+  ] }) });
+});
+function H(e, r) {
+  const l = /* @__PURE__ */ new Map();
+  return e.map((s) => {
+    let t = l;
+    const i = s.path.split("/");
+    i.forEach((o, m) => {
+      m === i.length - 1 ? t.set(o, s) : (t.has(o) || t.set(o, /* @__PURE__ */ new Map()), t = t.get(o));
+    });
+  }), d(l, "", r);
+}
+function d(e, r, l) {
+  const s = [];
+  return e.forEach((t, i) => {
+    const o = i.endsWith(".malloy") && "model" || i.endsWith(".malloynb") && "notebook" || i.endsWith(".parquet") && "database" || "unknown";
+    if (o !== "unknown") {
+      const m = t;
+      s.push({
+        id: r + i,
+        label: i,
+        fileType: o,
+        link: o === "model" || o === "notebook" ? (c) => l(r + i, c) : void 0,
+        selectable: o === "model" || o === "notebook",
+        error: "error" in m ? m.error : void 0
+      });
+    } else
+      r += `${i}/`, s.push({
+        id: r,
+        label: i,
+        fileType: "directory",
+        selectable: !0,
+        link: void 0,
+        children: d(
+          t,
+          r,
+          l
+        )
+      });
+  }), s;
+}
+export {
+  ie as FileTreeView
+};

package/dist/components/Package/Models.es.js

@@ -0,0 +1,54 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Box as u, Typography as h } from "@mui/material";
+import { useQueryWithApiError as g } from "../../hooks/useQueryWithApiError.es.js";
+import { ApiErrorDisplay as x } from "../ApiErrorDisplay.es.js";
+import { Loading as y } from "../Loading.es.js";
+import { PackageCard as E, PackageCardContent as k, PackageSectionTitle as C } from "../styles.es.js";
+import { FileTreeView as D } from "./FileTreeView.es.js";
+import { parseResourceUri as F } from "../../utils/formatting.es.js";
+import { useServer as M } from "../ServerProvider.es.js";
+const N = ["notebooks/", "models/"];
+function w({ onClickModelFile: d, resourceUri: m }) {
+  const {
+    projectName: o,
+    packageName: r,
+    versionId: i
+  } = F(m), { apiClients: l } = M(), { data: t, isError: s, error: c, isSuccess: a } = g({
+    queryKey: ["models", o, r, i],
+    queryFn: () => l.models.listModels(o, r, i)
+  });
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ n(k, { children: [
+    /* @__PURE__ */ e(C, { children: "Semantic Models" }),
+    /* @__PURE__ */ n(
+      u,
+      {
+        sx: {
+          maxHeight: "200px",
+          overflowY: "auto"
+        },
+        children: [
+          !a && !s && /* @__PURE__ */ e(y, { text: "Fetching Models..." }),
+          s && /* @__PURE__ */ e(
+            x,
+            {
+              error: c,
+              context: `${o} > ${r} > Models`
+            }
+          ),
+          a && t.data.length > 0 && /* @__PURE__ */ e(
+            D,
+            {
+              items: t.data.sort((p, f) => p.path.localeCompare(f.path)),
+              onClickTreeNode: d,
+              defaultExpandedItems: N
+            }
+          ),
+          a && t.data.length === 0 && /* @__PURE__ */ e(h, { variant: "body2", children: "No models found" })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  w as default
+};