@malloy-publisher/sdk 0.0.92 → 0.0.93

package/dist/client/index.es529.js

@@ -1,40 +1,63 @@
-import { handleBreakpoints as P } from "./index.es526.js";
-import m from "./index.es516.js";
-function c(r, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (r && r.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((t, u) => t && t[u] ? t[u] : null, r);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, t) => n && n[t] != null ? n[t] : null, r);
-}
-function i(r, e, f, n = f) {
-  let t;
-  return typeof r == "function" ? t = r(f) : Array.isArray(r) ? t = r[f] || n : t = c(r, f) || n, e && (t = e(t, n, r)), t;
+import i from "./index.es528.js";
+import s from "./index.es619.js";
+import { handleBreakpoints as h, values as a } from "./index.es525.js";
+function r(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
 }
-function x(r) {
-  const {
-    prop: e,
-    cssProperty: f = r.prop,
-    themeKey: n,
-    transform: t
-  } = r, u = (l) => {
-    if (l[e] == null)
-      return null;
-    const d = l[e], v = l.theme, y = c(v, n) || {};
-    return P(l, d, (s) => {
-      let o = i(y, t, s);
-      return s === o && typeof s == "string" && (o = i(y, t, `${e}${s === "default" ? "" : m(s)}`, s)), f === !1 ? o : {
-        [f]: o
+const f = i({
+  prop: "width",
+  transform: r
+}), e = (t) => {
+  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
+    const m = (n) => {
+      const o = t.theme?.breakpoints?.values?.[n] || a[n];
+      return o ? t.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${o}${t.theme.breakpoints.unit}`
+      } : {
+        maxWidth: o
+      } : {
+        maxWidth: r(n)
       };
-    });
-  };
-  return u.propTypes = {}, u.filterProps = [e], u;
-}
+    };
+    return h(t, t.maxWidth, m);
+  }
+  return null;
+};
+e.filterProps = ["maxWidth"];
+const d = i({
+  prop: "minWidth",
+  transform: r
+}), p = i({
+  prop: "height",
+  transform: r
+}), x = i({
+  prop: "maxHeight",
+  transform: r
+}), c = i({
+  prop: "minHeight",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "width",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "height",
+  transform: r
+});
+const g = i({
+  prop: "boxSizing"
+});
+s(f, e, d, p, x, c, g);
 export {
-  x as default,
-  c as getPath,
-  i as getStyleValue
+  g as boxSizing,
+  p as height,
+  x as maxHeight,
+  e as maxWidth,
+  c as minHeight,
+  d as minWidth,
+  r as sizingTransform,
+  f as width
 };

package/dist/client/index.es53.js

@@ -1,8 +1,341 @@
-import { jsx as c } from "react/jsx-runtime";
-import o from "./index.es58.js";
-const e = o(/* @__PURE__ */ c("path", {
-  d: "m19.46 8 .79-1.75L22 5.46c.39-.18.39-.73 0-.91l-1.75-.79L19.46 2c-.18-.39-.73-.39-.91 0l-.79 1.75-1.76.79c-.39.18-.39.73 0 .91l1.75.79.79 1.76c.18.39.74.39.92 0M11.5 9.5 9.91 6c-.35-.78-1.47-.78-1.82 0L6.5 9.5 3 11.09c-.78.36-.78 1.47 0 1.82l3.5 1.59L8.09 18c.36.78 1.47.78 1.82 0l1.59-3.5 3.5-1.59c.78-.36.78-1.47 0-1.82zm7.04 6.5-.79 1.75-1.75.79c-.39.18-.39.73 0 .91l1.75.79.79 1.76c.18.39.73.39.91 0l.79-1.75 1.76-.79c.39-.18.39-.73 0-.91l-1.75-.79-.79-1.76c-.18-.39-.74-.39-.92 0"
-}));
+import { jsxs as r, Fragment as c, jsx as e } from "react/jsx-runtime";
+import g from "./index.es63.js";
+import ie from "./index.es61.js";
+import H from "./index.es64.js";
+import re from "./index.es42.js";
+import { Tooltip as n, IconButton as l, Box as x, Typography as s, Collapse as R, Stack as B, Dialog as ne, DialogTitle as le, DialogContent as se, DialogActions as de, Button as N } from "@mui/material";
+import ae from "./index.es65.js";
+import d, { useState as O, useEffect as ce } from "react";
+import "./index.es66.js";
+/* empty css           */
+import me from "markdown-to-jsx";
+import { highlight as ue } from "./index.es31.js";
+import { emptyQueryExplorerResult as he } from "./index.es4.js";
+import pe from "./index.es62.js";
+import { StyledCard as W } from "./index.es32.js";
+import { EditableMalloyCell as xe } from "./index.es68.js";
+function Ne({
+  cell: t,
+  expandCodeCell: A,
+  expandEmbedding: L,
+  hideEmbeddingIcons: M,
+  editingMalloy: i,
+  editingMarkdown: m,
+  sourceAndPaths: u,
+  onCellChange: C,
+  onClose: T,
+  onEdit: h,
+  onDelete: _,
+  addButtonCallback: S
+}) {
+  const [b, j] = O(t.value), [v, Q] = d.useState(A), [k, q] = d.useState(L), [V, F] = d.useState(), [J] = d.useState(), [a, G] = d.useState(
+    he()
+  ), [y, w] = d.useState(!1), [E, K] = d.useState(
+    t.sourceName ? u.findIndex(
+      (o) => o.sourceInfo.name === t.sourceName
+    ) : 0
+  );
+  ce(() => {
+    t.isMarkdown || ue(t.value, "malloy").then((o) => {
+      F(o);
+    });
+  }, [t]), d.useEffect(() => {
+    document.documentElement.setAttribute("data-color-mode", "light");
+  });
+  const [I, f] = O(!1), P = () => {
+    _(), f(!1);
+  }, U = u.length === 0, D = d.useCallback(() => {
+    const o = u[E], te = o?.modelPath || t.modelPath || "", oe = o?.sourceInfo.name || t.sourceName || "";
+    C({
+      ...t,
+      value: t.isMarkdown ? b : a.query,
+      result: a.malloyResult ? JSON.stringify(a.malloyResult) : void 0,
+      queryInfo: a.malloyQuery ? JSON.stringify(a.malloyQuery) : void 0,
+      sourceName: oe,
+      modelPath: te
+    });
+  }, [t, b, a, C, E, u]), z = /* @__PURE__ */ e(n, { title: "Delete Cell", children: /* @__PURE__ */ e(l, { size: "small", onClick: () => f(!0), children: /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14zM10 11v6M14 11v6",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  ) }) }), X = /* @__PURE__ */ r(
+    ne,
+    {
+      open: I,
+      onClose: () => f(!1),
+      children: [
+        /* @__PURE__ */ e(le, { children: "Confirm Delete" }),
+        /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(s, { children: "Are you sure you want to delete this cell?" }) }),
+        /* @__PURE__ */ r(de, { children: [
+          /* @__PURE__ */ e(N, { onClick: () => f(!1), children: "Cancel" }),
+          /* @__PURE__ */ e(N, { onClick: P, color: "error", children: "Delete" })
+        ] })
+      ]
+    }
+  ), p = () => {
+    D(), T();
+  }, Y = t.isMarkdown ? /* @__PURE__ */ r(c, { children: [
+    m ? /* @__PURE__ */ e(n, { title: "Save", children: /* @__PURE__ */ e(l, { size: "small", onClick: p, children: /* @__PURE__ */ e(g, {}) }) }) : /* @__PURE__ */ e(n, { title: "Edit", children: /* @__PURE__ */ e(l, { size: "small", onClick: h, children: /* @__PURE__ */ e(H, {}) }) }),
+    !m && z
+  ] }) : /* @__PURE__ */ r(c, { children: [
+    !i && /* @__PURE__ */ e(n, { title: v ? "Hide Code" : "View Code", children: /* @__PURE__ */ e(
+      l,
+      {
+        size: "small",
+        onClick: () => {
+          Q(!v);
+        },
+        children: /* @__PURE__ */ e(ie, {})
+      }
+    ) }),
+    !M && !i && t.result && /* @__PURE__ */ e(
+      n,
+      {
+        title: k ? "Hide Embedding" : "View Embedding",
+        children: /* @__PURE__ */ e(
+          l,
+          {
+            size: "small",
+            onClick: () => {
+              q(!k);
+            },
+            children: /* @__PURE__ */ e(re, {})
+          }
+        )
+      }
+    ),
+    i && /* @__PURE__ */ e(n, { title: "Save", children: /* @__PURE__ */ e(l, { size: "small", onClick: p, children: /* @__PURE__ */ e(g, {}) }) }),
+    !i && /* @__PURE__ */ e(n, { title: "Edit", children: /* @__PURE__ */ e(l, { size: "small", onClick: h, children: /* @__PURE__ */ e(H, {}) }) }),
+    !i && z
+  ] }), Z = i || m, $ = m ? /* @__PURE__ */ e(n, { title: "Save", children: /* @__PURE__ */ e(l, { size: "small", onClick: p, children: /* @__PURE__ */ e(g, {}) }) }) : i ? /* @__PURE__ */ e(n, { title: "Save", children: /* @__PURE__ */ e(l, { size: "small", onClick: p, children: /* @__PURE__ */ e(g, {}) }) }) : null, ee = y && /* @__PURE__ */ e(
+    x,
+    {
+      sx: {
+        position: "absolute",
+        top: "4px",
+        right: "4px",
+        // transform: "translateX(-50%)",
+        display: "flex",
+        gap: "8px",
+        backgroundColor: "background.paper",
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: "8px",
+        padding: "2px 4px",
+        boxShadow: 1,
+        zIndex: 10
+      },
+      children: !Z && /* @__PURE__ */ r(c, { children: [
+        S(!0),
+        S(!1),
+        Y
+      ] }) || $
+    }
+  );
+  return /* @__PURE__ */ r(
+    W,
+    {
+      sx: {
+        position: "relative",
+        marginTop: "5px",
+        marginBottom: "5px",
+        borderWidth: "1.5px",
+        backgroundColor: "#fff",
+        minHeight: "50px"
+      },
+      onMouseEnter: () => w(!0),
+      onMouseLeave: () => {
+        w(!1);
+      },
+      children: [
+        ee,
+        t.isMarkdown ? /* @__PURE__ */ e(c, { children: m ? /* @__PURE__ */ e(
+          ae,
+          {
+            value: b,
+            preview: "edit",
+            autoFocus: !0,
+            onChange: (o) => {
+              j(o), C({ ...t, value: o });
+            },
+            onBlur: () => {
+              D(), y || p();
+            }
+          }
+        ) : /* @__PURE__ */ e(
+          x,
+          {
+            sx: {
+              px: 0.5,
+              pt: 0,
+              mt: 0,
+              "& h1, & h2, & h3, & h4, & h5, & h6": {
+                mt: 0.5,
+                mb: 0.5
+              },
+              "& p": { mt: 0.5, mb: 0.5 },
+              "& ul, & ol": { mt: 0.5, mb: 0.5 },
+              "& li": { mt: 0, mb: 0 },
+              "& pre, & code": { mt: 0.5, mb: 0.5 },
+              "& blockquote": { mt: 0.5, mb: 0.5 }
+            },
+            children: t.value ? /* @__PURE__ */ e(x, { onClick: h, sx: { cursor: "pointer" }, children: /* @__PURE__ */ e(me, { children: t.value }) }) : /* @__PURE__ */ r(x, { onClick: h, sx: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ e(
+                s,
+                {
+                  sx: {
+                    p: 2,
+                    textAlign: "center",
+                    variant: "subtitle2",
+                    fontWeight: "medium"
+                  },
+                  children: "Markdown is empty"
+                }
+              ),
+              /* @__PURE__ */ e(
+                s,
+                {
+                  sx: {
+                    mb: 2,
+                    textAlign: "center",
+                    variant: "body2"
+                  },
+                  children: "Click to edit."
+                }
+              )
+            ] })
+          }
+        ) }) : /* @__PURE__ */ r(c, { children: [
+          /* @__PURE__ */ e(R, { in: k, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ e(
+            B,
+            {
+              sx: {
+                p: "10px",
+                borderRadius: 0,
+                flexDirection: "row",
+                justifyContent: "space-between"
+              },
+              children: /* @__PURE__ */ e(
+                s,
+                {
+                  component: "div",
+                  sx: {
+                    fontSize: "12px",
+                    "& .line": { textWrap: "wrap" }
+                  },
+                  dangerouslySetInnerHTML: {
+                    __html: J
+                  }
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e(R, { in: v, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ e(
+            B,
+            {
+              sx: {
+                p: "10px",
+                borderRadius: 0,
+                flexDirection: "row",
+                justifyContent: "space-between"
+              },
+              children: /* @__PURE__ */ e(
+                s,
+                {
+                  component: "div",
+                  className: "content",
+                  sx: {
+                    fontSize: "12px",
+                    "& .line": { textWrap: "wrap" }
+                  },
+                  dangerouslySetInnerHTML: {
+                    __html: V
+                  }
+                }
+              )
+            }
+          ) }),
+          i && (U ? /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(
+              s,
+              {
+                sx: {
+                  p: 2,
+                  textAlign: "center",
+                  variant: "subtitle2",
+                  fontWeight: "medium"
+                },
+                children: "No Model Imports"
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                sx: { mb: 2, textAlign: "center", variant: "body2" },
+                children: "Please add a model import above."
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            xe,
+            {
+              sourceAndPaths: u,
+              onQueryChange: (o) => {
+                G(o);
+              },
+              cell: t,
+              onSourceChange: K
+            }
+          )),
+          !i && t.result && /* @__PURE__ */ e(W, { variant: "outlined", sx: { borderRadius: 0 }, children: /* @__PURE__ */ e(
+            pe,
+            {
+              result: t.result,
+              minHeight: 300,
+              maxHeight: 800
+            }
+          ) }),
+          !i && !t.result && /* @__PURE__ */ r(x, { onClick: h, sx: { cursor: "pointer" }, children: [
+            /* @__PURE__ */ e(
+              s,
+              {
+                sx: {
+                  p: 2,
+                  textAlign: "center",
+                  variant: "subtitle2",
+                  fontWeight: "medium"
+                },
+                children: "Explore is empty"
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                sx: { mb: 2, textAlign: "center", variant: "body2" },
+                children: "Click to edit."
+              }
+            )
+          ] })
+        ] }),
+        I && X
+      ]
+    }
+  );
+}
 export {
-  e as default
+  Ne as MutableCell
 };

package/dist/client/index.es530.js

@@ -1,63 +1,71 @@
-import i from "./index.es529.js";
-import s from "./index.es622.js";
-import { handleBreakpoints as h, values as a } from "./index.es526.js";
-function r(t) {
-  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
-}
-const f = i({
-  prop: "width",
-  transform: r
-}), e = (t) => {
-  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
-    const m = (n) => {
-      const o = t.theme?.breakpoints?.values?.[n] || a[n];
-      return o ? t.theme?.breakpoints?.unit !== "px" ? {
-        maxWidth: `${o}${t.theme.breakpoints.unit}`
-      } : {
-        maxWidth: o
-      } : {
-        maxWidth: r(n)
-      };
-    };
-    return h(t, t.maxWidth, m);
+import r from "./index.es528.js";
+import u from "./index.es619.js";
+import { createUnaryUnit as l, getValue as p } from "./index.es109.js";
+import { handleBreakpoints as a } from "./index.es525.js";
+const i = (o) => {
+  if (o.gap !== void 0 && o.gap !== null) {
+    const t = l(o.theme, "spacing", 8), e = (n) => ({
+      gap: p(t, n)
+    });
+    return a(o, o.gap, e);
   }
   return null;
 };
-e.filterProps = ["maxWidth"];
-const d = i({
-  prop: "minWidth",
-  transform: r
-}), p = i({
-  prop: "height",
-  transform: r
-}), x = i({
-  prop: "maxHeight",
-  transform: r
-}), c = i({
-  prop: "minHeight",
-  transform: r
-});
-i({
-  prop: "size",
-  cssProperty: "width",
-  transform: r
-});
-i({
-  prop: "size",
-  cssProperty: "height",
-  transform: r
-});
-const g = i({
-  prop: "boxSizing"
+i.propTypes = {};
+i.filterProps = ["gap"];
+const m = (o) => {
+  if (o.columnGap !== void 0 && o.columnGap !== null) {
+    const t = l(o.theme, "spacing", 8), e = (n) => ({
+      columnGap: p(t, n)
+    });
+    return a(o, o.columnGap, e);
+  }
+  return null;
+};
+m.propTypes = {};
+m.filterProps = ["columnGap"];
+const s = (o) => {
+  if (o.rowGap !== void 0 && o.rowGap !== null) {
+    const t = l(o.theme, "spacing", 8), e = (n) => ({
+      rowGap: p(t, n)
+    });
+    return a(o, o.rowGap, e);
+  }
+  return null;
+};
+s.propTypes = {};
+s.filterProps = ["rowGap"];
+const c = r({
+  prop: "gridColumn"
+}), g = r({
+  prop: "gridRow"
+}), d = r({
+  prop: "gridAutoFlow"
+}), w = r({
+  prop: "gridAutoColumns"
+}), f = r({
+  prop: "gridAutoRows"
+}), G = r({
+  prop: "gridTemplateColumns"
+}), A = r({
+  prop: "gridTemplateRows"
+}), T = r({
+  prop: "gridTemplateAreas"
+}), y = r({
+  prop: "gridArea"
 });
-s(f, e, d, p, x, c, g);
+u(i, m, s, c, g, d, w, f, G, A, T, y);
 export {
-  g as boxSizing,
-  p as height,
-  x as maxHeight,
-  e as maxWidth,
-  c as minHeight,
-  d as minWidth,
-  r as sizingTransform,
-  f as width
+  m as columnGap,
+  i as gap,
+  y as gridArea,
+  w as gridAutoColumns,
+  d as gridAutoFlow,
+  f as gridAutoRows,
+  c as gridColumn,
+  g as gridRow,
+  T as gridTemplateAreas,
+  G as gridTemplateColumns,
+  A as gridTemplateRows,
+  s as rowGap
 };

package/dist/client/index.es531.js

@@ -1,71 +1,26 @@
-import r from "./index.es529.js";
-import u from "./index.es622.js";
-import { createUnaryUnit as l, getValue as p } from "./index.es109.js";
-import { handleBreakpoints as a } from "./index.es526.js";
-const i = (o) => {
-  if (o.gap !== void 0 && o.gap !== null) {
-    const t = l(o.theme, "spacing", 8), e = (n) => ({
-      gap: p(t, n)
-    });
-    return a(o, o.gap, e);
-  }
-  return null;
-};
-i.propTypes = {};
-i.filterProps = ["gap"];
-const m = (o) => {
-  if (o.columnGap !== void 0 && o.columnGap !== null) {
-    const t = l(o.theme, "spacing", 8), e = (n) => ({
-      columnGap: p(t, n)
-    });
-    return a(o, o.columnGap, e);
-  }
-  return null;
-};
-m.propTypes = {};
-m.filterProps = ["columnGap"];
-const s = (o) => {
-  if (o.rowGap !== void 0 && o.rowGap !== null) {
-    const t = l(o.theme, "spacing", 8), e = (n) => ({
-      rowGap: p(t, n)
-    });
-    return a(o, o.rowGap, e);
-  }
-  return null;
-};
-s.propTypes = {};
-s.filterProps = ["rowGap"];
-const c = r({
-  prop: "gridColumn"
-}), g = r({
-  prop: "gridRow"
-}), d = r({
-  prop: "gridAutoFlow"
-}), w = r({
-  prop: "gridAutoColumns"
-}), f = r({
-  prop: "gridAutoRows"
-}), G = r({
-  prop: "gridTemplateColumns"
-}), A = r({
-  prop: "gridTemplateRows"
-}), T = r({
-  prop: "gridTemplateAreas"
-}), y = r({
-  prop: "gridArea"
+import o from "./index.es528.js";
+import p from "./index.es619.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
+}
+const n = o({
+  prop: "color",
+  themeKey: "palette",
+  transform: r
+}), c = o({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+}), m = o({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: r
 });
-u(i, m, s, c, g, d, w, f, G, A, T, y);
+p(n, c, m);
 export {
-  m as columnGap,
-  i as gap,
-  y as gridArea,
-  w as gridAutoColumns,
-  d as gridAutoFlow,
-  f as gridAutoRows,
-  c as gridColumn,
-  g as gridRow,
-  T as gridTemplateAreas,
-  G as gridTemplateColumns,
-  A as gridTemplateRows,
-  s as rowGap
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };