@malloydata/malloy-explorer 0.0.282-dev250528154617 → 0.0.285-dev250529214052

package/dist/esm/index.js

@@ -26142,6 +26142,108 @@ function LiteralValue({
       });
   }
 }
+const QUERY_RENDERERS = ["table", "bar_chart", "dashboard", "json", "line_chart", "list", "list_detail", "point_map", "scatter_chart", "segment_map", "shape_map", "sparkline"];
+const ATOMIC_RENDERERS = ["number", "boolean", "currency", "image", "url", "percent", "text", "time"];
+const RENDERERS = [...QUERY_RENDERERS, ...ATOMIC_RENDERERS];
+function tagToRenderer(tag) {
+  if (tag) {
+    const tagProps = tag.getProperties();
+    const tags = Object.keys(tagProps);
+    for (const tag2 of tags) {
+      if (RENDERERS.includes(tag2) && !tagProps[tag2].deleted) {
+        return tag2;
+      }
+    }
+  }
+  return null;
+}
+function atomicTypeToIcon(type) {
+  return atomicTypeMap[type];
+}
+function fieldKindToColor(kind) {
+  return fieldKindMap[kind];
+}
+function fieldToIcon(field) {
+  let icon;
+  switch (field.kind) {
+    case "view":
+      icon = "query";
+      break;
+    case "dimension":
+    case "measure":
+      icon = atomicTypeToIcon(field.type.kind);
+      break;
+    case "join":
+      icon = relationshipToIcon(field.relationship);
+      break;
+  }
+  return icon;
+}
+function relationshipToIcon(relationship) {
+  return relationshipMap[relationship];
+}
+function viewToVisualizationIcon(view) {
+  const currentTag = view.getTag();
+  const currentRenderer = tagToRenderer(currentTag) ?? "table";
+  return `viz_${currentRenderer}`;
+}
+const atomicTypeMap = {
+  array_type: "array",
+  string_type: "string",
+  date_type: "date",
+  boolean_type: "boolean",
+  number_type: "number",
+  json_type: "json",
+  record_type: "json",
+  sql_native_type: "sql_native",
+  timestamp_type: "date",
+  filter_expression_type: "filter"
+};
+const fieldKindMap = {
+  view: "purple",
+  dimension: "cyan",
+  measure: "green",
+  join: void 0
+};
+const relationshipMap = {
+  many: "many_to_one",
+  cross: "one_to_many",
+  one: "one_to_one"
+};
+function FieldToken({
+  field,
+  hoverActions,
+  hoverActionsVisible,
+  ...props2
+}) {
+  let label = field.name;
+  if (field.kind === "dimension" && (field.type.kind === "timestamp_type" || field.type.kind === "date_type")) {
+    if (field.type.timeframe) {
+      label += `.${field.type.timeframe}`;
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    ...{
+      0: {
+        className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mly28fmrt mly1x0xcia"
+      },
+      1: {
+        className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mlym9y5t7"
+      }
+    }[!!hoverActionsVisible << 0],
+    children: [/* @__PURE__ */ jsx(Token, {
+      label,
+      color: fieldKindToColor(field.kind),
+      icon: fieldToIcon(field),
+      ...props2
+    }), hoverActions && /* @__PURE__ */ jsx("div", {
+      ...{
+        className: "mly1vsucm1 mly2lah0s"
+      },
+      children: hoverActions
+    })]
+  });
+}
 function DrillOperations({
   drills
 }) {
@@ -26159,9 +26261,8 @@ function DrillOperations({
       children: drills.map((drill, key2) => /* @__PURE__ */ jsxs(TokenGroup, {
         color: "cyan",
         customStyle: localStyles.tokenGroup,
-        children: [/* @__PURE__ */ jsx(Token, {
-          label: drill.filter.fieldReference.name,
-          icon: "filter"
+        children: [/* @__PURE__ */ jsx(FieldToken, {
+          field: drill.filter.fieldReference.getFieldInfo()
         }), /* @__PURE__ */ jsx(Token, {
           label: "="
         }), drill.filter instanceof ASTFilterWithLiteralEquality ? /* @__PURE__ */ jsx(LiteralValue, {
@@ -30115,108 +30216,6 @@ function findUniqueFieldName(fields, rename, path = []) {
   }
   return `${rename} ${idx}`;
 }
-const QUERY_RENDERERS = ["table", "bar_chart", "dashboard", "json", "line_chart", "list", "list_detail", "point_map", "scatter_chart", "segment_map", "shape_map", "sparkline"];
-const ATOMIC_RENDERERS = ["number", "boolean", "currency", "image", "url", "percent", "text", "time"];
-const RENDERERS = [...QUERY_RENDERERS, ...ATOMIC_RENDERERS];
-function tagToRenderer(tag) {
-  if (tag) {
-    const tagProps = tag.getProperties();
-    const tags = Object.keys(tagProps);
-    for (const tag2 of tags) {
-      if (RENDERERS.includes(tag2) && !tagProps[tag2].deleted) {
-        return tag2;
-      }
-    }
-  }
-  return null;
-}
-function atomicTypeToIcon(type) {
-  return atomicTypeMap[type];
-}
-function fieldKindToColor(kind) {
-  return fieldKindMap[kind];
-}
-function fieldToIcon(field) {
-  let icon;
-  switch (field.kind) {
-    case "view":
-      icon = "query";
-      break;
-    case "dimension":
-    case "measure":
-      icon = atomicTypeToIcon(field.type.kind);
-      break;
-    case "join":
-      icon = relationshipToIcon(field.relationship);
-      break;
-  }
-  return icon;
-}
-function relationshipToIcon(relationship) {
-  return relationshipMap[relationship];
-}
-function viewToVisualizationIcon(view) {
-  const currentTag = view.getTag();
-  const currentRenderer = tagToRenderer(currentTag) ?? "table";
-  return `viz_${currentRenderer}`;
-}
-const atomicTypeMap = {
-  array_type: "array",
-  string_type: "string",
-  date_type: "date",
-  boolean_type: "boolean",
-  number_type: "number",
-  json_type: "json",
-  record_type: "json",
-  sql_native_type: "sql_native",
-  timestamp_type: "date",
-  filter_expression_type: "filter"
-};
-const fieldKindMap = {
-  view: "purple",
-  dimension: "cyan",
-  measure: "green",
-  join: void 0
-};
-const relationshipMap = {
-  many: "many_to_one",
-  cross: "one_to_many",
-  one: "one_to_one"
-};
-function FieldToken({
-  field,
-  hoverActions,
-  hoverActionsVisible,
-  ...props2
-}) {
-  let label = field.name;
-  if (field.kind === "dimension" && (field.type.kind === "timestamp_type" || field.type.kind === "date_type")) {
-    if (field.type.timeframe) {
-      label += `.${field.type.timeframe}`;
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    ...{
-      0: {
-        className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mly28fmrt mly1x0xcia"
-      },
-      1: {
-        className: "mly78zum5 mly6s0dn4 mly1nhvcw1 mly1jnr06f mlym9y5t7"
-      }
-    }[!!hoverActionsVisible << 0],
-    children: [/* @__PURE__ */ jsx(Token, {
-      label,
-      color: fieldKindToColor(field.kind),
-      icon: fieldToIcon(field),
-      ...props2
-    }), hoverActions && /* @__PURE__ */ jsx("div", {
-      ...{
-        className: "mly1vsucm1 mly2lah0s"
-      },
-      children: hoverActions
-    })]
-  });
-}
 function BadgeForField({
   field
 }) {
@@ -31203,7 +31202,8 @@ function ValueList({
   search,
   fieldPath,
   ref,
-  customStyle
+  customStyle,
+  showPath = true
 }) {
   const {
     searchResults
@@ -31219,12 +31219,12 @@ function ValueList({
       onClick: () => onClick(value),
       children: [/* @__PURE__ */ jsx(Value, {
         value
-      }), /* @__PURE__ */ jsx("div", {
+      }), showPath ? /* @__PURE__ */ jsx("div", {
         ...{
           className: "mly1jwwhvr"
         },
         children: value.fieldName
-      })]
+      }) : null]
     }, value.fieldName + ":" + value.fieldValue)) : search ? /* @__PURE__ */ jsx("div", {
       ..._stylex.props(addMenuStyles.item),
       "data-disabled": "true",
@@ -31418,7 +31418,8 @@ const StringFilterCore = ({
               setSearchValue("");
             }
           },
-          customStyle: styles$i.valueList
+          customStyle: styles$i.valueList,
+          showPath: false
         })
       })]
     }) : currentFilter.operator === "~" ? /* @__PURE__ */ jsx(StringEditor, {