@malloydata/malloy-explorer 0.0.277-dev250515002611 → 0.0.278-dev250515234639

package/dist/cjs/index.cjs

@@ -19,6 +19,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const QB = require("@malloydata/malloy-query-builder");
 const malloyTag = require("@malloydata/malloy-tag");
+const malloyFilter = require("@malloydata/malloy-filter");
 require("@malloydata/render/webcomponent");
 const ReactDOM = require("react-dom");
 function _interopNamespaceDefault(e) {
@@ -33272,94 +33273,6 @@ class ErrorElement extends React__namespace.Component {
     return this.props.children;
   }
 }
-function FilterOperations({
-  rootQuery,
-  filters
-}) {
-  const {
-    setQuery
-  } = React.useContext(QueryEditorContext);
-  if (filters.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      ..._stylex.props(styles$s.title),
-      children: "filter by"
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ..._stylex.props(styles$s.tokenContainer),
-      children: filters.map((filterOperation, key2) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {
-          fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            children: ["Invalid filter", /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
-              onClick: () => {
-                filterOperation.delete();
-                setQuery == null ? void 0 : setQuery(rootQuery.build());
-              }
-            })]
-          }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(SingleFilterOperation, {
-            filterOperation,
-            rootQuery
-          })
-        }, key2);
-      })
-    })]
-  });
-}
-function SingleFilterOperation({
-  rootQuery,
-  filterOperation
-}) {
-  const {
-    fieldReference,
-    filterString
-  } = filterOperation.filter;
-  const filter = filterOperation.filter.getFilter();
-  const fieldInfo = fieldReference.getFieldInfo();
-  const {
-    setQuery
-  } = React.useContext(QueryEditorContext);
-  if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
-    throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
-  }
-  const setFilter = React.useCallback((filter2) => {
-    filterOperation.filter.setFilter(filter2);
-    setQuery == null ? void 0 : setQuery(rootQuery.build());
-  }, [filterOperation.filter, rootQuery, setQuery]);
-  const {
-    op,
-    value
-  } = parsedToLabels(filter, filterString);
-  const label = `${fieldInfo.name} ${op} ${value}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ..._stylex.props(hoverStyles.main),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
-      fieldInfo,
-      path: fieldReference.path ?? [],
-      filter,
-      setFilter,
-      trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
-        icon: "filter",
-        color: "cyan",
-        label
-      }),
-      layoutProps: {
-        align: "start",
-        side: "bottom",
-        sideOffset: 1
-      }
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ..._stylex.props(hoverStyles.hoverActions),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
-        onClick: () => {
-          filterOperation.delete();
-          setQuery == null ? void 0 : setQuery(rootQuery.build());
-        }
-      })
-    })]
-  });
-}
 const parsedToLabels = (parsed, filterString) => {
   if (parsed.parsed === null) {
     return {
@@ -33539,6 +33452,94 @@ function displayTimeFromMoment(momentObj) {
   }
   return momentObj.moment;
 }
+function FilterOperations({
+  rootQuery,
+  filters
+}) {
+  const {
+    setQuery
+  } = React.useContext(QueryEditorContext);
+  if (filters.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+      ..._stylex.props(styles$s.title),
+      children: "filter by"
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ..._stylex.props(styles$s.tokenContainer),
+      children: filters.map((filterOperation, key2) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {
+          fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            children: ["Invalid filter", /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
+              onClick: () => {
+                filterOperation.delete();
+                setQuery == null ? void 0 : setQuery(rootQuery.build());
+              }
+            })]
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(SingleFilterOperation, {
+            filterOperation,
+            rootQuery
+          })
+        }, key2);
+      })
+    })]
+  });
+}
+function SingleFilterOperation({
+  rootQuery,
+  filterOperation
+}) {
+  const {
+    fieldReference,
+    filterString
+  } = filterOperation.filter;
+  const filter = filterOperation.filter.getFilter();
+  const fieldInfo = fieldReference.getFieldInfo();
+  const {
+    setQuery
+  } = React.useContext(QueryEditorContext);
+  if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
+    throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
+  }
+  const setFilter = React.useCallback((filter2) => {
+    filterOperation.filter.setFilter(filter2);
+    setQuery == null ? void 0 : setQuery(rootQuery.build());
+  }, [filterOperation.filter, rootQuery, setQuery]);
+  const {
+    op,
+    value
+  } = parsedToLabels(filter, filterString);
+  const label = `${fieldInfo.name} ${op} ${value}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    ..._stylex.props(hoverStyles.main),
+    children: [/* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
+      fieldInfo,
+      path: fieldReference.path ?? [],
+      filter,
+      setFilter,
+      trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
+        icon: "filter",
+        color: "cyan",
+        label
+      }),
+      layoutProps: {
+        align: "start",
+        side: "bottom",
+        sideOffset: 1
+      }
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ..._stylex.props(hoverStyles.hoverActions),
+      children: /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
+        onClick: () => {
+          filterOperation.delete();
+          setQuery == null ? void 0 : setQuery(rootQuery.build());
+        }
+      })
+    })]
+  });
+}
 function LimitOperation({
   rootQuery,
   limit
@@ -34644,8 +34645,128 @@ const styles$a = {
     $$css: true
   }
 };
+function FilterLiteralEditor({
+  filterType,
+  value,
+  setValue
+}) {
+  let filter = null;
+  switch (filterType) {
+    case "string_type":
+      {
+        const {
+          parsed
+        } = malloyFilter.StringFilterExpression.parse(value.filter_expression_value);
+        filter = {
+          kind: "string",
+          parsed
+        };
+      }
+      break;
+    case "number_type":
+      {
+        const {
+          parsed
+        } = malloyFilter.NumberFilterExpression.parse(value.filter_expression_value);
+        filter = {
+          kind: "number",
+          parsed
+        };
+      }
+      break;
+    case "boolean_type":
+      {
+        const {
+          parsed
+        } = malloyFilter.BooleanFilterExpression.parse(value.filter_expression_value);
+        filter = {
+          kind: "boolean",
+          parsed
+        };
+      }
+      break;
+    case "date_type":
+      {
+        const {
+          parsed
+        } = malloyFilter.TemporalFilterExpression.parse(value.filter_expression_value);
+        filter = {
+          kind: "date",
+          parsed
+        };
+      }
+      break;
+    case "timestamp_type":
+      {
+        const {
+          parsed
+        } = malloyFilter.TemporalFilterExpression.parse(value.filter_expression_value);
+        filter = {
+          kind: "timestamp",
+          parsed
+        };
+      }
+      break;
+  }
+  const {
+    op,
+    value: filterValue
+  } = parsedToLabels(filter, value.filter_expression_value);
+  const label = `${op} ${filterValue}`;
+  const fieldInfo = {
+    kind: "dimension",
+    name: "parameter",
+    type: {
+      kind: filterType
+    }
+  };
+  const setFilter = (parsed) => {
+    switch (parsed.kind) {
+      case "string":
+        setValue({
+          kind: "filter_expression_literal",
+          filter_expression_value: malloyFilter.StringFilterExpression.unparse(parsed.parsed)
+        });
+        break;
+      case "boolean":
+        setValue({
+          kind: "filter_expression_literal",
+          filter_expression_value: malloyFilter.BooleanFilterExpression.unparse(parsed.parsed)
+        });
+        break;
+      case "number":
+        setValue({
+          kind: "filter_expression_literal",
+          filter_expression_value: malloyFilter.NumberFilterExpression.unparse(parsed.parsed)
+        });
+        break;
+      case "date":
+      case "timestamp":
+        setValue({
+          kind: "filter_expression_literal",
+          filter_expression_value: malloyFilter.TemporalFilterExpression.unparse(parsed.parsed)
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
+    fieldInfo,
+    path: [],
+    filter,
+    setFilter,
+    trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
+      label
+    }),
+    layoutProps: {
+      align: "start",
+      side: "bottom",
+      sideOffset: 1
+    }
+  });
+}
 function LiteralValueEditor({
   value,
+  filterType,
   setValue,
   customStyle
 }) {
@@ -34700,12 +34821,10 @@ function LiteralValueEditor({
         customStyle
       });
     case "filter_expression_literal":
-      return /* @__PURE__ */ jsxRuntime.jsx(EditableToken, {
-        value: value.filter_expression_value,
-        onChange: (value2) => setValue({
-          kind: "filter_expression_literal",
-          filter_expression_value: value2
-        }),
+      return /* @__PURE__ */ jsxRuntime.jsx(FilterLiteralEditor, {
+        value,
+        filterType,
+        setValue,
         customStyle
       });
   }
@@ -34736,6 +34855,7 @@ function Parameters({
               icon: atomicTypeToIcon(parameter.type.kind),
               label: parameter.name
             }), /* @__PURE__ */ jsxRuntime.jsx(LiteralValueEditor, {
+              filterType: parameter.type.kind === "filter_expression_type" ? parameter.type.filter_type.kind : "string_type",
               value: ((_a2 = source.tryGetParameter(parameter.name)) == null ? void 0 : _a2.parameter.value) ?? parameter.default_value,
               setValue: (value) => {
                 source.setParameter(parameter.name, value);