@servicetitan/dte-unlayer 0.131.0 → 0.133.0

package/dist/unlayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/unlayer.tsx"],"sourcesContent":["import { emitDisplayCondition } from './display-conditions/displayConditionController';\nimport { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';\nimport { constGenericsEditor } from './shared/const';\nimport { unlayerSupportedFonts } from './shared/fonts';\nimport {\n    unlayerCustomEmptyToolState,\n    unlayerCustomToolMetaData,\n    unlayerCustomToolsGetRegisterUrls,\n} from './tools';\nimport { CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: any;\n}\n\nexport interface Unlayer {\n    addEventListener(event: string, cb: (arg: any) => void): void;\n    removeEventListener(event: string, cb: (arg: any) => void): void;\n    registerCallback(type: string, cb: (...args: any[]) => void): void;\n    unregisterCallback(type: string, cb: (...args: any[]) => void): void;\n    registerProvider(type: string, cb: (...args: any[]) => void): void;\n    unregisterProvider(type: string, cb: (...args: any[]) => void): void;\n    loadDesign(design: any): void;\n    saveDesign(callback: (design: any) => void): void;\n    exportHtml(callback: (data: UnlayerExport) => void): void;\n    setMergeTags(tags: any): void;\n    createViewer(opts: { render: (values: any) => string }): any;\n    registerTool(tool: any): void;\n    setBodyValues(values: any): void;\n}\n\nexport enum DesignUpdatedEventType {\n    ContentAdded = 'content:added',\n    ContentMoved = 'content:moved',\n    ContentRemoved = 'content:removed',\n    ContentModified = 'content:modified',\n    RowAdded = 'row:added',\n    RowMoved = 'row:moved',\n    RowRemoved = 'row:removed',\n    RowModified = 'row:modified',\n    ColumnAdded = 'column:added',\n    ColumnRemoved = 'column:removed',\n    ColumnModified = 'column:modified',\n    BodyModified = 'body:modified',\n}\n\nexport interface EventDesignUpdated {\n    type: DesignUpdatedEventType;\n    item: {\n        type: string;\n        slug?: string;\n        values: any;\n    };\n}\n\n/**\n * !!! IMPORTANT !!!\n * do not forget to update schema version when updating unlayer version\n * it is important for templates export and should be in sync\n * to know correct schema version, open unlayer editor and check output design ('schema' property)\n */\nexport const versions = {\n    unlayer: '1.339.0',\n    schema: 22,\n};\n\nexport const handlePreselectTool = (preselectToolSlug: string) => {\n    return `\n        const element = document.querySelector('.u_content_custom_${preselectToolSlug}');\n        if (element) {\n            element.click();\n        }\n    `;\n};\n\nexport const hideUnlayerContentsControls = () => {\n    return `\n        .blockbuilder-layer-controls-contents, .blockbuilder-layer-controls-rows {\n            display: none !important;\n        }\n\n        .blockbuilder-options-header .text-right .icon-delete, .blockbuilder-options-header .text-right .icon-duplicate {\n            display: none !important;\n        }\n    `;\n};\n\nexport const hideUnlayerBodyMenuItem = () => {\n    return `\n        .nav-item.tab-body {\n            display: none !important;\n        }\n    `;\n};\n\nconst injectEditorCoreStyles = () => {\n    const cssText = editorCoreStyles?.trim();\n\n    if (!cssText) {\n        return '';\n    }\n\n    return `\n        (function () {\n            var css = ${JSON.stringify(cssText)};\n            var id = 'dte-unlayer-core-styles';\n            if (document.getElementById(id)) {\n                return;\n            }\n            var style = document.createElement('style');\n            style.id = id;\n            style.type = 'text/css';\n            style.appendChild(document.createTextNode(css));\n            document.head.appendChild(style);\n        })();\n    `;\n};\n\nexport const hideMobileTabletPreview = () => `\n    [data-key=\"preview-tablet\"],\n    [data-key=\"resolution\"],\n    [data-key=\"dark-mode\"],\n    [data-key=\"preview-desktop\"],\n    [data-key=\"preview-mobile\"] {\n        display: none !important;\n    }\n`;\nexport const hideUnlayerTools = () => {\n    return `\n        .blockbuilder-content-tools {\n            display: none !important;\n        }\n           \n        .unlayer-custom-empty-tool-state {\n            display: flex;\n            margin-top: 150px;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon {\n            text-align: center;\n            margin-bottom: 12px;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon svg{\n            color: #606162;\n        }\n        \n        .unlayer-custom-empty-tool-state-text {\n            text-align: center;\n            font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 500;\n            line-height: normal;\n            color: #606162;\n            line-height: 13px;\n        }\n    `;\n};\n\nexport const createUnlayerEditor = (\n    container: HTMLDivElement,\n    {\n        customCSS,\n        customJS,\n        displayConditions,\n        eSignFieldTypes,\n        eSignRecipients,\n        enableHTMLEditing,\n        enableHTMLEditingReadonly,\n        hideAllTools,\n        hideBodyMenuItem,\n        hideContentControls,\n        latest,\n        mergeTags,\n        noCoreTools,\n        tools,\n        units,\n    }: CreateUnlayerEditorProps,\n): Unlayer => {\n    const customScripts = [\n        editorCoreScript,\n        editorCoreTools,\n        injectEditorCoreStyles(),\n        'window.dteStore.sendData(\"--core-loaded\")',\n        ...unlayerCustomToolsGetRegisterUrls(tools),\n        unlayerCustomToolMetaData(tools),\n        ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),\n        hideAllTools ? unlayerCustomEmptyToolState() : '',\n        'window.dteStore.sendData(\"--data-loaded\")',\n    ].filter(js => !!js?.trim());\n    const customStyles = [\n        editorCoreStyles,\n        ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),\n        /*\n         * @TODO this is workaround for hiding all tools from unlayer sidebar.\n         * Will be better to use unlayer functionality for this but it is not implemented yet\n         */\n        hideMobileTabletPreview(),\n        hideAllTools ? hideUnlayerTools() : '',\n        hideContentControls ? hideUnlayerContentsControls() : '',\n        hideBodyMenuItem ? hideUnlayerBodyMenuItem() : '',\n    ].filter(css => !!css?.trim());\n\n    /**\n     * Unlayer supports only passing id of container, but when we use shadowDOM (MFE),\n     * getElementById can't find element in it\n     * so making this dirty hack to let unlayer find container in DOM\n     */\n    const id = container.id;\n    const currentFind = document.getElementById;\n    document.getElementById = function (elementId: string) {\n        if (id === elementId) {\n            return container;\n        }\n\n        return currentFind.call(document, id);\n    };\n\n    const acv = constGenericsEditor.adminConfigProperty;\n\n    const eSignTypeMapping = (eSignFieldTypes ?? []).map(key => ({\n        label: key,\n        value: key.charAt(0).toLowerCase() + key.replace(/ /g, '').slice(1),\n    }));\n\n    const unitsConfig = (units ?? []).reduce(\n        (out, unit) => {\n            out[`custom#${unit.generic}:unit:${unit.id}`] = {\n                data: {\n                    [acv]: unit.values[acv],\n                },\n                properties: {\n                    [constGenericsEditor.userConfigProperty]: {\n                        editor: {\n                            data: { [acv]: unit.values[acv] },\n                        },\n                    },\n                    [constGenericsEditor.infoDataProperty]: {\n                        editor: {\n                            data: { title: unit.title },\n                        },\n                    },\n                },\n            };\n            return out;\n        },\n        {} as Record<string, any>,\n    );\n\n    const eSignComponentRecipients = {\n        properties: {\n            eSignRecipient: {\n                editor: {\n                    data: {\n                        options: eSignRecipients?.map(item => ({\n                            label: item.displayName,\n                            value: item.name,\n                        })),\n                    },\n                },\n            },\n            eSignFieldType: {\n                editor: {\n                    data: {\n                        options: eSignTypeMapping,\n                    },\n                },\n            },\n        },\n    };\n\n    const result = (window as any).unlayer.createEditor({\n        displayMode: 'web',\n        devices: ['desktop'],\n        features: {\n            preview: true,\n            userUploads: false,\n            stockImages: false,\n            textEditor: {\n                tables: true,\n            },\n        },\n        mergeTags: mergeTags?.reduce(\n            (out, tag) => {\n                out[tag.id] = { name: tag.name, value: tag.propertyPath };\n\n                return out;\n            },\n            {} as Record<string, { name: string; value: string }>,\n        ),\n        projectId: 5713,\n        version: latest ? undefined : versions.unlayer,\n        appearance: {\n            theme: 'classic_light',\n        },\n        tools: {\n            'carousel': { enabled: false },\n            'button': { enabled: false },\n            'html': {\n                enabled: enableHTMLEditing,\n                properties: {\n                    html: {\n                        editor: {\n                            widgetParams: {\n                                codeMirrorOptions: {\n                                    readOnly: enableHTMLEditingReadonly,\n                                },\n                            },\n                        },\n                    },\n                },\n            },\n            'table': {\n                enabled: true,\n            },\n            'menu': { enabled: false },\n            'form': { enabled: false },\n            ...(noCoreTools\n                ? {\n                      columns: { enabled: false },\n                      text: { enabled: false },\n                      heading: { enabled: false },\n                      divider: { enabled: false },\n                      image: { enabled: false },\n                  }\n                : {}),\n            ...unitsConfig,\n            'custom#e-sign': eSignComponentRecipients,\n        },\n        editor: {\n            autoSelectOnDrop: true,\n        },\n        customJS: customScripts,\n        customCSS: customStyles,\n        id,\n        fonts: {\n            showDefaultFonts: false,\n            customFonts: unlayerSupportedFonts,\n        },\n        tabs: {\n            content: {},\n            body: {},\n            blocks: { enabled: false },\n        },\n    });\n\n    document.getElementById = currentFind;\n\n    if (displayConditions) {\n        result.registerCallback(\n            'displayCondition',\n            function (data: any, done: (condition: any) => void) {\n                emitDisplayCondition({ data, done });\n            },\n        );\n    }\n\n    return result;\n};\n"],"names":["emitDisplayCondition","editorCoreScript","editorCoreStyles","editorCoreTools","constGenericsEditor","unlayerSupportedFonts","unlayerCustomEmptyToolState","unlayerCustomToolMetaData","unlayerCustomToolsGetRegisterUrls","DesignUpdatedEventType","versions","unlayer","schema","handlePreselectTool","preselectToolSlug","hideUnlayerContentsControls","hideUnlayerBodyMenuItem","injectEditorCoreStyles","cssText","trim","JSON","stringify","hideMobileTabletPreview","hideUnlayerTools","createUnlayerEditor","container","customCSS","customJS","displayConditions","eSignFieldTypes","eSignRecipients","enableHTMLEditing","enableHTMLEditingReadonly","hideAllTools","hideBodyMenuItem","hideContentControls","latest","mergeTags","noCoreTools","tools","units","customScripts","Array","isArray","filter","js","customStyles","css","id","currentFind","document","getElementById","elementId","call","acv","adminConfigProperty","eSignTypeMapping","map","key","label","value","charAt","toLowerCase","replace","slice","unitsConfig","reduce","out","unit","generic","data","values","properties","userConfigProperty","editor","infoDataProperty","title","eSignComponentRecipients","eSignRecipient","options","item","displayName","name","eSignFieldType","result","window","createEditor","displayMode","devices","features","preview","userUploads","stockImages","textEditor","tables","tag","propertyPath","projectId","version","undefined","appearance","theme","enabled","html","widgetParams","codeMirrorOptions","readOnly","columns","text","heading","divider","image","autoSelectOnDrop","fonts","showDefaultFonts","customFonts","tabs","content","body","blocks","registerCallback","done"],"mappings":"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"}
+{"version":3,"sources":["../src/unlayer.tsx"],"sourcesContent":["import { emitDisplayCondition } from './display-conditions/displayConditionController';\nimport { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';\nimport { constGenericsEditor } from './shared/const';\nimport { unlayerSupportedFonts } from './shared/fonts';\nimport {\n    unlayerCustomEmptyToolState,\n    unlayerCustomToolMetaData,\n    unlayerCustomToolsGetRegisterUrls,\n} from './tools';\nimport { CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: any;\n    demoData?: Record<string, unknown>;\n}\n\nexport interface Unlayer {\n    addEventListener(event: string, cb: (arg: any) => void): void;\n    removeEventListener(event: string, cb: (arg: any) => void): void;\n    registerCallback(type: string, cb: (...args: any[]) => void): void;\n    unregisterCallback(type: string, cb: (...args: any[]) => void): void;\n    registerProvider(type: string, cb: (...args: any[]) => void): void;\n    unregisterProvider(type: string, cb: (...args: any[]) => void): void;\n    loadDesign(design: any): void;\n    saveDesign(callback: (design: any) => void): void;\n    exportHtml(callback: (data: UnlayerExport) => void): void;\n    setMergeTags(tags: any): void;\n    createViewer(opts: { render: (values: any) => string }): any;\n    registerTool(tool: any): void;\n    setBodyValues(values: any): void;\n}\n\nexport enum DesignUpdatedEventType {\n    ContentAdded = 'content:added',\n    ContentMoved = 'content:moved',\n    ContentRemoved = 'content:removed',\n    ContentModified = 'content:modified',\n    RowAdded = 'row:added',\n    RowMoved = 'row:moved',\n    RowRemoved = 'row:removed',\n    RowModified = 'row:modified',\n    ColumnAdded = 'column:added',\n    ColumnRemoved = 'column:removed',\n    ColumnModified = 'column:modified',\n    BodyModified = 'body:modified',\n}\n\nexport interface EventDesignUpdated {\n    type: DesignUpdatedEventType;\n    item: {\n        type: string;\n        slug?: string;\n        values: any;\n    };\n}\n\n/**\n * !!! IMPORTANT !!!\n * do not forget to update schema version when updating unlayer version\n * it is important for templates export and should be in sync\n * to know correct schema version, open unlayer editor and check output design ('schema' property)\n */\nexport const versions = {\n    unlayer: '1.339.0',\n    schema: 22,\n};\n\nexport const handlePreselectTool = (preselectToolSlug: string) => {\n    return `\n        const element = document.querySelector('.u_content_custom_${preselectToolSlug}');\n        if (element) {\n            element.click();\n        }\n    `;\n};\n\nexport const hideUnlayerContentsControls = () => {\n    return `\n        .blockbuilder-layer-controls-contents, .blockbuilder-layer-controls-rows {\n            display: none !important;\n        }\n\n        .blockbuilder-options-header .text-right .icon-delete, .blockbuilder-options-header .text-right .icon-duplicate {\n            display: none !important;\n        }\n    `;\n};\n\nexport const hideUnlayerBodyMenuItem = () => {\n    return `\n        .nav-item.tab-body {\n            display: none !important;\n        }\n    `;\n};\n\nconst injectEditorCoreStyles = () => {\n    const cssText = editorCoreStyles?.trim();\n\n    if (!cssText) {\n        return '';\n    }\n\n    return `\n        (function () {\n            var css = ${JSON.stringify(cssText)};\n            var id = 'dte-unlayer-core-styles';\n            if (document.getElementById(id)) {\n                return;\n            }\n            var style = document.createElement('style');\n            style.id = id;\n            style.type = 'text/css';\n            style.appendChild(document.createTextNode(css));\n            document.head.appendChild(style);\n        })();\n    `;\n};\n\nexport const hideMobileTabletPreview = () => `\n    [data-key=\"preview-tablet\"],\n    [data-key=\"resolution\"],\n    [data-key=\"dark-mode\"],\n    [data-key=\"preview-desktop\"],\n    [data-key=\"preview-mobile\"] {\n        display: none !important;\n    }\n`;\nexport const hideUnlayerTools = () => {\n    return `\n        .blockbuilder-content-tools {\n            display: none !important;\n        }\n           \n        .unlayer-custom-empty-tool-state {\n            display: flex;\n            margin-top: 150px;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon {\n            text-align: center;\n            margin-bottom: 12px;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon svg{\n            color: #606162;\n        }\n        \n        .unlayer-custom-empty-tool-state-text {\n            text-align: center;\n            font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 500;\n            line-height: normal;\n            color: #606162;\n            line-height: 13px;\n        }\n    `;\n};\n\nexport const createUnlayerEditor = (\n    container: HTMLDivElement,\n    {\n        customCSS,\n        customJS,\n        displayConditions,\n        eSignFieldTypes,\n        eSignRecipients,\n        enableHTMLEditing,\n        enableHTMLEditingReadonly,\n        hideAllTools,\n        hideBodyMenuItem,\n        hideContentControls,\n        latest,\n        mergeTags,\n        noCoreTools,\n        tools,\n        units,\n    }: CreateUnlayerEditorProps,\n): Unlayer => {\n    const customScripts = [\n        editorCoreScript,\n        editorCoreTools,\n        injectEditorCoreStyles(),\n        'window.dteStore.sendData(\"--core-loaded\")',\n        ...unlayerCustomToolsGetRegisterUrls(tools),\n        unlayerCustomToolMetaData(tools),\n        ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),\n        hideAllTools ? unlayerCustomEmptyToolState() : '',\n        'window.dteStore.sendData(\"--data-loaded\")',\n    ].filter(js => !!js?.trim());\n    const customStyles = [\n        editorCoreStyles,\n        ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),\n        /*\n         * @TODO this is workaround for hiding all tools from unlayer sidebar.\n         * Will be better to use unlayer functionality for this but it is not implemented yet\n         */\n        hideMobileTabletPreview(),\n        hideAllTools ? hideUnlayerTools() : '',\n        hideContentControls ? hideUnlayerContentsControls() : '',\n        hideBodyMenuItem ? hideUnlayerBodyMenuItem() : '',\n    ].filter(css => !!css?.trim());\n\n    /**\n     * Unlayer supports only passing id of container, but when we use shadowDOM (MFE),\n     * getElementById can't find element in it\n     * so making this dirty hack to let unlayer find container in DOM\n     */\n    const id = container.id;\n    const currentFind = document.getElementById;\n    document.getElementById = function (elementId: string) {\n        if (id === elementId) {\n            return container;\n        }\n\n        return currentFind.call(document, id);\n    };\n\n    const acv = constGenericsEditor.adminConfigProperty;\n\n    const eSignTypeMapping = (eSignFieldTypes ?? []).map(key => ({\n        label: key,\n        value: key.charAt(0).toLowerCase() + key.replace(/ /g, '').slice(1),\n    }));\n\n    const unitsConfig = (units ?? []).reduce(\n        (out, unit) => {\n            out[`custom#${unit.generic}:unit:${unit.id}`] = {\n                data: {\n                    [acv]: unit.values[acv],\n                },\n                properties: {\n                    [constGenericsEditor.userConfigProperty]: {\n                        editor: {\n                            data: { [acv]: unit.values[acv] },\n                        },\n                    },\n                    [constGenericsEditor.infoDataProperty]: {\n                        editor: {\n                            data: { title: unit.title },\n                        },\n                    },\n                },\n            };\n            return out;\n        },\n        {} as Record<string, any>,\n    );\n\n    const eSignComponentRecipients = {\n        properties: {\n            eSignRecipient: {\n                editor: {\n                    data: {\n                        options: eSignRecipients?.map(item => ({\n                            label: item.displayName,\n                            value: item.name,\n                        })),\n                    },\n                },\n            },\n            eSignFieldType: {\n                editor: {\n                    data: {\n                        options: eSignTypeMapping,\n                    },\n                },\n            },\n        },\n    };\n\n    const result = (window as any).unlayer.createEditor({\n        displayMode: 'web',\n        devices: ['desktop'],\n        features: {\n            preview: true,\n            userUploads: false,\n            stockImages: false,\n            textEditor: {\n                tables: true,\n            },\n        },\n        mergeTags: mergeTags?.reduce(\n            (out, tag) => {\n                out[tag.id] = { name: tag.name, value: tag.propertyPath };\n\n                return out;\n            },\n            {} as Record<string, { name: string; value: string }>,\n        ),\n        projectId: 5713,\n        version: latest ? undefined : versions.unlayer,\n        appearance: {\n            theme: 'classic_light',\n        },\n        tools: {\n            'carousel': { enabled: false },\n            'button': { enabled: false },\n            'html': {\n                enabled: enableHTMLEditing,\n                properties: {\n                    html: {\n                        editor: {\n                            widgetParams: {\n                                codeMirrorOptions: {\n                                    readOnly: enableHTMLEditingReadonly,\n                                },\n                            },\n                        },\n                    },\n                },\n            },\n            'table': {\n                enabled: true,\n            },\n            'menu': { enabled: false },\n            'form': { enabled: false },\n            ...(noCoreTools\n                ? {\n                      columns: { enabled: false },\n                      text: { enabled: false },\n                      heading: { enabled: false },\n                      divider: { enabled: false },\n                      image: { enabled: false },\n                  }\n                : {}),\n            ...unitsConfig,\n            'custom#e-sign': eSignComponentRecipients,\n        },\n        editor: {\n            autoSelectOnDrop: true,\n        },\n        customJS: customScripts,\n        customCSS: customStyles,\n        id,\n        fonts: {\n            showDefaultFonts: false,\n            customFonts: unlayerSupportedFonts,\n        },\n        tabs: {\n            content: {},\n            body: {},\n            blocks: { enabled: false },\n        },\n    });\n\n    document.getElementById = currentFind;\n\n    if (displayConditions) {\n        result.registerCallback(\n            'displayCondition',\n            function (data: any, done: (condition: any) => void) {\n                emitDisplayCondition({ data, done });\n            },\n        );\n    }\n\n    return result;\n};\n"],"names":["emitDisplayCondition","editorCoreScript","editorCoreStyles","editorCoreTools","constGenericsEditor","unlayerSupportedFonts","unlayerCustomEmptyToolState","unlayerCustomToolMetaData","unlayerCustomToolsGetRegisterUrls","DesignUpdatedEventType","versions","unlayer","schema","handlePreselectTool","preselectToolSlug","hideUnlayerContentsControls","hideUnlayerBodyMenuItem","injectEditorCoreStyles","cssText","trim","JSON","stringify","hideMobileTabletPreview","hideUnlayerTools","createUnlayerEditor","container","customCSS","customJS","displayConditions","eSignFieldTypes","eSignRecipients","enableHTMLEditing","enableHTMLEditingReadonly","hideAllTools","hideBodyMenuItem","hideContentControls","latest","mergeTags","noCoreTools","tools","units","customScripts","Array","isArray","filter","js","customStyles","css","id","currentFind","document","getElementById","elementId","call","acv","adminConfigProperty","eSignTypeMapping","map","key","label","value","charAt","toLowerCase","replace","slice","unitsConfig","reduce","out","unit","generic","data","values","properties","userConfigProperty","editor","infoDataProperty","title","eSignComponentRecipients","eSignRecipient","options","item","displayName","name","eSignFieldType","result","window","createEditor","displayMode","devices","features","preview","userUploads","stockImages","textEditor","tables","tag","propertyPath","projectId","version","undefined","appearance","theme","enabled","html","widgetParams","codeMirrorOptions","readOnly","columns","text","heading","divider","image","autoSelectOnDrop","fonts","showDefaultFonts","customFonts","tabs","content","body","blocks","registerCallback","done"],"mappings":"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"}

