@servicetitan/dte-unlayer 0.153.0 → 0.155.0

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionRow.d.ts","sourceRoot":"","sources":["../../src/display-conditions/ConditionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAqB,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAoB,eAAe,EAA0C,MAAM,SAAS,CAAC;AACpG,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAaD,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,GACX,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BAuR7B"}
+{"version":3,"file":"ConditionRow.d.ts","sourceRoot":"","sources":["../../src/display-conditions/ConditionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAqB,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAoB,eAAe,EAA0C,MAAM,SAAS,CAAC;AACpG,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,eAAe,CAAC;IAC3B,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAaD,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,GACX,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BA4R7B"}

package/dist/display-conditions/ConditionRow.js

@@ -134,6 +134,10 @@ export function ConditionRow({ canRemove, condition, dataPointOptions, formField
                     width: '100%'
                 },
                 children: /*#__PURE__*/ _jsxs(Combobox.Select, {
+                    flex: 1,
+                    style: {
+                        width: '100%'
+                    },
                     disableClearSelection: true,
                     itemToKey: (item)=>{
                         var _ref;
@@ -169,8 +173,6 @@ export function ConditionRow({ canRemove, condition, dataPointOptions, formField
                 alignItems: "flex-end",
                 gap: "2",
                 style: {
-                    flexWrap: 'wrap',
-                    rowGap: 8,
                     width: '100%'
                 },
                 children: [
@@ -186,113 +188,127 @@ export function ConditionRow({ canRemove, condition, dataPointOptions, formField
                             size: "small"
                         })
                     }),
-                    /*#__PURE__*/ _jsx(Flex, {
+                    /*#__PURE__*/ _jsxs(Flex, {
                         flex: 1,
+                        direction: "row",
+                        alignItems: "flex-end",
+                        gap: "2",
                         style: {
-                            minWidth: 160
+                            minWidth: 0,
+                            width: '100%'
                         },
-                        children: /*#__PURE__*/ _jsxs(Combobox.Select, {
-                            flex: 1,
-                            style: {
-                                width: '100%'
-                            },
-                            disableClearSelection: true,
-                            itemToKey: (item)=>{
-                                var _ref;
-                                return (_ref = item === null || item === void 0 ? void 0 : item.fullKey) !== null && _ref !== void 0 ? _ref : '';
-                            },
-                            itemToString: (item)=>{
-                                var _ref;
-                                return (_ref = item === null || item === void 0 ? void 0 : item.title) !== null && _ref !== void 0 ? _ref : '';
-                            },
-                            items: activeDataPointOptions,
-                            selectedItem: selectedDataPoint,
-                            onChange: handleDataPointChange,
-                            children: [
-                                /*#__PURE__*/ _jsx(Combobox.SelectTrigger, {
-                                    label: "Data Point",
-                                    placeholder: currentFormId ? 'Select form field...' : 'Select data point...',
-                                    size: "small"
-                                }),
-                                /*#__PURE__*/ _jsx(Combobox.Content, {
-                                    children: ({ items })=>/*#__PURE__*/ _jsx(Combobox.List, {
-                                            children: items.map((item, i)=>/*#__PURE__*/ _jsx(Combobox.Item, {
-                                                    index: i,
-                                                    item: item,
-                                                    children: item.title
-                                                }, item.fullKey))
+                        children: [
+                            /*#__PURE__*/ _jsx(Flex, {
+                                flex: 1,
+                                style: {
+                                    minWidth: 0,
+                                    width: '100%'
+                                },
+                                children: /*#__PURE__*/ _jsxs(Combobox.Select, {
+                                    flex: 1,
+                                    style: {
+                                        width: '100%'
+                                    },
+                                    disableClearSelection: true,
+                                    itemToKey: (item)=>{
+                                        var _ref;
+                                        return (_ref = item === null || item === void 0 ? void 0 : item.fullKey) !== null && _ref !== void 0 ? _ref : '';
+                                    },
+                                    itemToString: (item)=>{
+                                        var _ref;
+                                        return (_ref = item === null || item === void 0 ? void 0 : item.title) !== null && _ref !== void 0 ? _ref : '';
+                                    },
+                                    items: activeDataPointOptions,
+                                    selectedItem: selectedDataPoint,
+                                    onChange: handleDataPointChange,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Combobox.SelectTrigger, {
+                                            label: "Data Point",
+                                            placeholder: currentFormId ? 'Select form field...' : 'Select data point...',
+                                            size: "small"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Combobox.Content, {
+                                            children: ({ items })=>/*#__PURE__*/ _jsx(Combobox.List, {
+                                                    children: items.map((item, i)=>/*#__PURE__*/ _jsx(Combobox.Item, {
+                                                            index: i,
+                                                            item: item,
+                                                            children: item.title
+                                                        }, item.fullKey))
+                                                })
                                         })
+                                    ]
                                 })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(Flex, {
-                        flex: 1,
-                        style: {
-                            minWidth: 160
-                        },
-                        children: /*#__PURE__*/ _jsxs(Combobox.Select, {
-                            flex: 1,
-                            style: {
-                                width: '100%'
-                            },
-                            disableClearSelection: true,
-                            itemToKey: (item)=>{
-                                var _ref;
-                                return (_ref = item === null || item === void 0 ? void 0 : item.value) !== null && _ref !== void 0 ? _ref : '';
-                            },
-                            itemToString: (item)=>{
-                                var _ref;
-                                return (_ref = item === null || item === void 0 ? void 0 : item.label) !== null && _ref !== void 0 ? _ref : '';
-                            },
-                            items: operatorItems,
-                            selectedItem: selectedOperator,
-                            onChange: (item)=>{
-                                var _ref;
-                                return onChange({
-                                    ...condition,
-                                    operator: (_ref = item === null || item === void 0 ? void 0 : item.value) !== null && _ref !== void 0 ? _ref : 'is_equal_to'
-                                });
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Combobox.SelectTrigger, {
-                                    label: "Condition",
-                                    placeholder: "Select...",
-                                    size: "small"
-                                }),
-                                /*#__PURE__*/ _jsx(Combobox.Content, {
-                                    children: ({ items })=>/*#__PURE__*/ _jsx(Combobox.List, {
-                                            children: items.map((item, i)=>/*#__PURE__*/ _jsx(Combobox.Item, {
-                                                    index: i,
-                                                    item: item,
-                                                    children: item.label
-                                                }, item.value))
+                            }),
+                            /*#__PURE__*/ _jsx(Flex, {
+                                flex: 1,
+                                style: {
+                                    minWidth: 0,
+                                    width: '100%'
+                                },
+                                children: /*#__PURE__*/ _jsxs(Combobox.Select, {
+                                    flex: 1,
+                                    style: {
+                                        width: '100%'
+                                    },
+                                    disableClearSelection: true,
+                                    itemToKey: (item)=>{
+                                        var _ref;
+                                        return (_ref = item === null || item === void 0 ? void 0 : item.value) !== null && _ref !== void 0 ? _ref : '';
+                                    },
+                                    itemToString: (item)=>{
+                                        var _ref;
+                                        return (_ref = item === null || item === void 0 ? void 0 : item.label) !== null && _ref !== void 0 ? _ref : '';
+                                    },
+                                    items: operatorItems,
+                                    selectedItem: selectedOperator,
+                                    onChange: (item)=>{
+                                        var _ref;
+                                        return onChange({
+                                            ...condition,
+                                            operator: (_ref = item === null || item === void 0 ? void 0 : item.value) !== null && _ref !== void 0 ? _ref : 'is_equal_to'
+                                        });
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Combobox.SelectTrigger, {
+                                            label: "Condition",
+                                            placeholder: "Select...",
+                                            size: "small"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Combobox.Content, {
+                                            children: ({ items })=>/*#__PURE__*/ _jsx(Combobox.List, {
+                                                    children: items.map((item, i)=>/*#__PURE__*/ _jsx(Combobox.Item, {
+                                                            index: i,
+                                                            item: item,
+                                                            children: item.label
+                                                        }, item.value))
+                                                })
                                         })
+                                    ]
                                 })
-                            ]
-                        })
-                    }),
-                    !isValueLess && /*#__PURE__*/ _jsx(Flex, {
-                        flex: 1,
-                        style: {
-                            minWidth: 160
-                        },
-                        children: /*#__PURE__*/ _jsx(LookupValueControl, {
-                            value: condition.value,
-                            fieldType: fieldType,
-                            lookupSource: selectedDataPoint === null || selectedDataPoint === void 0 ? void 0 : selectedDataPoint.lookupSource,
-                            onChange: (value)=>onChange({
-                                    ...condition,
-                                    value
+                            }),
+                            !isValueLess && /*#__PURE__*/ _jsx(Flex, {
+                                flex: "0 0 186px",
+                                style: {
+                                    minWidth: 0
+                                },
+                                children: /*#__PURE__*/ _jsx(LookupValueControl, {
+                                    value: condition.value,
+                                    fieldType: fieldType,
+                                    lookupSource: selectedDataPoint === null || selectedDataPoint === void 0 ? void 0 : selectedDataPoint.lookupSource,
+                                    onChange: (value)=>onChange({
+                                            ...condition,
+                                            value
+                                        })
                                 })
-                        })
+                            })
+                        ]
                     }),
                     canRemove && /*#__PURE__*/ _jsx("div", {
                         style: {
                             display: 'flex',
                             alignItems: 'flex-end',
                             flexShrink: 0,
-                            padding: '4px 8px'
+                            paddingBottom: 4
                         },
                         children: /*#__PURE__*/ _jsx(Button, {
                             appearance: "secondary",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/display-conditions/ConditionRow.tsx"],"sourcesContent":["import { Button, Chip, Combobox, Flex } from '@servicetitan/anvil2';\nimport TrashIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { FormInfo, parseFormFieldKey } from '../shared/forms';\nimport { LookupValueControl } from './LookupValueControl';\nimport { NUMBER_OPERATORS, SingleCondition, STRING_OPERATORS, VALUE_LESS_OPERATORS } from './types';\nimport type { DataPointOption, FormFieldOption } from './types';\n\nexport interface ConditionRowProps {\n    canRemove: boolean;\n    condition: SingleCondition;\n    dataPointOptions: DataPointOption[];\n    formFieldOptions: FormFieldOption[];\n    forms: FormInfo[];\n    onChange: (c: SingleCondition) => void;\n    onFormSelect: (formId: number) => void;\n    onRemove: () => void;\n}\n\ninterface OperatorOption {\n    label: string;\n    value: string;\n}\n\ninterface SourceOption {\n    formId?: number;\n    label: string;\n    value: string;\n}\n\nexport function ConditionRow({\n    canRemove,\n    condition,\n    dataPointOptions,\n    formFieldOptions,\n    forms,\n    onChange,\n    onFormSelect,\n    onRemove,\n}: Readonly<ConditionRowProps>) {\n    const selectedFormFieldMeta = useMemo(\n        () => parseFormFieldKey(condition.dataPointKey),\n        [condition.dataPointKey],\n    );\n    const [selectedSourceValue, setSelectedSourceValue] = useState<string>(\n        selectedFormFieldMeta ? `form:${selectedFormFieldMeta.formId}` : 'schema',\n    );\n\n    const sourceOptions = useMemo<SourceOption[]>(\n        () => [\n            { label: 'Data point', value: 'schema' },\n            ...forms.map(form => ({\n                formId: form.id,\n                label: form.name,\n                value: `form:${form.id}`,\n            })),\n        ],\n        [forms],\n    );\n\n    const selectedSource = useMemo<SourceOption | null>(() => {\n        return (\n            sourceOptions.find(opt => opt.value === selectedSourceValue) ?? sourceOptions[0] ?? null\n        );\n    }, [selectedSourceValue, sourceOptions]);\n\n    useEffect(() => {\n        if (selectedFormFieldMeta) {\n            setSelectedSourceValue(`form:${selectedFormFieldMeta.formId}`);\n            return;\n        }\n        if (!condition.dataPointKey) {\n            return;\n        }\n        const hasSchemaMatch = dataPointOptions.some(opt => opt.fullKey === condition.dataPointKey);\n        if (hasSchemaMatch) {\n            setSelectedSourceValue('schema');\n        }\n    }, [condition.dataPointKey, dataPointOptions, selectedFormFieldMeta]);\n\n    const currentFormId = selectedSource?.formId;\n    const activeDataPointOptions = useMemo(\n        () =>\n            currentFormId\n                ? formFieldOptions.filter(option => option.formId === currentFormId)\n                : dataPointOptions,\n        [currentFormId, dataPointOptions, formFieldOptions],\n    );\n\n    const selectedDataPoint = useMemo(\n        () => activeDataPointOptions.find(opt => opt.fullKey === condition.dataPointKey) ?? null,\n        [activeDataPointOptions, condition.dataPointKey],\n    );\n\n    const fieldType = selectedDataPoint?.fieldType ?? 'string';\n\n    const isValueLess = VALUE_LESS_OPERATORS.includes(condition.operator);\n\n    const operatorItems: OperatorOption[] = useMemo(\n        () =>\n            fieldType === 'number'\n                ? ([...NUMBER_OPERATORS] as OperatorOption[])\n                : ([...STRING_OPERATORS] as OperatorOption[]),\n        [fieldType],\n    );\n\n    const selectedOperator = useMemo(\n        () => operatorItems.find(op => op.value === condition.operator) ?? null,\n        [operatorItems, condition.operator],\n    );\n\n    const handleDataPointChange = (item: DataPointOption | null) => {\n        const nextIsNumber = item?.fieldType === 'number';\n        const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n        const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n        onChange({\n            ...condition,\n            dataPointKey: item?.fullKey ?? '',\n            operator: operatorReset\n                ? nextIsNumber\n                    ? 'num_eq'\n                    : 'is_equal_to'\n                : condition.operator,\n        });\n    };\n\n    const handleSourceChange = (item: SourceOption | null) => {\n        if (!item) {\n            return;\n        }\n        setSelectedSourceValue(item.value);\n\n        if (!item.formId) {\n            const schemaField =\n                dataPointOptions.find(opt => opt.fullKey === condition.dataPointKey) ?? null;\n            const nextFieldType = schemaField?.fieldType ?? 'string';\n            const nextIsNumber = nextFieldType === 'number';\n            const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n            const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n\n            onChange({\n                ...condition,\n                dataPointKey: schemaField?.fullKey ?? '',\n                operator: operatorReset\n                    ? nextIsNumber\n                        ? 'num_eq'\n                        : 'is_equal_to'\n                    : condition.operator,\n            });\n            return;\n        }\n\n        onFormSelect(item.formId);\n        const nextFormFieldOptions = formFieldOptions.filter(\n            option => option.formId === item.formId,\n        );\n        const currentSelected = nextFormFieldOptions.find(\n            opt => opt.fullKey === condition.dataPointKey,\n        );\n        const nextSelected = currentSelected ?? nextFormFieldOptions[0] ?? null;\n        const nextFieldType = nextSelected?.fieldType ?? 'string';\n        const nextIsNumber = nextFieldType === 'number';\n        const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n        const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n\n        onChange({\n            ...condition,\n            dataPointKey: nextSelected?.fullKey ?? '',\n            operator: operatorReset\n                ? nextIsNumber\n                    ? 'num_eq'\n                    : 'is_equal_to'\n                : condition.operator,\n        });\n    };\n\n    return (\n        <Flex direction=\"column\" gap=\"3\" style={{ width: '100%' }}>\n            <div style={{ width: '100%' }}>\n                <Combobox.Select\n                    disableClearSelection\n                    itemToKey={(item: SourceOption | null) => item?.value ?? ''}\n                    itemToString={(item: SourceOption | null) => item?.label ?? ''}\n                    items={sourceOptions}\n                    selectedItem={selectedSource}\n                    onChange={handleSourceChange}\n                >\n                    <Combobox.SelectTrigger\n                        label=\"Data Type\"\n                        placeholder=\"Select source...\"\n                        size=\"small\"\n                    />\n                    <Combobox.Content>\n                        {({ items }: { items: SourceOption[] }) => (\n                            <Combobox.List>\n                                {items.map((item, i) => (\n                                    <Combobox.Item index={i} item={item} key={item.value}>\n                                        {item.label}\n                                    </Combobox.Item>\n                                ))}\n                            </Combobox.List>\n                        )}\n                    </Combobox.Content>\n                </Combobox.Select>\n            </div>\n            <Flex\n                direction=\"row\"\n                alignItems=\"flex-end\"\n                gap=\"2\"\n                style={{ flexWrap: 'wrap', rowGap: 8, width: '100%' }}\n            >\n                <div\n                    style={{\n                        display: 'flex',\n                        alignItems: 'flex-end',\n                        flexShrink: 0,\n                        padding: '4px 8px',\n                    }}\n                >\n                    <Chip label=\"IF\" size=\"small\" />\n                </div>\n                <Flex flex={1} style={{ minWidth: 160 }}>\n                    <Combobox.Select\n                        flex={1}\n                        style={{ width: '100%' }}\n                        disableClearSelection\n                        itemToKey={(item: DataPointOption | null) => item?.fullKey ?? ''}\n                        itemToString={(item: DataPointOption | null) => item?.title ?? ''}\n                        items={activeDataPointOptions}\n                        selectedItem={selectedDataPoint}\n                        onChange={handleDataPointChange}\n                    >\n                        <Combobox.SelectTrigger\n                            label=\"Data Point\"\n                            placeholder={\n                                currentFormId ? 'Select form field...' : 'Select data point...'\n                            }\n                            size=\"small\"\n                        />\n                        <Combobox.Content>\n                            {({ items }: { items: DataPointOption[] }) => (\n                                <Combobox.List>\n                                    {items.map((item, i) => (\n                                        <Combobox.Item index={i} item={item} key={item.fullKey}>\n                                            {item.title}\n                                        </Combobox.Item>\n                                    ))}\n                                </Combobox.List>\n                            )}\n                        </Combobox.Content>\n                    </Combobox.Select>\n                </Flex>\n                <Flex flex={1} style={{ minWidth: 160 }}>\n                    <Combobox.Select\n                        flex={1}\n                        style={{ width: '100%' }}\n                        disableClearSelection\n                        itemToKey={(item: OperatorOption | null) => item?.value ?? ''}\n                        itemToString={(item: OperatorOption | null) => item?.label ?? ''}\n                        items={operatorItems}\n                        selectedItem={selectedOperator}\n                        onChange={(item: OperatorOption | null) =>\n                            onChange({\n                                ...condition,\n                                operator: (item?.value ??\n                                    'is_equal_to') as SingleCondition['operator'],\n                            })\n                        }\n                    >\n                        <Combobox.SelectTrigger\n                            label=\"Condition\"\n                            placeholder=\"Select...\"\n                            size=\"small\"\n                        />\n                        <Combobox.Content>\n                            {({ items }: { items: OperatorOption[] }) => (\n                                <Combobox.List>\n                                    {items.map((item, i) => (\n                                        <Combobox.Item index={i} item={item} key={item.value}>\n                                            {item.label}\n                                        </Combobox.Item>\n                                    ))}\n                                </Combobox.List>\n                            )}\n                        </Combobox.Content>\n                    </Combobox.Select>\n                </Flex>\n                {!isValueLess && (\n                    <Flex flex={1} style={{ minWidth: 160 }}>\n                        <LookupValueControl\n                            value={condition.value}\n                            fieldType={fieldType}\n                            lookupSource={selectedDataPoint?.lookupSource}\n                            onChange={value => onChange({ ...condition, value })}\n                        />\n                    </Flex>\n                )}\n                {canRemove && (\n                    <div\n                        style={{\n                            display: 'flex',\n                            alignItems: 'flex-end',\n                            flexShrink: 0,\n                            padding: '4px 8px',\n                        }}\n                    >\n                        <Button\n                            appearance=\"secondary\"\n                            aria-label=\"Remove condition\"\n                            icon={{ before: TrashIcon }}\n                            size=\"small\"\n                            onClick={onRemove}\n                        />\n                    </div>\n                )}\n            </Flex>\n        </Flex>\n    );\n}\n"],"names":["Button","Chip","Combobox","Flex","TrashIcon","useEffect","useMemo","useState","parseFormFieldKey","LookupValueControl","NUMBER_OPERATORS","STRING_OPERATORS","VALUE_LESS_OPERATORS","ConditionRow","canRemove","condition","dataPointOptions","formFieldOptions","forms","onChange","onFormSelect","onRemove","selectedFormFieldMeta","dataPointKey","selectedSourceValue","setSelectedSourceValue","formId","sourceOptions","label","value","map","form","id","name","selectedSource","find","opt","hasSchemaMatch","some","fullKey","currentFormId","activeDataPointOptions","filter","option","selectedDataPoint","fieldType","isValueLess","includes","operator","operatorItems","selectedOperator","op","handleDataPointChange","item","nextIsNumber","nextOperatorItems","operatorReset","handleSourceChange","currentSelected","schemaField","nextFieldType","nextFormFieldOptions","nextSelected","direction","gap","style","width","div","Select","disableClearSelection","itemToKey","itemToString","items","selectedItem","SelectTrigger","placeholder","size","Content","List","i","Item","index","alignItems","flexWrap","rowGap","display","flexShrink","padding","flex","minWidth","title","lookupSource","appearance","aria-label","icon","before","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../src/display-conditions/ConditionRow.tsx"],"sourcesContent":["import { Button, Chip, Combobox, Flex } from '@servicetitan/anvil2';\nimport TrashIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { FormInfo, parseFormFieldKey } from '../shared/forms';\nimport { LookupValueControl } from './LookupValueControl';\nimport { NUMBER_OPERATORS, SingleCondition, STRING_OPERATORS, VALUE_LESS_OPERATORS } from './types';\nimport type { DataPointOption, FormFieldOption } from './types';\n\nexport interface ConditionRowProps {\n    canRemove: boolean;\n    condition: SingleCondition;\n    dataPointOptions: DataPointOption[];\n    formFieldOptions: FormFieldOption[];\n    forms: FormInfo[];\n    onChange: (c: SingleCondition) => void;\n    onFormSelect: (formId: number) => void;\n    onRemove: () => void;\n}\n\ninterface OperatorOption {\n    label: string;\n    value: string;\n}\n\ninterface SourceOption {\n    formId?: number;\n    label: string;\n    value: string;\n}\n\nexport function ConditionRow({\n    canRemove,\n    condition,\n    dataPointOptions,\n    formFieldOptions,\n    forms,\n    onChange,\n    onFormSelect,\n    onRemove,\n}: Readonly<ConditionRowProps>) {\n    const selectedFormFieldMeta = useMemo(\n        () => parseFormFieldKey(condition.dataPointKey),\n        [condition.dataPointKey],\n    );\n    const [selectedSourceValue, setSelectedSourceValue] = useState<string>(\n        selectedFormFieldMeta ? `form:${selectedFormFieldMeta.formId}` : 'schema',\n    );\n\n    const sourceOptions = useMemo<SourceOption[]>(\n        () => [\n            { label: 'Data point', value: 'schema' },\n            ...forms.map(form => ({\n                formId: form.id,\n                label: form.name,\n                value: `form:${form.id}`,\n            })),\n        ],\n        [forms],\n    );\n\n    const selectedSource = useMemo<SourceOption | null>(() => {\n        return (\n            sourceOptions.find(opt => opt.value === selectedSourceValue) ?? sourceOptions[0] ?? null\n        );\n    }, [selectedSourceValue, sourceOptions]);\n\n    useEffect(() => {\n        if (selectedFormFieldMeta) {\n            setSelectedSourceValue(`form:${selectedFormFieldMeta.formId}`);\n            return;\n        }\n        if (!condition.dataPointKey) {\n            return;\n        }\n        const hasSchemaMatch = dataPointOptions.some(opt => opt.fullKey === condition.dataPointKey);\n        if (hasSchemaMatch) {\n            setSelectedSourceValue('schema');\n        }\n    }, [condition.dataPointKey, dataPointOptions, selectedFormFieldMeta]);\n\n    const currentFormId = selectedSource?.formId;\n    const activeDataPointOptions = useMemo(\n        () =>\n            currentFormId\n                ? formFieldOptions.filter(option => option.formId === currentFormId)\n                : dataPointOptions,\n        [currentFormId, dataPointOptions, formFieldOptions],\n    );\n\n    const selectedDataPoint = useMemo(\n        () => activeDataPointOptions.find(opt => opt.fullKey === condition.dataPointKey) ?? null,\n        [activeDataPointOptions, condition.dataPointKey],\n    );\n\n    const fieldType = selectedDataPoint?.fieldType ?? 'string';\n\n    const isValueLess = VALUE_LESS_OPERATORS.includes(condition.operator);\n\n    const operatorItems: OperatorOption[] = useMemo(\n        () =>\n            fieldType === 'number'\n                ? ([...NUMBER_OPERATORS] as OperatorOption[])\n                : ([...STRING_OPERATORS] as OperatorOption[]),\n        [fieldType],\n    );\n\n    const selectedOperator = useMemo(\n        () => operatorItems.find(op => op.value === condition.operator) ?? null,\n        [operatorItems, condition.operator],\n    );\n\n    const handleDataPointChange = (item: DataPointOption | null) => {\n        const nextIsNumber = item?.fieldType === 'number';\n        const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n        const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n        onChange({\n            ...condition,\n            dataPointKey: item?.fullKey ?? '',\n            operator: operatorReset\n                ? nextIsNumber\n                    ? 'num_eq'\n                    : 'is_equal_to'\n                : condition.operator,\n        });\n    };\n\n    const handleSourceChange = (item: SourceOption | null) => {\n        if (!item) {\n            return;\n        }\n        setSelectedSourceValue(item.value);\n\n        if (!item.formId) {\n            const schemaField =\n                dataPointOptions.find(opt => opt.fullKey === condition.dataPointKey) ?? null;\n            const nextFieldType = schemaField?.fieldType ?? 'string';\n            const nextIsNumber = nextFieldType === 'number';\n            const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n            const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n\n            onChange({\n                ...condition,\n                dataPointKey: schemaField?.fullKey ?? '',\n                operator: operatorReset\n                    ? nextIsNumber\n                        ? 'num_eq'\n                        : 'is_equal_to'\n                    : condition.operator,\n            });\n            return;\n        }\n\n        onFormSelect(item.formId);\n        const nextFormFieldOptions = formFieldOptions.filter(\n            option => option.formId === item.formId,\n        );\n        const currentSelected = nextFormFieldOptions.find(\n            opt => opt.fullKey === condition.dataPointKey,\n        );\n        const nextSelected = currentSelected ?? nextFormFieldOptions[0] ?? null;\n        const nextFieldType = nextSelected?.fieldType ?? 'string';\n        const nextIsNumber = nextFieldType === 'number';\n        const nextOperatorItems = nextIsNumber ? NUMBER_OPERATORS : STRING_OPERATORS;\n        const operatorReset = !nextOperatorItems.some(op => op.value === condition.operator);\n\n        onChange({\n            ...condition,\n            dataPointKey: nextSelected?.fullKey ?? '',\n            operator: operatorReset\n                ? nextIsNumber\n                    ? 'num_eq'\n                    : 'is_equal_to'\n                : condition.operator,\n        });\n    };\n\n    return (\n        <Flex direction=\"column\" gap=\"3\" style={{ width: '100%' }}>\n            <div style={{ width: '100%' }}>\n                <Combobox.Select\n                    flex={1}\n                    style={{ width: '100%' }}\n                    disableClearSelection\n                    itemToKey={(item: SourceOption | null) => item?.value ?? ''}\n                    itemToString={(item: SourceOption | null) => item?.label ?? ''}\n                    items={sourceOptions}\n                    selectedItem={selectedSource}\n                    onChange={handleSourceChange}\n                >\n                    <Combobox.SelectTrigger\n                        label=\"Data Type\"\n                        placeholder=\"Select source...\"\n                        size=\"small\"\n                    />\n                    <Combobox.Content>\n                        {({ items }: { items: SourceOption[] }) => (\n                            <Combobox.List>\n                                {items.map((item, i) => (\n                                    <Combobox.Item index={i} item={item} key={item.value}>\n                                        {item.label}\n                                    </Combobox.Item>\n                                ))}\n                            </Combobox.List>\n                        )}\n                    </Combobox.Content>\n                </Combobox.Select>\n            </div>\n            <Flex direction=\"row\" alignItems=\"flex-end\" gap=\"2\" style={{ width: '100%' }}>\n                <div\n                    style={{\n                        display: 'flex',\n                        alignItems: 'flex-end',\n                        flexShrink: 0,\n                        padding: '4px 8px',\n                    }}\n                >\n                    <Chip label=\"IF\" size=\"small\" />\n                </div>\n                <Flex\n                    flex={1}\n                    direction=\"row\"\n                    alignItems=\"flex-end\"\n                    gap=\"2\"\n                    style={{ minWidth: 0, width: '100%' }}\n                >\n                    <Flex flex={1} style={{ minWidth: 0, width: '100%' }}>\n                        <Combobox.Select\n                            flex={1}\n                            style={{ width: '100%' }}\n                            disableClearSelection\n                            itemToKey={(item: DataPointOption | null) => item?.fullKey ?? ''}\n                            itemToString={(item: DataPointOption | null) => item?.title ?? ''}\n                            items={activeDataPointOptions}\n                            selectedItem={selectedDataPoint}\n                            onChange={handleDataPointChange}\n                        >\n                            <Combobox.SelectTrigger\n                                label=\"Data Point\"\n                                placeholder={\n                                    currentFormId ? 'Select form field...' : 'Select data point...'\n                                }\n                                size=\"small\"\n                            />\n                            <Combobox.Content>\n                                {({ items }: { items: DataPointOption[] }) => (\n                                    <Combobox.List>\n                                        {items.map((item, i) => (\n                                            <Combobox.Item index={i} item={item} key={item.fullKey}>\n                                                {item.title}\n                                            </Combobox.Item>\n                                        ))}\n                                    </Combobox.List>\n                                )}\n                            </Combobox.Content>\n                        </Combobox.Select>\n                    </Flex>\n                    <Flex flex={1} style={{ minWidth: 0, width: '100%' }}>\n                        <Combobox.Select\n                            flex={1}\n                            style={{ width: '100%' }}\n                            disableClearSelection\n                            itemToKey={(item: OperatorOption | null) => item?.value ?? ''}\n                            itemToString={(item: OperatorOption | null) => item?.label ?? ''}\n                            items={operatorItems}\n                            selectedItem={selectedOperator}\n                            onChange={(item: OperatorOption | null) =>\n                                onChange({\n                                    ...condition,\n                                    operator: (item?.value ??\n                                        'is_equal_to') as SingleCondition['operator'],\n                                })\n                            }\n                        >\n                            <Combobox.SelectTrigger\n                                label=\"Condition\"\n                                placeholder=\"Select...\"\n                                size=\"small\"\n                            />\n                            <Combobox.Content>\n                                {({ items }: { items: OperatorOption[] }) => (\n                                    <Combobox.List>\n                                        {items.map((item, i) => (\n                                            <Combobox.Item index={i} item={item} key={item.value}>\n                                                {item.label}\n                                            </Combobox.Item>\n                                        ))}\n                                    </Combobox.List>\n                                )}\n                            </Combobox.Content>\n                        </Combobox.Select>\n                    </Flex>\n                    {!isValueLess && (\n                        <Flex flex=\"0 0 186px\" style={{ minWidth: 0 }}>\n                            <LookupValueControl\n                                value={condition.value}\n                                fieldType={fieldType}\n                                lookupSource={selectedDataPoint?.lookupSource}\n                                onChange={value => onChange({ ...condition, value })}\n                            />\n                        </Flex>\n                    )}\n                </Flex>\n                {canRemove && (\n                    <div\n                        style={{\n                            display: 'flex',\n                            alignItems: 'flex-end',\n                            flexShrink: 0,\n                            paddingBottom: 4,\n                        }}\n                    >\n                        <Button\n                            appearance=\"secondary\"\n                            aria-label=\"Remove condition\"\n                            icon={{ before: TrashIcon }}\n                            size=\"small\"\n                            onClick={onRemove}\n                        />\n                    </div>\n                )}\n            </Flex>\n        </Flex>\n    );\n}\n"],"names":["Button","Chip","Combobox","Flex","TrashIcon","useEffect","useMemo","useState","parseFormFieldKey","LookupValueControl","NUMBER_OPERATORS","STRING_OPERATORS","VALUE_LESS_OPERATORS","ConditionRow","canRemove","condition","dataPointOptions","formFieldOptions","forms","onChange","onFormSelect","onRemove","selectedFormFieldMeta","dataPointKey","selectedSourceValue","setSelectedSourceValue","formId","sourceOptions","label","value","map","form","id","name","selectedSource","find","opt","hasSchemaMatch","some","fullKey","currentFormId","activeDataPointOptions","filter","option","selectedDataPoint","fieldType","isValueLess","includes","operator","operatorItems","selectedOperator","op","handleDataPointChange","item","nextIsNumber","nextOperatorItems","operatorReset","handleSourceChange","currentSelected","schemaField","nextFieldType","nextFormFieldOptions","nextSelected","direction","gap","style","width","div","Select","flex","disableClearSelection","itemToKey","itemToString","items","selectedItem","SelectTrigger","placeholder","size","Content","List","i","Item","index","alignItems","display","flexShrink","padding","minWidth","title","lookupSource","paddingBottom","appearance","aria-label","icon","before","onClick"],"mappings":"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"}

package/dist/display-conditions/DisplayConditionModal.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldInfo, FormInfo } from '../shared/forms';
+import { ConditionalsOpenHandler, ConditionFormSelectHandler } from './useConditionForms';
 export interface DisplayConditionModalProps {
     /**
      * Optional portal target. Prefer leaving unset so the dialog stays under the host
@@ -6,8 +6,8 @@ export interface DisplayConditionModalProps {
      * content is wrapped in `ThemeProvider` so Anvil2 styles still apply after portaling.
      */
     portalContainer?: Element | DocumentFragment | null;
-    onConditionFormSelect?: (formId: number, sendFormFields: (formId: number, fields: FormFieldInfo[]) => void) => void;
-    onConditionalsOpen?: (usedFormIds: number[], sendFormList: (forms: FormInfo[]) => void, sendFormFields: (formId: number, fields: FormFieldInfo[]) => void) => void;
+    onConditionFormSelect?: ConditionFormSelectHandler;
+    onConditionalsOpen?: ConditionalsOpenHandler;
     schema?: import('../shared/schema').SchemaObject;
 }
 export declare const DisplayConditionModal: (props: DisplayConditionModalProps) => import("react").JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayConditionModal.d.ts","sourceRoot":"","sources":["../../src/display-conditions/DisplayConditionModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,aAAa,EACb,QAAQ,EAGX,MAAM,iBAAiB,CAAC;AAmDzB,MAAM,WAAW,0BAA0B;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE,CACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,KAChE,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,CACjB,WAAW,EAAE,MAAM,EAAE,EACrB,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,EACzC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,KAChE,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,kBAAkB,EAAE,YAAY,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,uCAsTtE,CAAC"}
+{"version":3,"file":"DisplayConditionModal.d.ts","sourceRoot":"","sources":["../../src/display-conditions/DisplayConditionModal.tsx"],"names":[],"mappings":"AAcA,OAAO,EACH,uBAAuB,EACvB,0BAA0B,EAE7B,MAAM,qBAAqB,CAAC;AAuC7B,MAAM,WAAW,0BAA0B;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,kBAAkB,EAAE,YAAY,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,uCAwNtE,CAAC"}

package/dist/display-conditions/DisplayConditionModal.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Combobox, Dialog, Flex, Text, ThemeProvider } from '@servicetitan/anvil2';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { buildFormFieldKey, getConditionalFieldTypeFromFormItemType, parseFormFieldKey } from '../shared/forms';
 import { ConditionGroupsSection } from './ConditionGroupsSection';
 import { defaultState, MODAL_CONTENT_MAX_HEIGHT } from './constants';
 import { onDisplayCondition } from './displayConditionController';
 import { buildUnlayerDisplayCondition, parseUnlayerDisplayCondition } from './nunjucks';
 import { getSchemaDataPointOptions } from './schemaDataPoints';
+import { useConditionForms } from './useConditionForms';
 const BEHAVIOR_OPTIONS = [
     {
         label: 'Show',
@@ -51,40 +51,13 @@ export const DisplayConditionModal = (props)=>{
     const [isOpen, setIsOpen] = useState(false);
     const [state, setState] = useState(defaultState);
     const [matchType, setMatchType] = useState('all');
-    const [forms, setForms] = useState([]);
-    const [formFieldsByFormId, setFormFieldsByFormId] = useState({});
-    const [loadingFormIds, setLoadingFormIds] = useState([]);
-    const [isFormsListLoading, setIsFormsListLoading] = useState(false);
-    const formFieldsByFormIdRef = useRef({});
-    const loadingFormIdsRef = useRef([]);
+    const { formFieldOptions, forms, isFieldDataLoading, loadForms, requestFormFields } = useConditionForms({
+        onConditionFormSelect,
+        onConditionalsOpen
+    });
     const dataPointOptions = useMemo(()=>getSchemaDataPointOptions(schema), [
         schema
     ]);
-    const formFieldOptions = useMemo(()=>{
-        const nextOptions = [];
-        for (const form of forms){
-            const fields = formFieldsByFormId[form.id];
-            if (!fields) {
-                continue;
-            }
-            for (const field of fields){
-                const fieldType = getConditionalFieldTypeFromFormItemType(field.itemType);
-                if (!fieldType) {
-                    continue;
-                }
-                nextOptions.push({
-                    fieldType,
-                    formId: form.id,
-                    fullKey: buildFormFieldKey(form.id, field.id),
-                    title: field.header
-                });
-            }
-        }
-        return nextOptions.sort((left, right)=>left.title.localeCompare(right.title));
-    }, [
-        forms,
-        formFieldsByFormId
-    ]);
     const allFieldOptions = useMemo(()=>[
             ...dataPointOptions,
             ...formFieldOptions
@@ -92,79 +65,19 @@ export const DisplayConditionModal = (props)=>{
         dataPointOptions,
         formFieldOptions
     ]);
-    const isFieldDataLoading = isFormsListLoading || loadingFormIds.length > 0;
-    useEffect(()=>{
-        formFieldsByFormIdRef.current = formFieldsByFormId;
-    }, [
-        formFieldsByFormId
-    ]);
-    useEffect(()=>{
-        loadingFormIdsRef.current = loadingFormIds;
-    }, [
-        loadingFormIds
-    ]);
-    const requestFormFields = useCallback((formId)=>{
-        if (!onConditionFormSelect) {
-            return;
-        }
-        if (formFieldsByFormIdRef.current[formId] || loadingFormIdsRef.current.includes(formId)) {
-            return;
-        }
-        setLoadingFormIds((prev)=>prev.includes(formId) ? prev : [
-                ...prev,
-                formId
-            ]);
-        onConditionFormSelect(formId, (selectedFormId, fields)=>{
-            setFormFieldsByFormId((prev)=>({
-                    ...prev,
-                    [selectedFormId]: fields
-                }));
-            setLoadingFormIds((prev)=>prev.filter((id)=>id !== selectedFormId));
-        });
-    }, [
-        onConditionFormSelect
-    ]);
     useEffect(()=>{
         return onDisplayCondition((nextRequest)=>{
             setRequest(nextRequest);
             const existing = nextRequest.data;
             const parsed = parseUnlayerDisplayCondition(existing);
             const initialState = parsed !== null && parsed !== void 0 ? parsed : defaultState();
-            const usedFormIds = Array.from(new Set(initialState.groups.flatMap((group)=>group.conditions).map((condition)=>{
-                var _parseFormFieldKey;
-                return (_parseFormFieldKey = parseFormFieldKey(condition.dataPointKey)) === null || _parseFormFieldKey === void 0 ? void 0 : _parseFormFieldKey.formId;
-            }).filter((formId)=>formId != null)));
-            setForms([]);
-            setFormFieldsByFormId({});
-            setIsFormsListLoading(!!onConditionalsOpen);
-            setLoadingFormIds([]);
-            if (onConditionalsOpen) {
-                onConditionalsOpen(usedFormIds, (nextForms)=>{
-                    setForms(nextForms);
-                    setIsFormsListLoading(false);
-                }, (formId, fields)=>{
-                    setFormFieldsByFormId((prev)=>({
-                            ...prev,
-                            [formId]: fields
-                        }));
-                    setLoadingFormIds((prev)=>prev.filter((id)=>id !== formId));
-                });
-                /*
-                 * Keep display-condition flow aligned with calculated-field flow:
-                 * when modal opens, request fields for already-used forms so labels
-                 * are available in edit mode.
-                 */ usedFormIds.forEach((formId)=>requestFormFields(formId));
-            } else {
-                setIsFormsListLoading(false);
-                setLoadingFormIds([]);
-            }
+            loadForms(initialState.groups);
             setState(initialState);
             setMatchType(deriveMatchType(initialState));
             setIsOpen(true);
         });
     }, [
-        onConditionalsOpen,
-        requestFormFields
+        loadForms
     ]);
     const handleClose = useCallback(()=>{
         setRequest(null);