@contentstack/live-preview-utils/dist/legacy/visualBuilder/components/pseudoEditableField.cjs.map

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

{"version":3,"sources":["../../../../src/visualBuilder/components/pseudoEditableField.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React from \"preact/compat\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { getPsuedoEditableElementStyles } from \"../utils/getPsuedoEditableStylesElement\";\n\ninterface PseudoEditableFieldProps {\n    editableElement: HTMLElement;\n    config: { textContent: string };\n}\n\nfunction PseudoEditableFieldComponent(\n    props: PseudoEditableFieldProps\n): JSX.Element {\n    const styles = getPsuedoEditableElementStyles(props.editableElement, true);\n\n    return (\n        <div\n            className={classNames(\n                \"visual-builder__pseudo-editable-element\",\n                visualBuilderStyles()[\"visual-builder__pseudo-editable-element\"]\n            )}\n            data-testid=\"visual-builder__pseudo-editable-element\"\n            style={styles}\n        >\n            {props.config.textContent}\n        </div>\n    );\n}\n\nexport default PseudoEditableFieldComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,2BAAoC;AACpC,4CAA+C;AAavC;AANR,SAAS,6BACL,OACW;AACX,QAAM,aAAS,sEAA+B,MAAM,iBAAiB,IAAI;AAEzE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,0CAAoB,EAAE,yCAAyC;AAAA,MACnE;AAAA,MACA,eAAY;AAAA,MACZ,OAAO;AAAA,MAEN,gBAAM,OAAO;AAAA;AAAA,EAClB;AAER;AAEA,IAAO,8BAAQ;","names":["classNames"]}