@servicetitan/dte-unlayer 0.105.0 → 0.107.0

package/package.json

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

package/src/display-conditions/ConditionRow.tsx

@@ -102,6 +102,7 @@ export function ConditionRow({
             <div style={{ flex: '2 1 280px', minWidth: 240 }}>
                 <Combobox
                     {...({ disableClearSelection: true } as object)}
+                    groupBy="group"
                     itemToKey={(item: DataPointOption | null) => item?.fullKey ?? ''}
                     itemToString={(item: DataPointOption | null) => item?.title ?? ''}
                     items={dataPointOptions}

package/src/display-conditions/schemaDataPoints.ts

@@ -24,10 +24,14 @@ export function getSchemaDataPointOptions(schema: SchemaObject | undefined): Dat
                 !f.isArrayed &&
                 isUseInConditionals(f.node as { options?: SchemaFieldBaseOptions }),
         )
-        .map(f => ({
-            fieldType: schemaIsNumber(f.node) ? ('number' as const) : ('string' as const),
-            fullKey: f.fullKey,
-            title: f.fullTitle || f.title || f.fullKey,
-        }))
+        .map(f => {
+            const fieldType = schemaIsNumber(f.node) ? ('number' as const) : ('string' as const);
+            return {
+                fieldType,
+                fullKey: f.fullKey,
+                group: fieldType === 'number' ? 'Numeric Fields' : 'Data Model',
+                title: f.fullTitle || f.title || f.fullKey,
+            };
+        })
         .sort((a, b) => a.title.localeCompare(b.title));
 }

package/src/display-conditions/types.ts

@@ -62,6 +62,7 @@ export interface DisplayConditionState {
 export interface DataPointOption {
     fieldType: 'number' | 'string';
     fullKey: string;
+    group: string;
     title: string;
 }