@servicetitan/dte-unlayer 0.94.0 → 0.96.0

package/src/editor.tsx

@@ -7,6 +7,7 @@ import {
     useRef,
     useState,
 } from 'react';
+import { DisplayConditionModal } from './display-conditions/DisplayConditionModal';
 import { UnlayerEditorTwin } from './shared/const';
 import { UnlayerStore, UnlayerDesignChangeInfo } from './store';
 import { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';
@@ -108,6 +109,7 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
         <div style={{ minHeight, display: 'flex' }}>
             {!isReady && <p className="c-red-500">error loading editor</p>}
             <div id={props.id ?? 'editor'} style={style} ref={containerRef} />
+            <DisplayConditionModal schema={props.opts.schema} />
         </div>
     );
 });

package/src/shared/schema.ts

@@ -12,6 +12,8 @@ export interface SchemaFieldBaseOptions {
     description?: any;
     sampleData?: any;
     showInEditor?: boolean;
+    useInCalculatedFields?: boolean;
+    useInConditionals?: boolean;
     isHighlighted?: boolean;
 }
 

package/src/unlayer.tsx

@@ -1,3 +1,4 @@
+import { emitDisplayCondition } from './display-conditions/displayConditionController';
 import { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';
 import { constGenericsEditor } from './shared/const';
 import { unlayerSupportedFonts } from './shared/fonts';
@@ -348,5 +349,13 @@ export const createUnlayerEditor = (
     });
 
     document.getElementById = currentFind;
+
+    result.registerCallback(
+        'displayCondition',
+        function (data: any, done: (condition: any) => void) {
+            emitDisplayCondition({ data, done });
+        },
+    );
+
     return result;
 };