package/package.json

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

package/src/display-conditions/ConditionRow.tsx

@@ -196,8 +196,8 @@ export function ConditionRow({
     return (
         <Flex direction="column" gap="3" style={{ width: '100%' }}>
             <div style={{ width: '100%' }}>
-                <Combobox
-                    {...({ disableClearSelection: true } as object)}
+                <Combobox.Select
+                    disableClearSelection
                     itemToKey={(item: SourceOption | null) => item?.value ?? ''}
                     itemToString={(item: SourceOption | null) => item?.label ?? ''}
                     items={sourceOptions}
@@ -220,7 +220,7 @@ export function ConditionRow({
                             </Combobox.List>
                         )}
                     </Combobox.Content>
-                </Combobox>
+                </Combobox.Select>
             </div>
             <Flex
                 direction="row"
@@ -239,8 +239,8 @@ export function ConditionRow({
                     <Chip label="IF" size="small" />
                 </div>
                 <div style={{ flex: '2 1 240px', minWidth: 200 }}>
-                    <Combobox
-                        {...({ disableClearSelection: true } as object)}
+                    <Combobox.Select
+                        disableClearSelection
                         itemToKey={(item: DataPointOption | null) => item?.fullKey ?? ''}
                         itemToString={(item: DataPointOption | null) => item?.title ?? ''}
                         items={activeDataPointOptions}
@@ -265,11 +265,11 @@ export function ConditionRow({
                                 </Combobox.List>
                             )}
                         </Combobox.Content>
-                    </Combobox>
+                    </Combobox.Select>
                 </div>
                 <div style={{ flex: '1 1 180px', minWidth: 150 }}>
-                    <Combobox
-                        {...({ disableClearSelection: true } as object)}
+                    <Combobox.Select
+                        disableClearSelection
                         itemToKey={(item: OperatorOption | null) => item?.value ?? ''}
                         itemToString={(item: OperatorOption | null) => item?.label ?? ''}
                         items={operatorItems}
@@ -298,7 +298,7 @@ export function ConditionRow({
                                 </Combobox.List>
                             )}
                         </Combobox.Content>
-                    </Combobox>
+                    </Combobox.Select>
                 </div>
                 {!isValueLess && (
                     <div style={{ flex: '1 1 180px', minWidth: 150 }}>

package/src/display-conditions/DisplayConditionModal.tsx

@@ -358,9 +358,7 @@ export const DisplayConditionModal = (props: DisplayConditionModalProps) => {
                                               </Text>
                                               <div style={{ width: 90 }}>
                                                   <Combobox.Select
-                                                      {...({
-                                                          disableClearSelection: true,
-                                                      } as object)}
+                                                      disableClearSelection
                                                       itemToKey={(item: BehaviorOption | null) =>
                                                           item?.value ?? ''
                                                       }