@malloydata/malloy-explorer 0.0.275-dev250512182350 → 0.0.278-dev250515234639

package/dist/malloy-explorer.css

@@ -87,7 +87,6 @@
 .mly1gs6z28{border:none}
 .mly15r89dc{grid-area:1 / 1}
 .mly1ghz6dp{margin:0}
-.mly1hlb6i2{margin:12px}
 .mlynfbntj{margin:5px 0}
 .mly16zck5j{margin:5px}
 .mlykib98w{margin:8px}
@@ -111,7 +110,6 @@
 .mly1fut7tt{padding:4px 12px 12px 12px}
 .mlytdwleo{padding:4px 12px}
 .mly9cpjcd{padding:4px 8px 4px 8px}
-.mly1q44i06{padding:4px 8px 4px}
 .mlydqdrvq{padding:4px 8px}
 .mlyfawy5m{padding:4px}
 .mly17qkr04{padding:5px 0}
@@ -202,7 +200,6 @@
 .mly6wxqrg{background-color:var(--malloy-composer-form-focusBackground,#f0f6ff)}
 .mly12azwz9{background-color:var(--malloy-composer-menu-background,white)}
 .mlyrkwa2d{background-color:var(--mly19gk0g3)}
-.mly1pcjto7{background-color:var(--mly1bn1nfc)}
 .mly1pnbjq1{background-color:var(--mly1bs2mf7)}
 .mly12nb83b{background-color:var(--mly1yr7ch6)}
 .mly1x7w6om{background-color:var(--mlyhsum04)}
@@ -229,6 +226,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1v5ugh9{color:#505050}
 .mly358b0h{color:#909090}
 .mly1e2nbdu{color:red}
+.mly198oq2i{color:rgb(62,158,251)!important}
 .mlyizdh9v{color:rgb(95,99,104)}
 .mlykfrnou{color:rgba(0,100,224,1)}
 .mlyj5j7qc{color:rgba(100,118,133,1)}
@@ -327,7 +325,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly1vqy1sf{text-edge:cap}
 .mlylyipyv{text-overflow:ellipsis}
 .mly6mezaz{text-transform:none}
-.mly1fuxgwz{transform:scale(1.33)}
 .mly87ps6o{user-select:none}
 .mlyxymvpz{vertical-align:middle}
 .mly1n8ftqi{vertical-align:text-top}
@@ -337,7 +334,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlyuxw1ft{white-space:nowrap}
 .mly126k92a{white-space:pre-wrap}
 .mly1so62im{will-change:transform}
-.mly1yn0g08{word-break:break-all}
+.mly1vvkbs{word-wrap:break-word}
 .mly35i7{writing-mode:sideways-lr}
 .mly1vjfegm{z-index:1}
 .mly11uqc5h{z-index:100}
@@ -398,7 +395,6 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly3d5gib{max-height:50vh}
 .mly1kbvuzt{max-height:var(--radix-tooltip-content-available-height)}
 .mlyqyhut4{max-width:16.5px}
-.mlyaka53j{max-width:230px}
 .mly1pdpmub{max-width:264px}
 .mly1jkqq1h{max-width:280px}
 .mly1dc814f{max-width:350px}

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

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

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

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

package/dist/types/components/primitives/Badge.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -1,5 +1,7 @@
+import * as React from 'react';
 interface HoverTextProps {
     text: string;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
     align?: 'start' | 'center' | 'end';
     side?: 'top' | 'bottom' | 'left' | 'right';
 }
@@ -8,5 +10,5 @@ interface HoverTextProps {
  * Works in hovered parent.
  * Works with formatted text.
  */
-export declare function HoverText({ text, align, side, }: HoverTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverText({ text, containerRef, align, side, }: HoverTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+interface RichTextProps extends React.ComponentProps<'div'> {
+    children: string;
+    ref?: React.RefObject<HTMLDivElement | null>;
+    isTooltipContent?: boolean;
+    customStyle: StyleXStyles;
+}
+export declare function RichText({ children, ref, customStyle, isTooltipContent, ...props }: RichTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -403,4 +403,3 @@ export declare const ICON_MAP: {
     }>;
 };
 export type IconType = keyof typeof ICON_MAP;
-export declare const SMALL_ICONS: IconType[];

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

@@ -13,3 +13,7 @@ export declare function getViewDefinition(parent: ViewParent): import("@malloyda
 export declare function getInputSchemaFromViewParent(parent: ViewParent): Malloy.Schema;
 export declare function isNotAnnotatedFilteredField(field: Malloy.FieldInfo): boolean;
 export declare function findUniqueFieldName(fields: Malloy.FieldInfo[], rename: string, path?: string[]): string;
+export declare function findField(schema: Malloy.Schema, name: string): Malloy.FieldInfo | undefined;
+export declare function findDimension(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithDimension | undefined;
+export declare function findMeasure(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithMeasure | undefined;
+export declare function findView(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithView | undefined;

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

@@ -0,0 +1,5 @@
+import { ParsedFilter } from '@malloydata/malloy-query-builder';
+export declare const parsedToLabels: (parsed: ParsedFilter, filterString: string) => {
+    op: string;
+    value: string;
+};

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

@@ -0,0 +1 @@
+export {};

package/dist/types/test/SvgMock.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function SvgMock({ ...props }: React.HTMLAttributes<HTMLOrSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default SvgMock;

package/dist/types/test/model.d.ts

@@ -0,0 +1,2 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+export declare const modelInfo: Malloy.ModelInfo;

package/dist/types/test/utils.d.ts

@@ -0,0 +1,7 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+export declare function expectDimension(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithDimension;
+export declare function expectMeasure(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithMeasure;
+export declare function expectView(schema: Malloy.Schema, name: string): Malloy.FieldInfoWithView;
+type Constructor = new (...args: any[]) => any;
+export declare function expectInstanceOf<T extends Constructor>(object: unknown, constructor: T): InstanceType<T>;
+export {};

package/eslint.config.mjs

@@ -6,9 +6,8 @@ import prettier from 'eslint-plugin-prettier';
 import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import tsParser from '@typescript-eslint/parser';
-import globals from 'globals';
+import globals, {fileURLToPath} from 'node:url';
 import path from 'node:path';
-import {fileURLToPath} from 'node:url';
 import js from '@eslint/js';
 import {FlatCompat} from '@eslint/eslintrc';
 
@@ -30,6 +29,7 @@ export default [
       '**/dist/',
       '**/build/',
       '**/malloy-samples/',
+      'babel.config.cjs',
     ],
   },
   ...fixupConfigRules(
@@ -139,7 +139,7 @@ export default [
     },
   },
   {
-    files: ['**/*.spec.ts'],
+    files: ['**/*.spec.tsx?'],
 
     languageOptions: {
       globals: {

package/jest.config.ts

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+module.exports = {
+  setupFilesAfterEnv: ['<rootDir>/src/test/jest.setup.ts'],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  testMatch: ['**/?(*.)spec.(ts|js)?(x)'],
+  testPathIgnorePatterns: ['/node_modules/', '/dist/', '/dev/', '/src/test/'],
+  transform: {
+    '^.+\\.tsx?$': ['babel-jest'],
+  },
+  testTimeout: 100000,
+  verbose: true,
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  coverageReporters: ['lcov', 'html'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.(ts|tsx)', '!**/*.stylex.ts'],
+  preset: 'ts-jest',
+  moduleNameMapper: {
+    uuid: require.resolve('uuid'),
+    '\\.svg\\?react$': '<rootDir>/src/test/SvgMock.tsx',
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.275-dev250512182350",
+  "version": "0.0.278-dev250515234639",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -75,13 +75,19 @@
     "react-dom": ">= 19.0.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.27.1",
     "@eslint/compat": "^1.2.7",
     "@eslint/js": "^9.21.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@stylexjs/eslint-plugin": "^0.11.1",
     "@stylexjs/postcss-plugin": "^0.11.1",
     "@stylexjs/rollup-plugin": "^0.10.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/jest": "^29.5.14",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@typescript-eslint/eslint-plugin": "^8.26.0",
@@ -96,17 +102,19 @@
     "flow-api-translator": "^0.26.0",
     "globals": "^16.0.0",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.5.3",
+    "ts-jest": "^29.3.2",
     "tsx": "^4.19.3",
     "vite": "^6.1.0",
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@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",
+    "@malloydata/malloy-filter": ">= 0.0.278",
+    "@malloydata/malloy-interfaces": ">= 0.0.278",
+    "@malloydata/malloy-query-builder": ">= 0.0.278",
+    "@malloydata/malloy-tag": ">= 0.0.278",
+    "@malloydata/render": ">= 0.0.278",
     "react": ">= 19.0.0",
     "react-dom": ">= 19.0.0"
   }

package/postcss.config.mjs

@@ -7,7 +7,7 @@
  *
  */
 
-import babelConfig from './babel.config.mjs';
+import babelConfig from './babel.config.cjs';
 
 export default {
   plugins: {

package/vite.config.mts

@@ -4,7 +4,7 @@ import {resolve} from 'path';
 import replace from '@rollup/plugin-replace';
 import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
-import babelConfig from './babel.config.mjs';
+import babelConfig from './babel.config.cjs';
 
 export default defineConfig({
   plugins: [
@@ -14,6 +14,7 @@ export default defineConfig({
       'Object.defineProperty(exports, "__esModule", { value: true });':
         'Object.defineProperty(typeof exports !== \'undefined\' ? exports : {}, "__esModule", { value: true });',
       delimiters: ['\n', '\n'],
+      preventAssignment: true,
     }),
   ],
   build: {

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

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export interface FieldProps {
-    children: ReactNode | ReactNode[];
-}
-export declare function Label({ children }: FieldProps): import("react/jsx-runtime").JSX.Element;