@malloydata/malloy-explorer 0.0.285-dev250530164457 → 0.0.285-dev250610181307

package/dist/esm/index.js

@@ -20,7 +20,7 @@ import * as QB from "@malloydata/malloy-query-builder";
 import { ASTArrowQueryDefinition, ASTArrowViewDefinition, ASTSegmentViewDefinition, ASTNestViewOperation, ASTRefinementViewDefinition, ASTFilterWithLiteralEquality, ASTOrderByViewOperation, ASTGroupByViewOperation, ASTAggregateViewOperation, ASTLimitViewOperation, ASTTimeTruncationExpression, ASTFilterWithFilterString, ASTWhereViewOperation, ASTHavingViewOperation, ASTDrillViewOperation, ASTQuery } from "@malloydata/malloy-query-builder";
 import { Tag } from "@malloydata/malloy-tag";
 import { TemporalFilterExpression, BooleanFilterExpression, NumberFilterExpression, StringFilterExpression } from "@malloydata/malloy-filter";
-import "@malloydata/render/webcomponent";
+import { MalloyRenderer } from "@malloydata/render";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from "react-dom";
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -31752,6 +31752,9 @@ function typeFromFilter(filter) {
   if (filter.operator === "null" && filter.not) {
     return "-null";
   }
+  if (filter.operator === "before" && filter.not) {
+    return "not_before";
+  }
   return filter.operator;
 }
 function unitsFromFilter(filter, isDateTime) {
@@ -31805,6 +31808,9 @@ const DateTimeFilterCore = ({
         }, {
           value: "next",
           label: "next complete"
+        }, {
+          value: "not_before",
+          label: "on or after"
         }, {
           value: "after",
           label: "after"
@@ -32166,6 +32172,12 @@ function dateTimeFilterChangeType(filter, type, units) {
         operator: type,
         before: fromMoment
       };
+    case "not_before":
+      return {
+        operator: "before",
+        before: fromMoment,
+        not: true
+      };
     case "in":
       return {
         operator: type,
@@ -33619,7 +33631,7 @@ const parsedToLabels = (parsed, filterString) => {
             const {
               not
             } = temporalClause;
-            op = `is${not ? " not" : ""} before`;
+            op = not ? "is on or after" : "is before";
             value = displayTimeFromMoment(temporalClause.before);
           }
           break;
@@ -35664,42 +35676,48 @@ function RenderedResult({
   result,
   source
 }) {
-  const [renderer, setRenderer] = useState();
   const {
     onDrill,
     setQuery
   } = useContext(QueryEditorContext);
-  useEffect(() => {
-    const renderer2 = document.createElement("malloy-render");
-    renderer2.malloyResult = result;
-    renderer2.onDrill = ({
-      stableQuery,
-      stableDrillClauses
-    }) => {
-      if (onDrill) {
-        onDrill({
-          stableQuery,
-          stableDrillClauses
+  const vizContainer = useRef(null);
+  const viz = useMemo(() => {
+    const renderer = new MalloyRenderer();
+    const viz2 = renderer.createViz({
+      onDrill: ({
+        stableQuery,
+        stableDrillClauses
+      }) => {
+        if (onDrill) {
+          onDrill({
+            stableQuery,
+            stableDrillClauses
+          });
+          return;
+        }
+        const rootQuery = new ASTQuery({
+          query: stableQuery,
+          source
         });
-        return;
+        setQuery == null ? void 0 : setQuery(rootQuery.build());
+      },
+      tableConfig: {
+        enableDrill: true
       }
-      const rootQuery = new ASTQuery({
-        query: stableQuery,
-        source
-      });
-      setQuery == null ? void 0 : setQuery(rootQuery.build());
-    };
-    renderer2.tableConfig = {
-      enableDrill: true
-    };
-    setRenderer(renderer2);
-  }, [onDrill, result, source, setQuery]);
-  if (renderer) {
-    return /* @__PURE__ */ jsx(DOMElement, {
-      element: renderer,
-      style: {
-        overflow: "hidden",
-        height: "100%"
+    });
+    return viz2;
+  }, [onDrill, source, setQuery]);
+  useEffect(() => {
+    if (vizContainer.current && viz) {
+      viz.setResult(result);
+      viz.render(vizContainer.current);
+    }
+  }, [viz, result]);
+  if (viz) {
+    return /* @__PURE__ */ jsx("div", {
+      ref: vizContainer,
+      ...{
+        className: "mly5yr21d mly1n2onr6 mly1ja2u2z mlyb3r6kr mlyh8yej3"
       }
     });
   } else {
@@ -35995,6 +36013,7 @@ function viewToQuery(viewName, sourceName) {
 const styles$3 = {
   tabRoot: {
     height: "mly5yr21d",
+    width: "mlyh8yej3",
     display: "mly78zum5",
     flexDirection: "mlydt5ytf",
     $$css: true