@malloydata/malloy-explorer 0.0.264-dev250417011542 → 0.0.266-dev250421232431

package/dist/malloy-explorer.css

@@ -71,7 +71,9 @@
 .mlysu8s4a{background:var(--mly10mhzaa)}
 .mly1np9qvj{background:var(--mly1eayp21)}
 .mly1b4wx6v{background:var(--mly1mq821i)}
+.mly1p5yd3t{background:var(--mly4a29vv)}
 .mlyzkdzjc{border:1px solid #CCD3DB}
+.mly2yh2zd{border:1px solid #e0e0e0}
 .mly8fuzfi{border:1px solid #efefef}
 .mly1dc9p4k{border:1px solid red}
 .mly27xtdb{border:1px solid rgb(239,239,239)}
@@ -108,6 +110,7 @@
 .mly92jh8x{padding:4px 0 8px 0}
 .mlyztvwtv{padding:4px 0}
 .mly1fut7tt{padding:4px 12px 12px 12px}
+.mly9cpjcd{padding:4px 8px 4px 8px}
 .mly1q44i06{padding:4px 8px 4px}
 .mlydqdrvq{padding:4px 8px}
 .mlyfawy5m{padding:4px}
@@ -174,6 +177,7 @@
 
 @layer priority4{
 .mly6s0dn4{align-items:center}
+.mlypqajaz{align-items:end}
 .mly1cy8zhl{align-items:flex-start}
 .mly7a106z{align-items:start}
 .mly7v9bd0{animation-duration:.75s}
@@ -184,6 +188,7 @@
 .mlygmb8sa{background-color:#E6EBEF}
 .mly1dr8pv1{background-color:#F1F4F7}
 .mly83z2og{background-color:#fff}
+.mly1vzefiq{background-color:rgb(240,246,255)}
 .mlyy9rfsq{background-color:rgba(230,235,239,1)}
 .mly1jmk7v{background-color:rgba(37,54,63,1)}
 .mlyjbqb8w{background-color:transparent}
@@ -269,7 +274,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1q0g3np{flex-direction:row}
 .mly1iyjqo2{flex-grow:1}
 .mly2lah0s{flex-shrink:0}
-.mlyozqiw3{flex-wrap:nowrap}
 .mly1a02dak{flex-wrap:wrap}
 .mly6icuqf{font-family:sans-serif}
 .mly1rj5sg5{font-family:SF Pro Text,-apple-system,system-ui,sans-serif}
@@ -286,6 +290,8 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly117nqv4{font-weight:bold}
 .mly1fcty0u{font-weight:normal}
 .mly1mt1orb{grid-auto-flow:column}
+.mly15396mt{grid-template-columns:100px auto 100px}
+.mly52fmzj{grid-template-columns:1fr auto}
 .mly1g3yg12{grid-template-columns:auto 1fr auto}
 .mlyl56j7k{justify-content:center}
 .mly13a6bvl{justify-content:flex-end}
@@ -297,7 +303,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly11e9jwx{leading-trim:both}
 .mly1gu5id8{letter-spacing:-0.24px}
 .mly12oo3zp{letter-spacing:0}
-.mlywxc2jc{line-height:1.8}
 .mly1d3mw78{line-height:16px}
 .mly1fc57z9{line-height:20px}
 .mly1o2sk6j{line-height:24px}
@@ -383,9 +388,10 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyqyhut4{max-width:16.5px}
 .mlyaka53j{max-width:230px}
 .mlyxc7z9f{max-width:360px}
+.mly1j9u4d2{max-width:400px}
 .mlymcgfsh{max-width:60px}
-.mly1mnxie6{min-width:13.5px}
 .mly4x6u8j{min-width:16.5px}
+.mlygc0pbm{min-width:1px}
 .mly1jzhcrs{min-width:200px}
 .mlyt4ypqs{min-width:20px}
 .mlyfvyar9{min-width:60px}
@@ -427,7 +433,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly10lvyaf{width:calc(100% - 12px)}
 .mly1rxuhir{width:calc(100% - 22px)}
 .mly112rgfc{width:calc(100% - 40)}
-.mlynq0rdo{width:min-content}
 .mly1g65f5b{width:var(--radix-tooltip-trigger-width)}
 }
 

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+import { Moment, TemporalUnit } from '@malloydata/malloy-filter';
+interface DateInputProps {
+    value: Date;
+    setValue: (value: Date) => void;
+    placeholder?: string;
+    label?: string;
+    autoFocus?: boolean;
+    units: TemporalUnit;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    isActive?: boolean;
+    customStyle?: StyleXStyles;
+}
+export declare const formats: Record<TemporalUnit, string>;
+export declare const DateInput: React.FC<DateInputProps>;
+export declare function guessUnits(moment: Moment, isDateTime: boolean): TemporalUnit;
+export {};

package/dist/types/components/QueryPanel/AddMenu/ValueList.d.ts

@@ -1,12 +1,14 @@
 import * as React from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
 import { SearchIndexResult } from './hooks/useSearch';
 export interface FieldListProps {
     search: string;
     onClick: (value: SearchIndexResult) => void;
     fieldPath?: string;
     ref?: React.RefObject<HTMLDivElement | null>;
+    customStyle?: StyleXStyles;
 }
-export declare function ValueList({ onClick, search, fieldPath, ref }: FieldListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueList({ onClick, search, fieldPath, ref, customStyle, }: FieldListProps): import("react/jsx-runtime").JSX.Element;
 export interface ValueProps {
     value: SearchIndexResult;
 }

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

@@ -6,4 +6,4 @@ export interface LiteralValueEditorProps {
     setValue: (value: RawLiteralValue) => void;
     customStyle?: StyleXStyles;
 }
-export declare function LiteralValueEditor({ value, setValue, customStyle, }: LiteralValueEditorProps): import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function LiteralValueEditor({ value, setValue, customStyle, }: LiteralValueEditorProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,15 +1,4 @@
-import * as Malloy from '@malloydata/malloy-interfaces';
-export interface QueryEditorProps {
-    source: Malloy.SourceInfo;
-    query?: Malloy.Query;
-    setQuery?: (query: Malloy.Query | undefined) => void;
-}
 /**
- * The Query Viewing and Editing panel. Takes a `SourceInfo` object
- * and an optional `Query` object.
- *
- * @param source The source object to be used for query building.
- * @param query A query to be edited. Omit for a new query.
- * @returns
+ * The Query Viewing and Editing panel.
  */
 export declare function QueryEditor(): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/QueryPanel/operations/hover.stylex.d.ts

@@ -14,4 +14,7 @@ export declare const hoverStyles: Readonly<{
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", string>;
         readonly flexShrink: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexShrink", 0>;
     }>;
+    readonly hoverOpen: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "inline-flex">;
+    }>;
 }>;

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

@@ -1 +1,4 @@
-export declare function SourcePanel(): import("react/jsx-runtime").JSX.Element | null;
+export interface SourcePanelProps {
+    onRefresh: () => void;
+}
+export declare function SourcePanel({ onRefresh }: SourcePanelProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,4 @@
 import { BooleanFilter } from '@malloydata/malloy-filter';
-export type BooleanFilterType = 'is_true' | 'is_false' | 'is_null' | 'is_not_null' | 'is_false_or_null';
 export interface BooleanFilterDialogProps {
     filter: BooleanFilter;
     setFilter: (filter: BooleanFilter) => void;

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

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { TemporalFilter } from '@malloydata/malloy-filter';
-type DateTimeFilterType = 'is_equal_to' | 'is_before' | 'is_after' | 'is_between' | 'is_null' | 'is_not_null';
+import { TemporalFilter, TemporalUnit } from '@malloydata/malloy-filter';
+type TemporalFilterOperator = TemporalFilter['operator'];
+type TemporalFilterType = TemporalFilterOperator | '-null';
 export interface DateTimeFilterCoreProps {
     filter: TemporalFilter | null;
     setFilter: (filter: TemporalFilter) => void;
     isDateTime: boolean;
 }
 export declare const DateTimeFilterCore: React.FC<DateTimeFilterCoreProps>;
-export declare function dateTimeFilterChangeType(filter: TemporalFilter, type: DateTimeFilterType): TemporalFilter;
+export declare function dateTimeFilterChangeType(filter: TemporalFilter, type: TemporalFilterType, units: TemporalUnit): TemporalFilter;
 export {};

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { Null, NumberCondition, NumberFilter } from '@malloydata/malloy-filter';
-type NumberFilterType = 'is_equal_to' | 'is_greater_than' | 'is_less_than' | 'is_greater_than_or_equal_to' | 'is_less_than_or_equal_to' | 'is_null' | 'is_not_equal_to' | 'is_not_null';
-type BasicNumberFilter = NumberCondition | Null;
+import { Null, NumberCondition, NumberFilter, NumberRange } from '@malloydata/malloy-filter';
+type NumberFilterType = 'is_equal_to' | 'is_greater_than' | 'is_less_than' | 'is_greater_than_or_equal_to' | 'is_less_than_or_equal_to' | 'is_null' | 'is_between' | 'is_not_equal_to' | 'is_not_null';
+type BasicNumberFilter = NumberCondition | NumberRange | Null;
 export interface NumberFilterCoreProps {
     filter: NumberFilter | null;
     setFilter: (filter: NumberFilter) => void;

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

@@ -7,6 +7,7 @@ export declare const filterStyles: Readonly<{
         readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 8>;
         readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", 8>;
         readonly minWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"minWidth", 200>;
+        readonly maxWidth: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"maxWidth", 400>;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
     readonly filterDialogHeader: Readonly<{
@@ -19,4 +20,23 @@ export declare const filterStyles: Readonly<{
         readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
     }>;
+    readonly editor: Readonly<{
+        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", 350>;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorRow: Readonly<{
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", 8>;
+    }>;
+    readonly editorCell: Readonly<{
+        readonly flexGrow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"flexGrow", 1>;
+    }>;
+    readonly input: Readonly<{
+        readonly border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", "1px solid #e0e0e0">;
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", "rgb(95, 99, 104)">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px 4px 8px">;
+        readonly borderRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderRadius", 5>;
+    }>;
 }>;

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

@@ -1,9 +1,11 @@
 import { StyleXStyles } from '@stylexjs/stylex';
+import { TemporalUnit } from '@malloydata/malloy-filter';
 interface DatePickerProps {
     value: Date;
     setValue: (value: Date) => void;
-    maxLevel: 'year' | 'month' | 'day' | 'quarter' | 'week' | 'hour' | 'minute' | 'second';
-    style?: StyleXStyles;
+    units: TemporalUnit;
+    maxLevel: TemporalUnit;
+    customStyle?: StyleXStyles;
 }
-export default function DatePicker({ value, setValue, maxLevel, style, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker({ value, setValue, units, maxLevel, customStyle, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/primitives/tokens/styles.d.ts

@@ -1,6 +1,7 @@
 export declare const tokenStyles: Readonly<{
     readonly main: Readonly<{
-        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "flex">;
+        readonly display: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"display", "inline-grid">;
+        readonly gridAutoFlow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gridAutoFlow", "column">;
         readonly alignItems: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"justifyContent", "center">;
         readonly gap: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"gap", "8px">;
@@ -19,6 +20,7 @@ export declare const tokenStyles: Readonly<{
         readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", null>;
         readonly textOverflow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"textOverflow", "ellipsis">;
         readonly overflow: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"overflow", "hidden">;
+        readonly whiteSpace: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"whiteSpace", "nowrap">;
     }>;
 }>;
 export declare const tokenColorVariants: Readonly<{

package/dist/types/components/primitives/utils/icon.d.ts

@@ -83,6 +83,18 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly refresh: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    readonly sidebarCollapse: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly aggregate: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -1,7 +1,9 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
 import { AtomicTypeType, ParameterTypeType } from '@malloydata/malloy-interfaces';
 import { IconType } from '../primitives';
+import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
 export declare function atomicTypeToIcon(type: AtomicTypeType | ParameterTypeType): IconType;
 export declare function fieldKindToColor(kind: 'dimension' | 'measure' | 'join' | 'view'): "purple" | "green" | "cyan" | undefined;
 export declare function fieldToIcon(field: Malloy.FieldInfo): IconType;
 export declare function relationshipToIcon(relationship: Malloy.Relationship): IconType;
+export declare function viewToVisualizationIcon(view: ASTQuery | ASTView): IconType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.264-dev250417011542",
+  "version": "0.0.266-dev250421232431",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -51,6 +51,7 @@
   },
   "homepage": "https://github.com/malloydata/malloy-explorer#readme",
   "dependencies": {
+    "@floating-ui/react-dom": "2.1.2",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-icons": "^1.3.2",
@@ -98,11 +99,11 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": ">=0.0.264",
-    "@malloydata/malloy-interfaces": ">=0.0.264",
-    "@malloydata/malloy-query-builder": ">=0.0.264",
-    "@malloydata/malloy-tag": ">=0.0.264",
-    "@malloydata/render": ">=0.0.264",
+    "@malloydata/malloy-filter": ">=0.0.266",
+    "@malloydata/malloy-interfaces": ">=0.0.266",
+    "@malloydata/malloy-query-builder": ">=0.0.266",
+    "@malloydata/malloy-tag": ">=0.0.266",
+    "@malloydata/render": ">=0.0.266",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }

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

@@ -1,5 +0,0 @@
-import { ASTQuery, ASTView } from '@malloydata/malloy-query-builder';
-export interface VisualizationIconProps {
-    view: ASTQuery | ASTView;
-}
-export declare function VisualizationIcon({ view }: VisualizationIconProps): import("react/jsx-runtime").JSX.Element;