@wordpress/block-library/build-module/html/preview.js

Block library for the WordPress editor.

import { createElement, Fragment } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { useMemo } from '@wordpress/element';
import { transformStyles, store as blockEditorStore } from '@wordpress/block-editor';
import { SandBox } from '@wordpress/components';
import { useSelect } from '@wordpress/data'; // Default styles used to unset some of the styles
// that might be inherited from the editor style.

const DEFAULT_STYLES = `
	html,body,:root {
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		min-height: auto !important;
	}
`;
export default function HTMLEditPreview(_ref) {
  let {
    content,
    isSelected
  } = _ref;
  const settingStyles = useSelect(select => {
    var _select$getSettings;

    return (_select$getSettings = select(blockEditorStore).getSettings()) === null || _select$getSettings === void 0 ? void 0 : _select$getSettings.styles;
  }, []);
  const styles = useMemo(() => [DEFAULT_STYLES, ...transformStyles(settingStyles)], [settingStyles]);
  return createElement(Fragment, null, createElement(SandBox, {
    html: content,
    styles: styles
  }), !isSelected && createElement("div", {
    className: "block-library-html__preview-overlay"
  }));
}
//# sourceMappingURL=preview.js.map