@malloy-publisher/sdk 0.0.90 → 0.0.92

package/dist/client/index.es50.js

@@ -1,152 +1,117 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import * as C from "react";
-import { unstable_useTreeItem2 as w } from "./index.es73.js";
-import x from "./index.es74.js";
-import P from "./index.es75.js";
-import R from "./index.es71.js";
-import { animated as k, useSpring as v } from "@react-spring/web";
-import V from "./index.es76.js";
-import A from "./index.es77.js";
-import { Typography as E, Tooltip as L } from "@mui/material";
-import W from "./index.es78.js";
-import { TreeItem2Provider as j } from "./index.es79.js";
-import { TreeItem2Root as D, TreeItem2Content as F, TreeItem2IconContainer as M, TreeItem2Label as $ } from "./index.es80.js";
-import { TreeItem2Icon as q } from "./index.es81.js";
-import { RichTreeView as G } from "./index.es82.js";
-function ie({
-  items: e,
-  defaultExpandedItems: o,
-  navigate: l
+import { jsx as c } from "react/jsx-runtime";
+import { Suspense as w, useRef as b, useState as v, useLayoutEffect as R, useEffect as C } from "react";
+const p = async (e) => {
+  if (typeof window > "u")
+    throw new Error("MalloyRenderer can only be used in browser environment");
+  const { MalloyRenderer: u } = await import("@malloydata/render");
+  return new u({
+    onClick: e
+  }).createViz();
+};
+function x({
+  result: e,
+  height: u,
+  isFillElement: s,
+  onSizeChange: a,
+  onDrill: h
 }) {
-  return /* @__PURE__ */ n(
-    G,
+  const d = b(null), [y, l] = v(!1);
+  return R(() => {
+    if (!d.current || !e) return;
+    let t = !0;
+    const r = d.current;
+    for (; r.firstChild; )
+      r.removeChild(r.firstChild);
+    return p(h).then((i) => {
+      if (!t) return;
+      const n = new MutationObserver((o) => {
+        for (const f of o)
+          if (f.type === "childList" && f.addedNodes.length > 0 && Array.from(f.addedNodes).some(
+            (g) => g.nodeType === Node.ELEMENT_NODE
+          )) {
+            n.disconnect(), setTimeout(() => {
+              t && l(!0);
+            }, 50);
+            break;
+          }
+      });
+      n.observe(r, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      });
+      try {
+        i.setResult(JSON.parse(e)), i.render(r);
+      } catch (o) {
+        console.error("Error rendering visualization:", o), n.disconnect(), t && l(!0);
+      }
+    }).catch((i) => {
+      console.error("Failed to create renderer:", i), t && l(!0);
+    }), () => {
+      t = !1;
+    };
+  }, [e, h]), C(() => {
+    if (!d.current || !y) return;
+    const t = d.current, r = () => {
+      if (t) {
+        const o = t.offsetHeight;
+        o > 0 ? a && a(o) : s && t.firstChild && (t.firstChild.offsetHeight == 0 ? s(!0) : s(!1));
+      }
+    }, i = setTimeout(r, 100);
+    let n = null;
+    return n = new MutationObserver(r), n.observe(t, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      clearTimeout(i), n?.disconnect();
+    };
+  }, [a, e, s, y]), /* @__PURE__ */ c(
+    "div",
     {
-      items: H(e, l),
-      defaultExpandedItems: o,
-      slots: { item: B }
+      ref: d,
+      style: {
+        width: "100%",
+        height: u ? `${u}px` : "100%"
+      }
     }
   );
 }
-const S = k(W);
-function _(e) {
-  const o = v({
-    to: {
-      opacity: e.in ? 1 : 0,
-      transform: `translate3d(0,${e.in ? 0 : 20}px,0)`
-    }
-  });
-  return /* @__PURE__ */ n(S, { style: o, ...e });
-}
-function z({ item: e, ...o }) {
-  const l = /* @__PURE__ */ d(
-    $,
+function N(e) {
+  return typeof window > "u" ? /* @__PURE__ */ c(
+    "div",
     {
-      ...o,
-      sx: {
+      style: {
+        width: "100%",
+        height: e.height ? `${e.height}px` : "100%",
         display: "flex",
         alignItems: "center",
-        color: e.error ? "error.main" : "grey.600"
+        justifyContent: "center",
+        color: "#666"
       },
-      children: [
-        e.fileType === "directory" && /* @__PURE__ */ n(x, {}) || e.fileType === "notebook" && /* @__PURE__ */ n(P, {}) || e.fileType === "model" && /* @__PURE__ */ n(A, {}) || e.fileType == "database" && /* @__PURE__ */ n(V, {}) || /* @__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
-          }
-        )
-      ]
+      children: "Loading..."
+    }
+  ) : /* @__PURE__ */ c(
+    w,
+    {
+      fallback: /* @__PURE__ */ c(
+        "div",
+        {
+          style: {
+            width: "100%",
+            height: e.height ? `${e.height}px` : "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "#666"
+          },
+          children: "Loading visualization..."
+        }
+      ),
+      children: /* @__PURE__ */ c(x, { ...e })
     }
   );
-  return e.error ? /* @__PURE__ */ n(L, { title: e.error, placement: "right", children: l }) : l;
-}
-const B = C.forwardRef(function(o, l) {
-  const { id: s, itemId: t, label: i, children: r, disabled: m, ...a } = o, {
-    getRootProps: u,
-    getContentProps: T,
-    getLabelProps: I,
-    getIconContainerProps: b,
-    getGroupTransitionProps: h,
-    status: f,
-    publicAPI: g
-  } = w({
-    id: s,
-    itemId: t,
-    children: r,
-    label: i,
-    disabled: m,
-    rootRef: l
-  }), c = g.getItem(t);
-  return f.selected = !1, f.focused = !1, /* @__PURE__ */ n(j, { itemId: t, children: /* @__PURE__ */ d(D, { ...u(a), children: [
-    /* @__PURE__ */ d(
-      F,
-      {
-        ...T(),
-        ...c.link && {
-          onClick: (y) => c.link(y)
-        },
-        sx: {
-          // If the item is not selectable, disable pointer events.
-          pointerEvents: !c.selectable && "none"
-        },
-        children: [
-          /* @__PURE__ */ n(M, { ...b(), children: /* @__PURE__ */ n(q, { status: f }) }),
-          /* @__PURE__ */ n(
-            z,
-            {
-              ...I({
-                item: c
-              })
-            }
-          )
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ n(_, { ...h() })
-  ] }) });
-});
-function H(e, o) {
-  const l = /* @__PURE__ */ new Map();
-  return e.map((s) => {
-    let t = l;
-    const i = s.path.split("/");
-    i.forEach((r, m) => {
-      m === i.length - 1 ? t.set(r, s) : (t.has(r) || t.set(r, /* @__PURE__ */ new Map()), t = t.get(r));
-    });
-  }), p(l, "", o);
-}
-function p(e, o, l) {
-  const s = [];
-  return e.forEach((t, i) => {
-    const r = i.endsWith(".malloy") && "model" || i.endsWith(".malloynb") && "notebook" || i.endsWith(".parquet") && "database" || "unknown";
-    if (r !== "unknown") {
-      const m = t;
-      s.push({
-        id: o + i,
-        label: i,
-        fileType: r,
-        link: r === "model" || r === "notebook" ? (a) => l(o + i, a) : void 0,
-        selectable: r === "model" || r === "notebook",
-        error: "error" in m ? m.error : void 0
-      });
-    } else
-      o += `${i}/`, s.push({
-        id: o,
-        label: i,
-        fileType: "directory",
-        selectable: !0,
-        link: void 0,
-        children: p(
-          t,
-          o,
-          l
-        )
-      });
-  }), s;
 }
 export {
-  ie as FileTreeView
+  N as default
 };

package/dist/client/index.es500.js

@@ -1,4 +1,4 @@
-import { clsx as y } from "./index.es472.js";
+import { clsx as y } from "./index.es438.js";
 function r(t, o, n = !1) {
   const e = {
     ...o

package/dist/client/index.es501.js

@@ -1,5 +1,5 @@
 import s from "@emotion/styled";
-import { serializeStyles as o } from "./index.es570.js";
+import { serializeStyles as o } from "./index.es573.js";
 import { ThemeContext as c, css as u, keyframes as p } from "@emotion/react";
 function y(e, t) {
   return s(e, t);

package/dist/client/index.es503.js

@@ -1,13 +1,13 @@
-import a from "./index.es408.js";
-import R from "./index.es409.js";
+import a from "./index.es409.js";
+import R from "./index.es408.js";
 import n, { useImperativeHandle as _ } from "react";
-import { remarkAlert as H } from "./index.es544.js";
-import { useCopied as N } from "./index.es545.js";
+import { remarkAlert as H } from "./index.es554.js";
+import { useCopied as N } from "./index.es555.js";
 /* empty css            */
 import { jsx as p } from "react/jsx-runtime";
-import T from "./index.es547.js";
-import { Markdown as b } from "./index.es548.js";
-import O from "./index.es549.js";
+import T from "./index.es557.js";
+import { Markdown as b } from "./index.es558.js";
+import O from "./index.es559.js";
 var S = ["prefixCls", "className", "source", "style", "disableCopy", "skipHtml", "onScroll", "onMouseOver", "pluginsFilter", "rehypeRewrite", "wrapperElement", "warpperElement", "urlTransform"], j = (r) => r;
 const B = /* @__PURE__ */ n.forwardRef((r, u) => {
   var {

package/dist/client/index.es504.js

@@ -1,5 +1,5 @@
-import { selectAll as o } from "./index.es550.js";
-import { visit as s } from "./index.es551.js";
+import { selectAll as o } from "./index.es560.js";
+import { visit as s } from "./index.es561.js";
 const a = (i = [], r = "") => (i.forEach((t) => {
   t.type === "text" ? r += t.value : t.type === "element" && t.children && Array.isArray(t.children) && (r += a(t.children));
 }), r), m = (i) => {

package/dist/client/index.es505.js

@@ -1,5 +1,5 @@
-import { prevChild as f, getCommentObject as p, propertiesHandle as a, nextChild as y } from "./index.es552.js";
-import { visit as d } from "./index.es551.js";
+import { prevChild as f, getCommentObject as p, propertiesHandle as a, nextChild as y } from "./index.es562.js";
+import { visit as d } from "./index.es561.js";
 const n = (h = {}) => {
   const { properties: c = "data", codeBlockParames: l = !0 } = h;
   return (m) => {

package/dist/client/index.es506.js

@@ -1,5 +1,5 @@
-import r from "./index.es408.js";
-import { visit as a } from "./index.es551.js";
+import r from "./index.es409.js";
+import { visit as a } from "./index.es561.js";
 var o = function(m) {
   return (e) => {
     a(e, (t) => {

package/dist/client/index.es507.js

@@ -1,4 +1,4 @@
-import { visit as r } from "./index.es551.js";
+import { visit as r } from "./index.es561.js";
 var f = function(p) {
   return (a) => {
     r(a, (t) => {

package/dist/client/index.es508.js

@@ -1,10 +1,10 @@
-import f from "./index.es408.js";
-import l from "./index.es553.js";
+import f from "./index.es409.js";
+import l from "./index.es563.js";
 import { getCodeString as n } from "./index.es504.js";
-import { octiconLink as a } from "./index.es554.js";
-import { copyElement as s } from "./index.es555.js";
-import u from "./index.es556.js";
-import y from "./index.es557.js";
+import { octiconLink as a } from "./index.es564.js";
+import { copyElement as s } from "./index.es565.js";
+import u from "./index.es566.js";
+import y from "./index.es567.js";
 var N = (o, p) => (e, i, t) => {
   if (e.type === "element" && t && t.type === "root" && /h(1|2|3|4|5|6)/.test(e.tagName)) {
     var r = e.children && e.children[0];

package/dist/client/index.es509.js

@@ -1,4 +1,4 @@
-import d from "./index.es408.js";
+import d from "./index.es409.js";
 function n(t, o) {
   return t === void 0 && (t = []), o === void 0 && (o = {}), t.forEach((r) => {
     r.children && Array.isArray(r.children) ? o = d({}, o, n(r.children || [])) : r.keyCommand && r.shortcuts && r.execute && (o[r.shortcuts.toLocaleLowerCase()] = r);

package/dist/client/index.es510.js

@@ -1,9 +1,9 @@
-import _ from "./index.es408.js";
-import h from "./index.es409.js";
+import _ from "./index.es409.js";
+import h from "./index.es408.js";
 import s, { useContext as T, useEffect as o } from "react";
-import { EditorContext as k } from "./index.es415.js";
-import { TextAreaCommandOrchestrator as y } from "./index.es414.js";
-import z from "./index.es558.js";
+import { EditorContext as k } from "./index.es449.js";
+import { TextAreaCommandOrchestrator as y } from "./index.es448.js";
+import z from "./index.es568.js";
 import H from "./index.es509.js";
 /* empty css            */
 import { jsx as L } from "react/jsx-runtime";

package/dist/client/index.es512.js

@@ -1,8 +1,8 @@
-import s from "./index.es408.js";
+import s from "./index.es409.js";
 import { useContext as d, useMemo as l } from "react";
 /* empty css            */
-import p from "./index.es412.js";
-import { EditorContext as c } from "./index.es415.js";
+import p from "./index.es446.js";
+import { EditorContext as c } from "./index.es449.js";
 import { jsx as a } from "react/jsx-runtime";
 function b(t) {
   var {

package/dist/client/index.es515.js

@@ -1,10 +1,4 @@
-var e, r;
-function _() {
-  if (r) return e;
-  r = 1;
-  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return e = t, e;
-}
+import t from "./index.es516.js";
 export {
-  _ as __require
+  t as default
 };

package/dist/client/index.es516.js

@@ -1,31 +1,9 @@
-import * as m from "react";
-import "react/jsx-runtime";
-import s from "./index.es500.js";
-const p = /* @__PURE__ */ m.createContext(void 0);
-function c(r) {
-  const {
-    theme: e,
-    name: o,
-    props: n
-  } = r;
-  if (!e || !e.components || !e.components[o])
-    return n;
-  const t = e.components[o];
-  return t.defaultProps ? s(t.defaultProps, n, e.components.mergeClassNameAndStyle) : !t.styleOverrides && !t.variants ? s(t, n, e.components.mergeClassNameAndStyle) : n;
-}
-function u({
-  props: r,
-  name: e
-}) {
-  const o = m.useContext(p);
-  return c({
-    props: r,
-    name: e,
-    theme: {
-      components: o
-    }
-  });
+import e from "./index.es101.js";
+function t(r) {
+  if (typeof r != "string")
+    throw new Error(e(7));
+  return r.charAt(0).toUpperCase() + r.slice(1);
 }
 export {
-  u as useDefaultProps
+  t as default
 };

package/dist/client/index.es517.js

@@ -1,67 +1,161 @@
-import { isCqShorthand as m, getContainerQuery as y } from "./index.es519.js";
-const c = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536
-  // large screen
-}, f = {
-  // Sorted ASC by size. That's important.
-  // It can't be configured as it's used statically for propTypes.
-  keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (n) => `@media (min-width:${c[n]}px)`
-}, h = {
-  containerQueries: (n) => ({
-    up: (e) => {
-      let t = typeof e == "number" ? e : c[e] || e;
-      return typeof t == "number" && (t = `${t}px`), n ? `@container ${n} (min-width:${t})` : `@container (min-width:${t})`;
-    }
-  })
-};
-function B(n, e, t) {
-  const i = n.theme || {};
-  if (Array.isArray(e)) {
-    const u = i.breakpoints || f;
-    return e.reduce((o, s, r) => (o[u.up(u.keys[r])] = t(e[r]), o), {});
+import * as S from "react";
+import { clsx as h } from "./index.es438.js";
+import x from "./index.es439.js";
+import { getSvgIconUtilityClass as R } from "./index.es621.js";
+import { jsxs as w, jsx as C } from "react/jsx-runtime";
+import { useDefaultProps as I } from "./index.es83.js";
+import b from "./index.es43.js";
+import n from "./index.es516.js";
+import T from "./index.es418.js";
+const $ = (o) => {
+  const {
+    color: t,
+    fontSize: r,
+    classes: e
+  } = o, i = {
+    root: ["root", t !== "inherit" && `color${n(t)}`, `fontSize${n(r)}`]
+  };
+  return T(i, R, e);
+}, j = b("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, r.color !== "inherit" && t[`color${n(r.color)}`], t[`fontSize${n(r.fontSize)}`]];
   }
-  if (typeof e == "object") {
-    const u = i.breakpoints || f;
-    return Object.keys(e).reduce((o, s) => {
-      if (m(u.keys, s)) {
-        const r = y(i.containerQueries ? i : h, s);
-        r && (o[r] = t(e[s], s));
-      } else if (Object.keys(u.values || c).includes(s)) {
-        const r = u.up(s);
-        o[r] = t(e[s], s);
-      } else {
-        const r = s;
-        o[r] = e[r];
+})(x(({
+  theme: o
+}) => ({
+  userSelect: "none",
+  width: "1em",
+  height: "1em",
+  display: "inline-block",
+  flexShrink: 0,
+  transition: o.transitions?.create?.("fill", {
+    duration: (o.vars ?? o).transitions?.duration?.shorter
+  }),
+  variants: [
+    {
+      props: (t) => !t.hasSvgAsChild,
+      style: {
+        // the <svg> will define the property that has `currentColor`
+        // for example heroicons uses fill="none" and stroke="currentColor"
+        fill: "currentColor"
       }
-      return o;
-    }, {});
-  }
-  return t(e);
-}
-function O(n = {}) {
-  return n.keys?.reduce((t, i) => {
-    const d = n.up(i);
-    return t[d] = {}, t;
-  }, {}) || {};
-}
-function x(n, e) {
-  return n.reduce((t, i) => {
-    const d = t[i];
-    return (!d || Object.keys(d).length === 0) && delete t[i], t;
-  }, e);
-}
+    },
+    {
+      props: {
+        fontSize: "inherit"
+      },
+      style: {
+        fontSize: "inherit"
+      }
+    },
+    {
+      props: {
+        fontSize: "small"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(20) || "1.25rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "medium"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(24) || "1.5rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "large"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(35) || "2.1875rem"
+      }
+    },
+    // TODO v5 deprecate color prop, v6 remove for sx
+    ...Object.entries((o.vars ?? o).palette).filter(([, t]) => t && t.main).map(([t]) => ({
+      props: {
+        color: t
+      },
+      style: {
+        color: (o.vars ?? o).palette?.[t]?.main
+      }
+    })),
+    {
+      props: {
+        color: "action"
+      },
+      style: {
+        color: (o.vars ?? o).palette?.action?.active
+      }
+    },
+    {
+      props: {
+        color: "disabled"
+      },
+      style: {
+        color: (o.vars ?? o).palette?.action?.disabled
+      }
+    },
+    {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: void 0
+      }
+    }
+  ]
+}))), A = /* @__PURE__ */ S.forwardRef(function(t, r) {
+  const e = I({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: i,
+    className: d,
+    color: v = "inherit",
+    component: a = "svg",
+    fontSize: g = "medium",
+    htmlColor: u,
+    inheritViewBox: c = !1,
+    titleAccess: s,
+    viewBox: p = "0 0 24 24",
+    ...y
+  } = e, l = /* @__PURE__ */ S.isValidElement(i) && i.type === "svg", f = {
+    ...e,
+    color: v,
+    component: a,
+    fontSize: g,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: c,
+    viewBox: p,
+    hasSvgAsChild: l
+  }, m = {};
+  c || (m.viewBox = p);
+  const z = $(f);
+  return /* @__PURE__ */ w(j, {
+    as: a,
+    className: h(z.root, d),
+    focusable: "false",
+    color: u,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
+    ref: r,
+    ...m,
+    ...y,
+    ...l && i.props,
+    ownerState: f,
+    children: [l ? i.props.children : i, s ? /* @__PURE__ */ C("title", {
+      children: s
+    }) : null]
+  });
+});
+A.muiName = "SvgIcon";
 export {
-  O as createEmptyBreakpointObject,
-  B as handleBreakpoints,
-  x as removeUnusedBreakpoints,
-  c as values
+  A as default
 };