@malloydata/malloy-explorer 0.0.269-dev250430213122 → 0.0.271-dev250506000031

package/dist/malloy-explorer.css

@@ -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)}
@@ -350,6 +352,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 +370,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}
@@ -426,6 +430,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 +445,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}

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.269-dev250430213122",
+  "version": "0.0.271-dev250506000031",
   "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.271",
+    "@malloydata/malloy-interfaces": ">=0.0.271",
+    "@malloydata/malloy-query-builder": ">=0.0.271",
+    "@malloydata/malloy-tag": ">=0.0.271",
+    "@malloydata/render": ">=0.0.271",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }

package/scripts/gen_flow.ts

@@ -8,8 +8,7 @@ const inDir = path.resolve('dist/types');
 const files = [
   'index.d.ts',
   'components/MalloyExplorerProvider.d.ts',
-  'components/QueryPanel/QueryEditor.d.ts',
-  'components/QueryPanel/QueryActionBar.d.ts',
+  'components/QueryPanel/QueryPanel.d.ts',
   'components/ResultPanel/ResultPanel.d.ts',
   'components/ResultPanel/SubmittedQuery.d.ts',
   'components/SourcePanel/SourcePanel.d.ts',

package/@flowtypes/components/QueryPanel/QueryEditor.flow.js

@@ -1,3 +0,0 @@
-declare export function QueryEditor():
-  | $Exports<"react/jsx-runtime">["JSX"]["Element"]
-  | null;

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[];