@malloydata/malloy-explorer 0.0.269-dev250430234249 → 0.0.275-dev250509203914

package/dist/malloy-explorer.css

@@ -10,7 +10,7 @@
 @layer priority1{
 :root, .mly16bcggl{--mly1rtpqm4:rgba(10, 19, 23, 0.2);--mlywmj25p:rgba(121, 82, 255, 0.2);--mly1f95ebd:rgba(36, 187, 94, 0.2);--mly1jva6ta:rgba(3, 167, 215, 0.2);--mly1yr7ch6:rgba(241, 244, 247, 1);--mly1bs2mf7:rgba(0, 130, 251, 0.2);--mlywj8cgu:rgba(11, 153, 31, 0.2);--mlyhsum04:rgba(226, 164, 0, 0.2);--mly19gk0g3:rgba(227, 25, 59, 0.2);--mlyrbis2b:rgba(204, 211, 219, 1);--mly1eayp21:rgba(230, 235, 239, 1);--mly1bn1nfc:rgba(37, 54, 63, 1);}
 :root, .mly182du4u{--mly231nev:rgba(10, 19, 23, 1);--mly1i3blw4:rgba(78, 96, 111, 1);--mly16ir2n5:rgba(164, 176, 188, 1);--mly883cce:rgba(0, 100, 224, 1);--mlyy3jzoq:rgba(255, 255, 255, 1);--mly7qnfvx:rgba(10, 19, 23, 1);--mly3ib3qi:rgba(62, 6, 151, 1);--mlyndhcph:rgba(9, 68, 31, 1);--mlykotp7t:rgba(1, 73, 117, 1);--mlyf25c1a:rgba(66, 133, 244, 1);}
-:root, .mlyacbved{--mly8s4nhd:rgba(10, 19, 23, 1);--mly130oqjo:rgba(78, 96, 111, 1);--mlywh4rgx:rgba(164, 176, 188, 1);--mly1gq6bli:rgba(255, 255, 255, 1);--mly1jphivy:rgba(10, 19, 23, 1);--mly6i1qgk:rgba(121, 82, 255, 1);--mly1css67u:rgba(7, 109, 41, 1);--mly1fea1fg:rgba(2, 141, 193, 1);--mlyz9tc12:rgba(233, 175, 8, 1);--mly1dryxz7:rgba(0, 100, 224, 1);--mly176ansx:rgba(13, 134, 38, 1);--mlybq1dnb:rgba(227, 25, 59, 1);}
+:root, .mlyacbved{--mly8s4nhd:rgba(10, 19, 23, 1);--mly130oqjo:rgba(78, 96, 111, 1);--mlywh4rgx:rgba(164, 176, 188, 1);--mly1gq6bli:rgba(255, 255, 255, 1);--mly1jphivy:rgba(164, 176, 188, 1);--mly6i1qgk:rgba(121, 82, 255, 1);--mly1css67u:rgba(7, 109, 41, 1);--mly1fea1fg:rgba(2, 141, 193, 1);--mlyz9tc12:rgba(233, 175, 8, 1);--mly1dryxz7:rgba(0, 100, 224, 1);--mly176ansx:rgba(13, 134, 38, 1);--mlybq1dnb:rgba(227, 25, 59, 1);}
 :root, .mlyugude9{--mlyiz2tia:#0064E0;--mly1nffz32:#0082FB32;--mly1mq821i:white;--mlyz6dflh:rgba(0, 0, 0, 0.10);--mly4a29vv:#0000000D;--mlyhoywqa:#050505;--mly1qcfjts:#A4B0BC;}
 :root, .mly18uf1kx{--mlynfhokh:none;}
 :root, .mly11fl7i8{--mlyvpnzvp:none;}
@@ -209,8 +209,10 @@
 .mly1x3oq6j{background-color:var(--mlywj8cgu)}
 .mly12peec7{background-color:white}
 .mly1mwwwfo{border-collapse:collapse}
+.mlygbc89k{box-shadow:0 0 0 1px #CCD3DB}
 html:not([dir='rtl']) .mlyn8fsvk{box-shadow:0 0 0 1px rgb(0,100,224) inset,0 0 0 3px rgba(1,113,227,.3) inset}
 html[dir='rtl'] .mlyn8fsvk{box-shadow:0 0 0 1px rgb(0,100,224) inset, 0 0 0 3px rgba(1,113,227,.3) inset}
+.mlybwr872{box-shadow:0 0 0 2px rgba(0,100,224,1)}
 html:not([dir='rtl']) .mly1kmqopl{box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1)}
 html[dir='rtl'] .mly1kmqopl{box-shadow:0 0 5px 0 rgba(0,0,0,.1), 0 0 1px 0 rgba(0,0,0,.1)}
 html:not([dir='rtl']) .mly5n1uv4{box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 12px 0 rgba(0,0,0,.1)}
@@ -237,6 +239,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1pc1dlx{color:var(--malloy-composer-form-foreground,#5f6368)}
 .mly1r0d382{color:var(--mly130oqjo)}
 .mly1xre2ib{color:var(--mly13n7235)}
+.mlywzxoxx{color:var(--mly16ir2n5)}
 .mly1l99qkd{color:var(--mly176ansx)}
 .mly1evcnq1{color:var(--mly1css67u)}
 .mly1tw9ct1{color:var(--mly1dryxz7)}
@@ -350,6 +353,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyt89l8w:hover{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
 .mlyk1j4u7:hover{background-color:var(--mly4a29vv)}
 .mlyk1e6ed:hover{box-shadow:rgba(204,211,219,.3) 0 0 0 3px inset}
+.mlytw1abo:focus{background-color:white}
 }
 
 @layer priority5{
@@ -367,6 +371,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyk2yuxw{height:209.5px}
 .mly1qx5ct2{height:20px}
 .mlyxk0z11{height:24px}
+.mlyd7y6wv{height:26px}
 .mly1fgtraw{height:28px}
 .mlyc9qbxq{height:36px}
 .mlyng8ra{height:60px}
@@ -398,6 +403,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1jkqq1h{max-width:280px}
 .mly1dc814f{max-width:350px}
 .mlyxc7z9f{max-width:360px}
+.mly1j9u4d2{max-width:400px}
 .mlymcgfsh{max-width:60px}
 .mly2lwn1j{min-height:0}
 .mly4x6u8j{min-width:16.5px}
@@ -405,6 +411,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyt4ypqs{min-width:20px}
 .mlyytlacd{min-width:224px}
 .mlylm99nl{min-width:240px}
+.mly2ixbly{min-width:250px}
 .mlyfvyar9{min-width:60px}
 .mly1onzeue{min-width:95px}
 .mly1odjw0f{overflow-y:auto}
@@ -426,6 +433,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly13vifvy{top:0}
 .mlynalus7{width:0}
 .mlyh8yej3{width:100%}
+.mlynrytzq{width:10em}
 .mly6jxa94{width:14px}
 .mly18kybhu{width:15em}
 .mlyjxf2f8{width:16.5px}
@@ -440,6 +448,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlygd8bvy{width:28px}
 .mlybl57os{width:323px}
 .mlyxsgkw5{width:350px}
+.mly869kya{width:5.5em}
 .mly1ftt334{width:5px}
 .mly1247r65{width:60px}
 .mly1xc55vz{width:8px}
@@ -458,12 +467,35 @@ div[data-radix-popper-content-wrapper] {
   z-index: 100 !important;
 }
 .malloy-render_result-wrapper malloy-render::part(table-container) {
-    width: 100%;   
+  width: 100%;
 }
 
 .malloy-render_result-wrapper {
-    height: 100%;
-    position: 'relative';
-    z-index: 0;
-    overflow: hidden;
-}
+  height: 100%;
+  position: 'relative';
+  z-index: 0;
+  overflow: hidden;
+}
+
+.malloy-tooltip {
+  background: rgba(255, 255, 255, 0.95);
+  padding: 8px;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  height: fit-content;
+  width: fit-content;
+  transform: translate(10px, 10px);
+}
+
+.malloy-tooltip--table {
+  th,
+  td {
+    text-wrap: nowrap;
+  }
+
+  th {
+    text-align: left;
+  }
+
+  font-size: 12px;
+}

package/dist/types/components/DateInput.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { RefObject } from 'react';
 import { StyleXStyles } from '@stylexjs/stylex';
 import { Moment, TemporalUnit } from '@malloydata/malloy-filter';
 interface DateInputProps {
@@ -12,6 +13,7 @@ interface DateInputProps {
     onBlur?: () => void;
     isActive?: boolean;
     customStyle?: StyleXStyles;
+    forwardRef?: RefObject<HTMLInputElement | null>;
 }
 export declare const formats: Record<TemporalUnit, string>;
 export declare const DateInput: React.FC<DateInputProps>;

package/dist/types/components/QueryPanel/DateLiteralEditor.d.ts

@@ -0,0 +1,10 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+import { StyleXStyles } from '@stylexjs/stylex';
+import { LiteralValueWithDateLiteral, LiteralValueWithTimestampLiteral } from '@malloydata/malloy-interfaces';
+interface DateLiteralEditorProps {
+    value: LiteralValueWithDateLiteral | LiteralValueWithTimestampLiteral;
+    setValue: (value: Malloy.LiteralValue) => void;
+    customStyle?: StyleXStyles;
+}
+export declare function DateLiteralEditor({ value, setValue, customStyle, }: DateLiteralEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/QueryPanel/LiteralValueEditor.d.ts

@@ -1,9 +1,8 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
-import { RawLiteralValue } from '@malloydata/malloy-query-builder';
 import { StyleXStyles } from '@stylexjs/stylex';
 export interface LiteralValueEditorProps {
     value: Malloy.LiteralValue | undefined;
-    setValue: (value: RawLiteralValue) => void;
+    setValue: (value: Malloy.LiteralValue) => void;
     customStyle?: StyleXStyles;
 }
 export declare function LiteralValueEditor({ value, setValue, customStyle, }: LiteralValueEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/ResultPanel/ResultDisplay.d.ts

@@ -1,6 +1,12 @@
 import { SubmittedQuery } from './SubmittedQuery';
 import './result_display.css';
+import type { MalloyRenderProps } from '@malloydata/render';
 import '@malloydata/render/webcomponent';
+declare global {
+    interface HTMLElementTagNameMap {
+        'malloy-render': HTMLElement & MalloyRenderProps;
+    }
+}
 export interface ResultDisplayProps {
     query: SubmittedQuery;
 }

package/dist/types/components/SourcePanel/FieldTokenWithActions.d.ts

@@ -1,7 +1,9 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
+import { ASTArrowQueryDefinition } from '@malloydata/malloy-query-builder';
 interface FieldTokenWithActionsProps {
     field: Malloy.FieldInfo;
     path: string[];
+    viewDef: ASTArrowQueryDefinition;
 }
-export declare function FieldTokenWithActions({ field, path, }: FieldTokenWithActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FieldTokenWithActions({ field, path, viewDef, }: FieldTokenWithActionsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/SourcePanel/SearchResultList.d.ts

@@ -4,5 +4,5 @@ interface SearchResultListProps {
     source: SourceInfo;
     items: FieldItem[];
 }
-export default function SearchResultList({ source, items, }: SearchResultListProps): import("react/jsx-runtime").JSX.Element;
+export default function SearchResultList({ source, items, }: SearchResultListProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/components/filters/FilterPopover.d.ts

@@ -14,6 +14,7 @@ interface FilterPopoverProps {
         alignOffset?: number;
         sideOffset?: number;
     };
+    onOpenChange?: (open: boolean) => void;
 }
-export declare function FilterPopover({ fieldInfo, path, filter, setFilter, trigger, anchor, layoutProps, }: FilterPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterPopover({ fieldInfo, path, filter, setFilter, trigger, anchor, layoutProps, onOpenChange, }: FilterPopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/primitives/Button.d.ts

@@ -39,7 +39,7 @@ interface ButtonProps extends React.ComponentProps<'button'> {
      */
     customStyle?: StyleXStyles;
 }
-export default function Button({ variant, size, icon, label, tooltip, onClick, isDisabled, customStyle, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ variant, size, icon, label, tooltip, isDisabled, customStyle, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 declare const colorVariants: Readonly<{
     readonly default: Readonly<{
         readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {

package/dist/types/components/primitives/CollapsiblePanel.d.ts

@@ -8,6 +8,7 @@ interface CollapsiblePanelProps {
     defaultOpen?: boolean;
     controls?: ReactNode;
     collapsedControls?: ReactNode;
+    isFocused?: boolean;
 }
-export default function CollapsiblePanel({ title, children, icon, defaultOpen, controls, collapsedControls, }: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element;
+export default function CollapsiblePanel({ title, children, icon, defaultOpen, controls, collapsedControls, isFocused: isFocused, }: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/primitives/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import { StyleXStyles } from '@stylexjs/stylex';
 import { TemporalUnit } from '@malloydata/malloy-filter';
 interface DatePickerProps {
@@ -6,6 +7,7 @@ interface DatePickerProps {
     units: TemporalUnit;
     maxLevel: TemporalUnit;
     customStyle?: StyleXStyles;
+    forwardRef?: RefObject<HTMLDivElement | null>;
 }
-export default function DatePicker({ value, setValue, units, maxLevel, customStyle, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker({ value, setValue, units, maxLevel, customStyle, forwardRef, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/primitives/index.d.ts

@@ -11,6 +11,7 @@ export { default as EditableToken } from './tokens/EditableToken';
 export { default as SelectorToken } from './tokens/SelectorToken';
 export { default as Card } from './Card';
 export { default as TextInput } from './TextInput';
+export { default as CollapsiblePanel } from './CollapsiblePanel';
 export { default as CollapsibleListItem } from './lists/CollapsibleListItem';
 export { default as CodeBlock } from './CodeBlock';
 export { default as Spinner } from './Spinner';

package/dist/types/components/utils/segment.d.ts

@@ -1,5 +1,5 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
-import { ASTSegmentViewDefinition } from '@malloydata/malloy-query-builder';
+import { ASTSegmentViewDefinition, ParsedFilter } from '@malloydata/malloy-query-builder';
 import { ViewParent } from './fields';
 export declare function segmentHasLimit(segment: ASTSegmentViewDefinition): boolean;
 export declare function segmentHasOrderBy(segment: ASTSegmentViewDefinition, name: string): boolean;
@@ -7,4 +7,6 @@ export declare function segmentNestNo(segment: ASTSegmentViewDefinition, name?:
 export declare function addGroupBy(view: ViewParent, field: Malloy.FieldInfo, path: string[]): void;
 export declare function addAggregate(view: ViewParent, field: Malloy.FieldInfo, path: string[]): void;
 export declare function addNest(view: ViewParent, field: Malloy.FieldInfo): void;
+export declare function addOrderBy(view: ViewParent, field: Malloy.FieldInfo, direction?: Malloy.OrderByDirection): void;
+export declare function addFilter(view: ViewParent, field: Malloy.FieldInfo, path: string[], filter: ParsedFilter): void;
 export declare function getSegmentIfPresent(parent: ViewParent): ASTSegmentViewDefinition | undefined;

package/dist/types/contexts/QueryEditorContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as Malloy from '@malloydata/malloy-interfaces';
-import { ASTQuery } from '@malloydata/malloy-query-builder';
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
 export interface SearchValueMapResult {
     fieldName: string;
     cardinality: number;
@@ -17,6 +17,17 @@ export interface QueryEditorContextProps {
     /** Provide to allow editing of the query */
     setQuery?: (rootQuery: Malloy.Query | undefined) => void;
     topValues?: SearchValueMapResult[];
+    /** Currently focused nest query panel element */
+    currentNestQueryPanel?: HTMLElement | null;
+    /** Callback function for when the current focused nest query panel changes */
+    onCurrentNestQueryPanelChange?: (panel: HTMLElement | null) => void;
+    /** Nest view object corresponding to current focused nest query panel */
+    currentNestView?: ASTView | null;
+    /**
+     * Callback function for when the nest view object
+     * corresponding to current focused nest query panel changes
+     */
+    onCurrentNestViewChange?: (view: ASTView | null) => void;
 }
 /**
  * QueryEditorContext enables query editing by providing the setQuery

package/eslint.config.mjs

@@ -91,13 +91,7 @@ export default [
 
       'no-throw-literal': 'error',
 
-      '@typescript-eslint/consistent-type-imports': [
-        'error',
-        {
-          prefer: 'no-type-imports',
-        },
-      ],
-
+      '@typescript-eslint/consistent-type-imports': 'off',
       '@typescript-eslint/no-empty-function': 'off',
       '@typescript-eslint/no-non-null-assertion': 'off',
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.269-dev250430234249",
+  "version": "0.0.275-dev250509203914",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -102,11 +102,11 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">= 0.0.269",
-    "@malloydata/malloy-interfaces": ">= 0.0.269",
-    "@malloydata/malloy-query-builder": ">= 0.0.269",
-    "@malloydata/malloy-tag": ">= 0.0.269",
-    "@malloydata/render": ">= 0.0.269",
+    "@malloydata/malloy-filter": ">=0.0.275",
+    "@malloydata/malloy-interfaces": ">=0.0.275",
+    "@malloydata/malloy-query-builder": ">=0.0.275",
+    "@malloydata/malloy-tag": ">=0.0.275",
+    "@malloydata/render": ">=0.0.275",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }

package/dist/types/components/SourcePanel/AddFieldDropdownMenu.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { FieldInfo } from '@malloydata/malloy-interfaces';
-import { DropdownMenu } from '../primitives';
-import { ViewParent } from '../utils/fields';
-type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu>;
-interface AddFieldDropdownMenuProps extends Omit<DropdownMenuProps, 'children'> {
-    view: ViewParent;
-    field: FieldInfo;
-    path: string[];
-}
-export declare function AddFieldDropdownMenu({ view, field, path, ...props }: AddFieldDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/SourcePanel/NestFieldDropdownMenu.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { FieldInfo } from '@malloydata/malloy-interfaces';
-import { ViewParent } from '../utils/fields';
-interface NestFieldDropdownMenuProps {
-    view: ViewParent;
-    field: FieldInfo;
-    path: string[];
-    trigger: React.ReactElement;
-    onOpenChange: (open: boolean) => void;
-}
-export declare function NestFieldDropdownMenu({ view, field, path, trigger, onOpenChange, }: NestFieldDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/SourcePanel/OperationDropdownMenuItems.d.ts

@@ -1,10 +0,0 @@
-import { FieldInfo } from '@malloydata/malloy-interfaces';
-import { ViewParent } from '../utils/fields';
-interface OperationDropdownMenuItemsProps {
-    view: ViewParent;
-    field: FieldInfo;
-    path: string[];
-    withEmptyNest?: boolean;
-}
-export declare function OperationDropdownMenuItems({ view, field, path, withEmptyNest, }: OperationDropdownMenuItemsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/SourcePanel/hooks/useNestOperations.d.ts

@@ -1,9 +0,0 @@
-import { ASTQuery, ASTViewDefinition } from '@malloydata/malloy-query-builder';
-export type NestOperation = {
-    name: string;
-    view: ASTViewDefinition;
-};
-/**
- * Retrieves nest view operations from the root query.
- */
-export declare function useNestOperations(rootQuery?: ASTQuery): NestOperation[];