@servicetitan/dte-unlayer 0.144.0 → 0.145.0

package/dist/display-conditions/LookupValueControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LookupValueControl.d.ts","sourceRoot":"","sources":["../../src/display-conditions/LookupValueControl.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAqBD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,KAAK,GACR,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CAsJnC"}
+{"version":3,"file":"LookupValueControl.d.ts","sourceRoot":"","sources":["../../src/display-conditions/LookupValueControl.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAiCD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,KAAK,GACR,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CAyJnC"}

package/dist/display-conditions/LookupValueControl.js

@@ -7,6 +7,16 @@ const toOption = (option)=>({
         id: option.key,
         label: option.label
     });
+/*
+ * Searchable sources return nothing until the user types, which would make the
+ * dropdown show its built-in "No match found" empty state on open — confusing
+ * before any search has happened. Render a disabled hint instead so the list is
+ * never mistaken for "no results".
+ */ const SEARCH_HINT_OPTION = {
+    id: '__lookup_search_hint__',
+    label: 'Start typing to search…',
+    disabled: true
+};
 const sanitizeNumericInput = (raw)=>{
     let value = raw.replaceAll(/[^0-9.-]/g, '');
     const isNegative = value.startsWith('-');
@@ -121,6 +131,11 @@ const sanitizeNumericInput = (raw)=>{
         resolveOptions
     ]);
     const handleLoadOptions = useCallback(async (query)=>{
+        if (!query.trim()) {
+            return [
+                SEARCH_HINT_OPTION
+            ];
+        }
         const result = await loadOptions(query);
         return result.map(toOption);
     }, [

package/dist/display-conditions/LookupValueControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/display-conditions/LookupValueControl.tsx"],"sourcesContent":["import { TextField } from '@servicetitan/anvil2';\nimport { SelectField, SelectFieldOption, SelectFieldSync } from '@servicetitan/anvil2/beta';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { LookupOption } from './lookupOptionsController';\nimport { useLookupOptions } from './useLookupOptions';\n\nexport interface LookupValueControlProps {\n    value: string;\n    fieldType: 'number' | 'string';\n    /** The selected data point's `options.fieldLookupSource`; empty -> free-text input. */\n    lookupSource?: string;\n    onChange: (value: string) => void;\n}\n\nconst toOption = (option: LookupOption): SelectFieldOption => ({\n    id: option.key,\n    label: option.label,\n});\n\nconst sanitizeNumericInput = (raw: string): string => {\n    let value = raw.replaceAll(/[^0-9.-]/g, '');\n    const isNegative = value.startsWith('-');\n    value = value.replaceAll('-', '');\n    if (isNegative) {\n        value = `-${value}`;\n    }\n    const firstDot = value.indexOf('.');\n    if (firstDot >= 0) {\n        value = `${value.slice(0, firstDot + 1)}${value.slice(firstDot + 1).replaceAll('.', '')}`;\n    }\n    return value;\n};\n\n/**\n * Renders the value control for a single condition based on the field's lookup source:\n *  - `static`     -> full list returned by the host, filtered locally (`SelectFieldSync`).\n *  - `searchable` -> host searches per typed query (`SelectField` + `loadOptions`).\n *  - `idle`/`fallback`/`loading` -> free-text input (never block the user).\n *\n * Unlayer persists conditions as a Nunjucks string, so a saved searchable value\n * has no stored label — we display the saved key as the label until the user\n * re-searches and re-selects.\n */\nexport function LookupValueControl({\n    fieldType,\n    lookupSource,\n    onChange,\n    value,\n}: Readonly<LookupValueControlProps>) {\n    const { loadOptions, options, resolveOptions, status } = useLookupOptions(lookupSource);\n\n    const staticOptions = useMemo<SelectFieldOption[]>(() => options.map(toOption), [options]);\n\n    /*\n     * Fall back to the raw value so a saved key that the host omits from its list\n     * (e.g. an inactive/renamed option) still shows on edit instead of vanishing.\n     */\n    const staticSelected = useMemo<SelectFieldOption | null>(() => {\n        if (!value) {\n            return null;\n        }\n        return (\n            staticOptions.find(option => String(option.id) === value) ?? { id: value, label: value }\n        );\n    }, [staticOptions, value]);\n\n    /*\n     * Ensure the saved value is present in the list so it is visible/selectable\n     * even when the host did not return it.\n     */\n    const staticOptionsWithSelected = useMemo<SelectFieldOption[]>(() => {\n        if (\n            staticSelected &&\n            !staticOptions.some(option => String(option.id) === String(staticSelected.id))\n        ) {\n            return [staticSelected, ...staticOptions];\n        }\n        return staticOptions;\n    }, [staticOptions, staticSelected]);\n\n    const [searchableSelected, setSearchableSelected] = useState<SelectFieldOption | null>(\n        value ? { id: value, label: value } : null,\n    );\n\n    // Tracks the key we've already turned into a human-readable label so we don't re-resolve it.\n    const resolvedKeyRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        setSearchableSelected(prev => {\n            if (!value) {\n                return null;\n            }\n            if (prev?.id === value) {\n                return prev;\n            }\n            return { id: value, label: value };\n        });\n    }, [value]);\n\n    // On open (or when a saved searchable value appears), ask the host to resolve key -> label.\n    useEffect(() => {\n        if (status !== 'searchable' || !value) {\n            resolvedKeyRef.current = null;\n            return;\n        }\n        if (resolvedKeyRef.current === value) {\n            return;\n        }\n\n        let cancelled = false;\n        resolveOptions([value]).then(result => {\n            if (cancelled) {\n                return;\n            }\n            const match = result.find(option => option.key === value);\n            if (match) {\n                resolvedKeyRef.current = value;\n                setSearchableSelected({ id: match.key, label: match.label });\n            }\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [status, value, resolveOptions]);\n\n    const handleLoadOptions = useCallback(\n        async (query: string) => {\n            const result = await loadOptions(query);\n            return result.map(toOption);\n        },\n        [loadOptions],\n    );\n\n    if (status === 'loading') {\n        return (\n            <TextField\n                label=\"Value\"\n                size=\"small\"\n                flex={1}\n                disabled\n                value=\"\"\n                placeholder=\"\"\n                aria-label=\"Value\"\n            />\n        );\n    }\n\n    if (status === 'static') {\n        return (\n            <SelectFieldSync\n                flex={1}\n                size=\"small\"\n                label=\"Value\"\n                placeholder=\"Search value...\"\n                options={staticOptionsWithSelected}\n                value={staticSelected}\n                onSelectedOptionChange={option => onChange(option ? String(option.id) : '')}\n            />\n        );\n    }\n\n    if (status === 'searchable') {\n        return (\n            <SelectField\n                flex={1}\n                size=\"small\"\n                label=\"Value\"\n                placeholder=\"Type to search...\"\n                initialLoad=\"open\"\n                loadOptions={handleLoadOptions}\n                value={searchableSelected}\n                onSelectedOptionChange={option => {\n                    resolvedKeyRef.current = option ? String(option.id) : null;\n                    setSearchableSelected(option);\n                    onChange(option ? String(option.id) : '');\n                }}\n            />\n        );\n    }\n\n    // idle / fallback (no source, empty, error, or timeout) -> free text.\n    const handleTextChange = (raw: string) => {\n        onChange(fieldType === 'number' ? sanitizeNumericInput(raw) : raw);\n    };\n\n    return (\n        <TextField\n            label=\"Value\"\n            size=\"small\"\n            flex={1}\n            value={value}\n            onChange={e => handleTextChange(e.target.value)}\n            placeholder={fieldType === 'number' ? 'e.g. 1.5' : 'Enter value...'}\n            aria-label=\"Value\"\n            {...(fieldType === 'number' && { inputMode: 'decimal' })}\n        />\n    );\n}\n"],"names":["TextField","SelectField","SelectFieldSync","useCallback","useEffect","useMemo","useRef","useState","useLookupOptions","toOption","option","id","key","label","sanitizeNumericInput","raw","value","replaceAll","isNegative","startsWith","firstDot","indexOf","slice","LookupValueControl","fieldType","lookupSource","onChange","loadOptions","options","resolveOptions","status","staticOptions","map","staticSelected","find","String","staticOptionsWithSelected","some","searchableSelected","setSearchableSelected","resolvedKeyRef","prev","current","cancelled","then","result","match","handleLoadOptions","query","size","flex","disabled","placeholder","aria-label","onSelectedOptionChange","initialLoad","handleTextChange","e","target","inputMode"],"mappings":"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"}
+{"version":3,"sources":["../../src/display-conditions/LookupValueControl.tsx"],"sourcesContent":["import { TextField } from '@servicetitan/anvil2';\nimport { SelectField, SelectFieldOption, SelectFieldSync } from '@servicetitan/anvil2/beta';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { LookupOption } from './lookupOptionsController';\nimport { useLookupOptions } from './useLookupOptions';\n\nexport interface LookupValueControlProps {\n    value: string;\n    fieldType: 'number' | 'string';\n    /** The selected data point's `options.fieldLookupSource`; empty -> free-text input. */\n    lookupSource?: string;\n    onChange: (value: string) => void;\n}\n\nconst toOption = (option: LookupOption): SelectFieldOption => ({\n    id: option.key,\n    label: option.label,\n});\n\n/*\n * Searchable sources return nothing until the user types, which would make the\n * dropdown show its built-in \"No match found\" empty state on open — confusing\n * before any search has happened. Render a disabled hint instead so the list is\n * never mistaken for \"no results\".\n */\nconst SEARCH_HINT_OPTION: SelectFieldOption = {\n    id: '__lookup_search_hint__',\n    label: 'Start typing to search…',\n    disabled: true,\n};\n\nconst sanitizeNumericInput = (raw: string): string => {\n    let value = raw.replaceAll(/[^0-9.-]/g, '');\n    const isNegative = value.startsWith('-');\n    value = value.replaceAll('-', '');\n    if (isNegative) {\n        value = `-${value}`;\n    }\n    const firstDot = value.indexOf('.');\n    if (firstDot >= 0) {\n        value = `${value.slice(0, firstDot + 1)}${value.slice(firstDot + 1).replaceAll('.', '')}`;\n    }\n    return value;\n};\n\n/**\n * Renders the value control for a single condition based on the field's lookup source:\n *  - `static`     -> full list returned by the host, filtered locally (`SelectFieldSync`).\n *  - `searchable` -> host searches per typed query (`SelectField` + `loadOptions`).\n *  - `idle`/`fallback`/`loading` -> free-text input (never block the user).\n *\n * Unlayer persists conditions as a Nunjucks string, so a saved searchable value\n * has no stored label — we display the saved key as the label until the user\n * re-searches and re-selects.\n */\nexport function LookupValueControl({\n    fieldType,\n    lookupSource,\n    onChange,\n    value,\n}: Readonly<LookupValueControlProps>) {\n    const { loadOptions, options, resolveOptions, status } = useLookupOptions(lookupSource);\n\n    const staticOptions = useMemo<SelectFieldOption[]>(() => options.map(toOption), [options]);\n\n    /*\n     * Fall back to the raw value so a saved key that the host omits from its list\n     * (e.g. an inactive/renamed option) still shows on edit instead of vanishing.\n     */\n    const staticSelected = useMemo<SelectFieldOption | null>(() => {\n        if (!value) {\n            return null;\n        }\n        return (\n            staticOptions.find(option => String(option.id) === value) ?? { id: value, label: value }\n        );\n    }, [staticOptions, value]);\n\n    /*\n     * Ensure the saved value is present in the list so it is visible/selectable\n     * even when the host did not return it.\n     */\n    const staticOptionsWithSelected = useMemo<SelectFieldOption[]>(() => {\n        if (\n            staticSelected &&\n            !staticOptions.some(option => String(option.id) === String(staticSelected.id))\n        ) {\n            return [staticSelected, ...staticOptions];\n        }\n        return staticOptions;\n    }, [staticOptions, staticSelected]);\n\n    const [searchableSelected, setSearchableSelected] = useState<SelectFieldOption | null>(\n        value ? { id: value, label: value } : null,\n    );\n\n    // Tracks the key we've already turned into a human-readable label so we don't re-resolve it.\n    const resolvedKeyRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        setSearchableSelected(prev => {\n            if (!value) {\n                return null;\n            }\n            if (prev?.id === value) {\n                return prev;\n            }\n            return { id: value, label: value };\n        });\n    }, [value]);\n\n    // On open (or when a saved searchable value appears), ask the host to resolve key -> label.\n    useEffect(() => {\n        if (status !== 'searchable' || !value) {\n            resolvedKeyRef.current = null;\n            return;\n        }\n        if (resolvedKeyRef.current === value) {\n            return;\n        }\n\n        let cancelled = false;\n        resolveOptions([value]).then(result => {\n            if (cancelled) {\n                return;\n            }\n            const match = result.find(option => option.key === value);\n            if (match) {\n                resolvedKeyRef.current = value;\n                setSearchableSelected({ id: match.key, label: match.label });\n            }\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [status, value, resolveOptions]);\n\n    const handleLoadOptions = useCallback(\n        async (query: string) => {\n            if (!query.trim()) {\n                return [SEARCH_HINT_OPTION];\n            }\n            const result = await loadOptions(query);\n            return result.map(toOption);\n        },\n        [loadOptions],\n    );\n\n    if (status === 'loading') {\n        return (\n            <TextField\n                label=\"Value\"\n                size=\"small\"\n                flex={1}\n                disabled\n                value=\"\"\n                placeholder=\"\"\n                aria-label=\"Value\"\n            />\n        );\n    }\n\n    if (status === 'static') {\n        return (\n            <SelectFieldSync\n                flex={1}\n                size=\"small\"\n                label=\"Value\"\n                placeholder=\"Search value...\"\n                options={staticOptionsWithSelected}\n                value={staticSelected}\n                onSelectedOptionChange={option => onChange(option ? String(option.id) : '')}\n            />\n        );\n    }\n\n    if (status === 'searchable') {\n        return (\n            <SelectField\n                flex={1}\n                size=\"small\"\n                label=\"Value\"\n                placeholder=\"Type to search...\"\n                initialLoad=\"open\"\n                loadOptions={handleLoadOptions}\n                value={searchableSelected}\n                onSelectedOptionChange={option => {\n                    resolvedKeyRef.current = option ? String(option.id) : null;\n                    setSearchableSelected(option);\n                    onChange(option ? String(option.id) : '');\n                }}\n            />\n        );\n    }\n\n    // idle / fallback (no source, empty, error, or timeout) -> free text.\n    const handleTextChange = (raw: string) => {\n        onChange(fieldType === 'number' ? sanitizeNumericInput(raw) : raw);\n    };\n\n    return (\n        <TextField\n            label=\"Value\"\n            size=\"small\"\n            flex={1}\n            value={value}\n            onChange={e => handleTextChange(e.target.value)}\n            placeholder={fieldType === 'number' ? 'e.g. 1.5' : 'Enter value...'}\n            aria-label=\"Value\"\n            {...(fieldType === 'number' && { inputMode: 'decimal' })}\n        />\n    );\n}\n"],"names":["TextField","SelectField","SelectFieldSync","useCallback","useEffect","useMemo","useRef","useState","useLookupOptions","toOption","option","id","key","label","SEARCH_HINT_OPTION","disabled","sanitizeNumericInput","raw","value","replaceAll","isNegative","startsWith","firstDot","indexOf","slice","LookupValueControl","fieldType","lookupSource","onChange","loadOptions","options","resolveOptions","status","staticOptions","map","staticSelected","find","String","staticOptionsWithSelected","some","searchableSelected","setSearchableSelected","resolvedKeyRef","prev","current","cancelled","then","result","match","handleLoadOptions","query","trim","size","flex","placeholder","aria-label","onSelectedOptionChange","initialLoad","handleTextChange","e","target","inputMode"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/dte-unlayer",
-  "version": "0.144.0",
+  "version": "0.145.0",
   "description": "",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",

package/src/display-conditions/LookupValueControl.tsx

@@ -17,6 +17,18 @@ const toOption = (option: LookupOption): SelectFieldOption => ({
     label: option.label,
 });
 
+/*
+ * Searchable sources return nothing until the user types, which would make the
+ * dropdown show its built-in "No match found" empty state on open — confusing
+ * before any search has happened. Render a disabled hint instead so the list is
+ * never mistaken for "no results".
+ */
+const SEARCH_HINT_OPTION: SelectFieldOption = {
+    id: '__lookup_search_hint__',
+    label: 'Start typing to search…',
+    disabled: true,
+};
+
 const sanitizeNumericInput = (raw: string): string => {
     let value = raw.replaceAll(/[^0-9.-]/g, '');
     const isNegative = value.startsWith('-');
@@ -126,6 +138,9 @@ export function LookupValueControl({
 
     const handleLoadOptions = useCallback(
         async (query: string) => {
+            if (!query.trim()) {
+                return [SEARCH_HINT_OPTION];
+            }
             const result = await loadOptions(query);
             return result.map(toOption);
         },