@contentstack/live-preview-utils
Version:
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.
23 lines (22 loc) • 829 B
JavaScript
import "../../chunk-5WRI5ZAA.js";
// src/visualBuilder/eventManager/useScrollToField.ts
import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
var handleScrollToField = (event) => {
const { content_type_uid, entry_uid, locale, path } = event.data.cslpData;
const cslpValue = `${content_type_uid}.${entry_uid}.${locale}.${path}`;
const element = document.querySelector(`[data-cslp="${cslpValue}"]`);
if (element) {
element.scrollIntoView({ behavior: "smooth", block: "center" });
}
};
var useScrollToField = () => {
visualBuilderPostMessage?.on(
VisualBuilderPostMessageEvents.SCROLL_TO_FIELD,
handleScrollToField
);
};
export {
useScrollToField
};
//# sourceMappingURL=useScrollToField.js.map