@malloydata/malloy-explorer 0.0.257-dev250417005958 → 0.0.264-dev250418182827

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}
@@ -184,6 +187,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 +273,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 +289,7 @@ 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}
+.mly52fmzj{grid-template-columns:1fr auto}
 .mly1g3yg12{grid-template-columns:auto 1fr auto}
 .mlyl56j7k{justify-content:center}
 .mly13a6bvl{justify-content:flex-end}
@@ -383,9 +387,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 +432,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/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/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/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<{

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/utils/icon.d.ts

@@ -1,7 +1,7 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
-import { AtomicTypeType } from '@malloydata/malloy-interfaces';
+import { AtomicTypeType, ParameterTypeType } from '@malloydata/malloy-interfaces';
 import { IconType } from '../primitives';
-export declare function atomicTypeToIcon(type: AtomicTypeType): IconType;
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.257-dev250417005958",
+  "version": "0.0.264-dev250418182827",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -25,8 +25,8 @@
     "dev": "vite",
     "preview": "vite preview",
     "lint": "tsc --noEmit && eslint .",
-    "malloy-update-next": "npm install  --no-fund --no-audit --save-exact $(./scripts/malloy-packages.ts next)",
-    "malloy-update": "npm install  --no-fund --no-audit --save-exact $(./scripts/malloy-packages.ts latest)",
+    "malloy-update-next": "npm install --no-fund --no-audit $(./scripts/malloy-packages.ts next)",
+    "malloy-update": "npm install --no-fund --no-audit $(./scripts/malloy-packages.ts latest)",
     "malloy-link": "npm --no-fund --no-audit link $(./scripts/malloy-packages.ts)",
     "malloy-unlink": "npm --no-fund --no-save --no-audit unlink $(./scripts/malloy-packages.ts) && npm --no-fund --no-audit install --force",
     "malloy-build-and-link": "cd ../malloy && npm run -ws build --workspace=@malloydata/malloy-query-builder --workspace=@malloydata/malloy-filter --workspace=@malloydata/malloy-interfaces --workspace=@malloydata/malloy-tag && npm link -ws",
@@ -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.261",
-    "@malloydata/malloy-interfaces": "0.0.261",
-    "@malloydata/malloy-query-builder": "0.0.261",
-    "@malloydata/malloy-tag": "0.0.261",
-    "@malloydata/render": "0.0.261",
+    "@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",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }