@malloy-publisher/sdk 0.0.49 → 0.0.51

package/dist/RenderedResult-C4b9CwSp.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),S=require("@malloydata/render"),t=require("react");function C({result:i,height:b,isFillElement:f,onSizeChange:l,onDrill:m}){const e=t.useRef(null),[a,h]=t.useState(!1),[R,v]=t.useState(!1),[y,N]=t.useState(!1),s=t.useRef(null),n=t.useRef(null);if(t.useLayoutEffect(()=>{if(e.current&&i&&!R){v(!0),s.current||(s.current=new Promise(r=>{n.current=r}));const o=new S.MalloyRenderer({onClick:m}).createViz();for(;e.current.firstChild;)e.current.removeChild(e.current.firstChild);const d=new MutationObserver(r=>{for(const c of r)if(c.type==="childList"&&c.addedNodes.length>0&&Array.from(c.addedNodes).some(g=>g.nodeType===Node.ELEMENT_NODE)){d.disconnect(),setTimeout(()=>{h(!0),n.current&&(n.current(),n.current=null,s.current=null)},50);break}});if(e.current){d.observe(e.current,{childList:!0,subtree:!0,characterData:!0});try{o.setResult(JSON.parse(i)),o.render(e.current)}catch(r){console.error("Error rendering visualization:",r),d.disconnect(),h(!0),n.current&&(n.current(),n.current=null,s.current=null)}}}},[i,m,R]),t.useEffect(()=>{h(!1),v(!1),s.current=null,n.current=null},[i]),R&&!a&&s.current)throw s.current;return t.useEffect(()=>{if(!e.current||!a)return;const u=e.current,o=()=>{if(u){const c=u.offsetHeight;c>0?l&&l(c):f&&u.firstChild&&(u.firstChild.offsetHeight==0?f(!0):f(!1))}},d=setTimeout(o,100);let r=null;return y||(r=new MutationObserver(o),r.observe(u,{childList:!0,subtree:!0,attributes:!0})),()=>{clearTimeout(d),r?.disconnect()}},[l,i,f,a]),M.jsx("div",{ref:e,style:{width:"100%",height:b?`${b}px`:"100%"}})}exports.default=C;

package/dist/{RenderedResult-CZKCNAKK.js → RenderedResult-DXlUZo0k.js}

@@ -1,20 +1,20 @@
-import { j as C } from "./vendor-9erH7dIW.js";
-import { i as E } from "./index-BBREesY7.js";
-import { useRef as m, useState as R, useLayoutEffect as M, useEffect as w } from "react";
-function O({
+import { jsx as M } from "react/jsx-runtime";
+import { MalloyRenderer as N } from "@malloydata/render";
+import { useRef as m, useState as v, useLayoutEffect as H, useEffect as w } from "react";
+function x({
   result: c,
-  height: v,
+  height: R,
   isFillElement: d,
   onSizeChange: f,
   onDrill: b
 }) {
-  const e = m(null), [l, a] = R(!1), [h, p] = R(!1), [x, N] = R(!1), n = m(null), t = m(null);
-  if (M(() => {
+  const e = m(null), [l, a] = v(!1), [h, g] = v(!1), [y, L] = v(!1), n = m(null), t = m(null);
+  if (H(() => {
     if (e.current && c && !h) {
-      p(!0), n.current || (n.current = new Promise((r) => {
+      g(!0), n.current || (n.current = new Promise((r) => {
         t.current = r;
       }));
-      const i = new E.MalloyRenderer({
+      const i = new N({
         onClick: b
       }).createViz();
       for (; e.current.firstChild; )
@@ -22,7 +22,7 @@ function O({
       const o = new MutationObserver((r) => {
         for (const u of r)
           if (u.type === "childList" && u.addedNodes.length > 0 && Array.from(u.addedNodes).some(
-            (g) => g.nodeType === Node.ELEMENT_NODE
+            (p) => p.nodeType === Node.ELEMENT_NODE
           )) {
             o.disconnect(), setTimeout(() => {
               a(!0), t.current && (t.current(), t.current = null, n.current = null);
@@ -44,7 +44,7 @@ function O({
       }
     }
   }, [c, b, h]), w(() => {
-    a(!1), p(!1), n.current = null, t.current = null;
+    a(!1), g(!1), n.current = null, t.current = null;
   }, [c]), h && !l && n.current)
     throw n.current;
   return w(() => {
@@ -56,24 +56,24 @@ function O({
       }
     }, o = setTimeout(i, 100);
     let r = null;
-    return x || (r = new MutationObserver(i), r.observe(s, {
+    return y || (r = new MutationObserver(i), r.observe(s, {
       childList: !0,
       subtree: !0,
       attributes: !0
     })), () => {
       clearTimeout(o), r?.disconnect();
     };
-  }, [f, c, d, l]), /* @__PURE__ */ C.jsx(
+  }, [f, c, d, l]), /* @__PURE__ */ M(
     "div",
     {
       ref: e,
       style: {
         width: "100%",
-        height: v ? `${v}px` : "100%"
+        height: R ? `${R}px` : "100%"
       }
     }
   );
 }
 export {
-  O as default
+  x as default
 };