@builder.io/react 8.0.6-1 → 8.0.6-2

package/dist/lib/src/blocks/Image.js

@@ -0,0 +1,532 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = exports.getSizes = exports.getSrcSet = exports.updateQueryParam = void 0;
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var react_1 = __importDefault(require("react"));
+var builder_block_component_1 = require("../components/builder-block.component");
+var sdk_1 = require("@builder.io/sdk");
+var builder_meta_1 = require("../store/builder-meta");
+var with_builder_1 = require("../functions/with-builder");
+var throttle_1 = require("../functions/throttle");
+var device_sizes_constant_1 = require("../constants/device-sizes.constant");
+var file_types_constant_1 = require("src/constants/file-types.constant");
+// Taken from (and modified) the shopify theme script repo
+// https://github.com/Shopify/theme-scripts/blob/bcfb471f2a57d439e2f964a1bb65b67708cc90c3/packages/theme-images/images.js#L59
+function removeProtocol(path) {
+    return path.replace(/http(s)?:/, '');
+}
+function isElementInViewport(el) {
+    var rect = el.getBoundingClientRect();
+    return (rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+}
+function getShopifyImageUrl(src, size) {
+    if (!src || !(src === null || src === void 0 ? void 0 : src.match(/cdn\.shopify\.com/)) || !size) {
+        return src;
+    }
+    if (size === 'master') {
+        return removeProtocol(src);
+    }
+    var match = src.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
+    if (match) {
+        var prefix = src.split(match[0]);
+        var suffix = match[3];
+        var useSize = size.match('x') ? size : "".concat(size, "x");
+        return removeProtocol("".concat(prefix[0], "_").concat(useSize).concat(suffix));
+    }
+    return null;
+}
+var DEFAULT_ASPECT_RATIO = 0.7041;
+function updateQueryParam(uri, key, value) {
+    if (uri === void 0) { uri = ''; }
+    var re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i');
+    var separator = uri.indexOf('?') !== -1 ? '&' : '?';
+    if (uri.match(re)) {
+        return uri.replace(re, '$1' + key + '=' + encodeURIComponent(value) + '$2');
+    }
+    return uri + separator + key + '=' + encodeURIComponent(value);
+}
+exports.updateQueryParam = updateQueryParam;
+function getSrcSet(url) {
+    if (!url) {
+        return url;
+    }
+    var sizes = [100, 200, 400, 800, 1200, 1600, 2000];
+    if (url.match(/builder\.io/)) {
+        var srcUrl = url;
+        var widthInSrc_1 = Number(url.split('?width=')[1]);
+        if (!isNaN(widthInSrc_1)) {
+            srcUrl = "".concat(srcUrl, " ").concat(widthInSrc_1, "w");
+        }
+        return sizes
+            .filter(function (size) { return size !== widthInSrc_1; })
+            .map(function (size) { return "".concat(updateQueryParam(url, 'width', size), " ").concat(size, "w"); })
+            .concat([srcUrl])
+            .join(', ');
+    }
+    if (url.match(/cdn\.shopify\.com/)) {
+        return sizes
+            .map(function (size) { return [getShopifyImageUrl(url, "".concat(size, "x").concat(size)), size]; })
+            .filter(function (_a) {
+            var sizeUrl = _a[0];
+            return !!sizeUrl;
+        })
+            .map(function (_a) {
+            var sizeUrl = _a[0], size = _a[1];
+            return "".concat(sizeUrl, " ").concat(size, "w");
+        })
+            .concat([url])
+            .join(', ');
+    }
+    return url;
+}
+exports.getSrcSet = getSrcSet;
+var getSizes = function (sizes, block, contentBreakpoints) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (contentBreakpoints === void 0) { contentBreakpoints = {}; }
+    var useSizes = '';
+    if (sizes) {
+        var splitSizes = sizes.split(',');
+        var sizesLength_1 = splitSizes.length;
+        useSizes = splitSizes
+            .map(function (size, index) {
+            if (sizesLength_1 === index + 1) {
+                // If it is the last size in the array, then we want to strip out
+                // any media query information. According to the img spec, the last
+                // value for sizes cannot have a media query. If there is a media
+                // query at the end it breaks AMP mode rendering
+                // https://github.com/ampproject/amphtml/blob/b6313e372fdd1298928e2417dcc616b03288e051/src/size-list.js#L169
+                return size.replace(/\([\s\S]*?\)/g, '').trim();
+            }
+            else {
+                return size;
+            }
+        })
+            .join(', ');
+    }
+    else if (block && block.responsiveStyles) {
+        var generatedSizes = [];
+        var hasSmallOrMediumSize = false;
+        var unitRegex = /^\d+/;
+        var breakpointSizes = (0, device_sizes_constant_1.getSizesForBreakpoints)(contentBreakpoints);
+        if ((_c = (_b = (_a = block.responsiveStyles) === null || _a === void 0 ? void 0 : _a.small) === null || _b === void 0 ? void 0 : _b.width) === null || _c === void 0 ? void 0 : _c.match(unitRegex)) {
+            hasSmallOrMediumSize = true;
+            var mediaQuery = "(max-width: ".concat(breakpointSizes.small.max, "px)");
+            var widthAndQuery = "".concat(mediaQuery, " ").concat(block.responsiveStyles.small.width.replace('%', 'vw'));
+            generatedSizes.push(widthAndQuery);
+        }
+        if ((_f = (_e = (_d = block.responsiveStyles) === null || _d === void 0 ? void 0 : _d.medium) === null || _e === void 0 ? void 0 : _e.width) === null || _f === void 0 ? void 0 : _f.match(unitRegex)) {
+            hasSmallOrMediumSize = true;
+            var mediaQuery = "(max-width: ".concat(breakpointSizes.medium.max, "px)");
+            var widthAndQuery = "".concat(mediaQuery, " ").concat(block.responsiveStyles.medium.width.replace('%', 'vw'));
+            generatedSizes.push(widthAndQuery);
+        }
+        if ((_h = (_g = block.responsiveStyles) === null || _g === void 0 ? void 0 : _g.large) === null || _h === void 0 ? void 0 : _h.width) {
+            var width = block.responsiveStyles.large.width.replace('%', 'vw');
+            generatedSizes.push(width);
+        }
+        else if (hasSmallOrMediumSize) {
+            generatedSizes.push('100vw');
+        }
+        if (generatedSizes.length) {
+            useSizes = generatedSizes.join(', ');
+        }
+    }
+    return useSizes;
+};
+exports.getSizes = getSizes;
+// TODO: use picture tag to support more formats
+var ImageComponent = /** @class */ (function (_super) {
+    __extends(ImageComponent, _super);
+    function ImageComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // TODO: setting to always fade in the images (?)
+        _this.state = {
+            imageLoaded: !_this.useLazyLoading,
+            load: !_this.useLazyLoading,
+        };
+        _this.pictureRef = null;
+        _this.scrollListener = null;
+        _this.intersectionObserver = null;
+        return _this;
+    }
+    Object.defineProperty(ImageComponent.prototype, "useLazyLoading", {
+        get: function () {
+            if (this.props.highPriority) {
+                return false;
+            }
+            // Use builder.getLocation()
+            return sdk_1.Builder.isBrowser && location.search.includes('builder.lazyLoadImages=false')
+                ? false
+                : sdk_1.Builder.isBrowser && location.href.includes('builder.lazyLoadImages=true')
+                    ? true
+                    : this.props.lazy;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ImageComponent.prototype.componentWillUnmount = function () {
+        if (sdk_1.Builder.isBrowser) {
+            if (this.scrollListener) {
+                window.removeEventListener('scroll', this.scrollListener);
+                this.scrollListener = null;
+            }
+            if (this.intersectionObserver && this.pictureRef) {
+                this.intersectionObserver.unobserve(this.pictureRef);
+            }
+        }
+    };
+    ImageComponent.prototype.componentDidMount = function () {
+        var _this = this;
+        if (this.props.lazy && sdk_1.Builder.isBrowser) {
+            if (this.pictureRef && isElementInViewport(this.pictureRef)) {
+                this.setState({
+                    load: true,
+                });
+            }
+            else if (typeof IntersectionObserver === 'function' && this.pictureRef) {
+                var observer = (this.intersectionObserver = new IntersectionObserver(function (entries, observer) {
+                    entries.forEach(function (entry) {
+                        // In view
+                        if (entry.intersectionRatio > 0) {
+                            _this.setState({
+                                load: true,
+                            });
+                            if (_this.pictureRef) {
+                                observer.unobserve(_this.pictureRef);
+                            }
+                        }
+                    });
+                }));
+                observer.observe(this.pictureRef);
+            }
+            else {
+                // throttled scroll capture listener
+                var listener_1 = (0, throttle_1.throttle)(function (event) {
+                    if (_this.pictureRef) {
+                        var rect = _this.pictureRef.getBoundingClientRect();
+                        var buffer = window.innerHeight / 2;
+                        if (rect.top < window.innerHeight + buffer) {
+                            _this.setState(__assign(__assign({}, _this.state), { load: true }));
+                            window.removeEventListener('scroll', listener_1);
+                            _this.scrollListener = null;
+                        }
+                    }
+                }, 400, {
+                    leading: false,
+                    trailing: true,
+                });
+                this.scrollListener = listener_1;
+                window.addEventListener('scroll', listener_1, {
+                    capture: true,
+                    passive: true,
+                });
+                listener_1();
+            }
+        }
+    };
+    Object.defineProperty(ImageComponent.prototype, "image", {
+        // Allow our legacy `image` prop, as well as allow a `src` prop for more intuitive
+        // DX of manual usage (<Image src="..." />)
+        get: function () {
+            return this.props.image || this.props.src;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ImageComponent.prototype.getSrcSet = function () {
+        var url = this.image;
+        if (!url || typeof url !== 'string') {
+            return;
+        }
+        if (this.props.noWebp) {
+            return;
+        }
+        // We can auto add srcset for cdn.builder.io and shopify
+        // images, otherwise you can supply this prop manually
+        if (!(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/))) {
+            return;
+        }
+        return getSrcSet(url);
+    };
+    ImageComponent.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var _c = this.props, aspectRatio = _c.aspectRatio, lazy = _c.lazy, builderBlock = _c.builderBlock, builderState = _c.builderState;
+        var children = this.props.builderBlock && this.props.builderBlock.children;
+        var srcset = this.props.srcset;
+        var sizes = (0, exports.getSizes)(this.props.sizes, builderBlock, ((_b = (_a = builderState === null || builderState === void 0 ? void 0 : builderState.context.builderContent) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.breakpoints) || {});
+        var image = this.image;
+        if (srcset && image && image.includes('builder.io/api/v1/image')) {
+            if (!srcset.includes(image.split('?')[0])) {
+                console.debug('Removed given srcset');
+                srcset = this.getSrcSet();
+            }
+        }
+        else if (image && !srcset) {
+            srcset = this.getSrcSet();
+        }
+        var isPixel = builderBlock === null || builderBlock === void 0 ? void 0 : builderBlock.id.startsWith('builder-pixel-');
+        var eagerLoad = isPixel || this.props.highPriority;
+        var fitContent = this.props.fitContent;
+        return ((0, core_1.jsx)(builder_meta_1.BuilderMetaContext.Consumer, null, function (value) {
+            var _a;
+            var amp = value.ampMode;
+            var Tag = amp ? 'amp-img' : 'img';
+            var imageContents = (!lazy || _this.state.load || amp) && ((0, core_1.jsx)(Tag, __assign({}, (amp
+                ? {
+                    layout: 'responsive',
+                    height: _this.props.height ||
+                        (aspectRatio ? Math.round(aspectRatio * 1000) : undefined),
+                    width: _this.props.width ||
+                        (aspectRatio ? Math.round(1000 / aspectRatio) : undefined),
+                }
+                : null), { alt: _this.props.altText, key: sdk_1.Builder.isEditing
+                    ? (typeof _this.image === 'string' && _this.image.split('?')[0]) || undefined
+                    : undefined, role: !_this.props.altText ? 'presentation' : undefined, css: __assign(__assign({ opacity: amp ? 1 : _this.useLazyLoading && !_this.state.imageLoaded ? 0 : 1, transition: 'opacity 0.2s ease-in-out', objectFit: _this.props.backgroundSize || 'cover', objectPosition: _this.props.backgroundPosition || 'center' }, (aspectRatio &&
+                    !amp && {
+                    position: 'absolute',
+                    height: '100%',
+                    width: '100%',
+                    left: 0,
+                    top: 0,
+                })), (amp && (_a = {},
+                    _a['& img'] = {
+                        objectFit: _this.props.backgroundSize,
+                        objectPosition: _this.props.backgroundPosition,
+                    },
+                    _a))), loading: eagerLoad ? 'eager' : 'lazy', fetchPriority: eagerLoad ? 'high' : 'auto', className: 'builder-image' + (_this.props.className ? ' ' + _this.props.className : ''), src: _this.image }, (!amp && {
+                // TODO: queue these so react renders all loads at once
+                onLoad: function () { return _this.setState({ imageLoaded: true }); },
+            }), { 
+                // TODO: memoize on image on client
+                srcSet: srcset, sizes: !amp && sizes ? sizes : undefined })));
+            return ((0, core_1.jsx)(react_1.default.Fragment, null,
+                amp ? (imageContents) : ((0, core_1.jsx)("picture", { ref: function (ref) { return (_this.pictureRef = ref); } },
+                    srcset && srcset.match(/builder\.io/) && !_this.props.noWebp && ((0, core_1.jsx)("source", { srcSet: srcset.replace(/\?/g, '?format=webp&'), type: "image/webp" })),
+                    imageContents)),
+                aspectRatio && !amp && !(fitContent && children && children.length) ? ((0, core_1.jsx)("div", { className: "builder-image-sizer", css: {
+                        width: '100%',
+                        paddingTop: aspectRatio * 100 + '%',
+                        pointerEvents: 'none',
+                        fontSize: 0,
+                    } }, ' ')) : null,
+                children && children.length ? (fitContent ? (children.map(function (block, index) { return ((0, core_1.jsx)(builder_block_component_1.BuilderBlock, { key: block.id, block: block })); })) : (
+                // TODO: if no aspect ratio and has children, don't make this absolute but instead
+                // make the image absolute and fit the children (or with a special option)
+                (0, core_1.jsx)("div", { css: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'stretch',
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        width: '100%',
+                        height: '100%',
+                    } }, children.map(function (block, index) { return ((0, core_1.jsx)(builder_block_component_1.BuilderBlock, { key: block.id, block: block })); })))) : null));
+        }));
+    };
+    return ImageComponent;
+}(react_1.default.Component));
+exports.Image = (0, with_builder_1.withBuilder)(ImageComponent, {
+    name: 'Image',
+    static: true,
+    image: 'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4',
+    defaultStyles: {
+        position: 'relative',
+        minHeight: '20px',
+        minWidth: '20px',
+        overflow: 'hidden',
+    },
+    canHaveChildren: true,
+    inputs: [
+        {
+            // TODO: new editor type 'responsiveImage' that can do different crops per breakpoint
+            // and sets an object and that is read here
+            name: 'image',
+            type: 'file',
+            bubble: true,
+            allowedFileTypes: file_types_constant_1.IMAGE_FILE_TYPES,
+            required: true,
+            defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
+            onChange: function (options) {
+                var DEFAULT_ASPECT_RATIO = 0.7041;
+                options.delete('srcset');
+                options.delete('noWebp');
+                function loadImage(url, timeout) {
+                    if (timeout === void 0) { timeout = 60000; }
+                    return new Promise(function (resolve, reject) {
+                        var img = document.createElement('img');
+                        var loaded = false;
+                        img.onload = function () {
+                            loaded = true;
+                            resolve(img);
+                        };
+                        img.addEventListener('error', function (event) {
+                            console.warn('Image load failed', event.error);
+                            reject(event.error);
+                        });
+                        img.src = url;
+                        setTimeout(function () {
+                            if (!loaded) {
+                                reject(new Error('Image load timed out'));
+                            }
+                        }, timeout);
+                    });
+                }
+                function round(num) {
+                    return Math.round(num * 1000) / 1000;
+                }
+                var value = options.get('image');
+                var aspectRatio = options.get('aspectRatio');
+                // For SVG images - don't render as webp, keep them as SVG
+                fetch(value)
+                    .then(function (res) { return res.blob(); })
+                    .then(function (blob) {
+                    if (blob.type.includes('svg')) {
+                        options.set('noWebp', true);
+                    }
+                });
+                if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO)) {
+                    return loadImage(value).then(function (img) {
+                        var possiblyUpdatedAspectRatio = options.get('aspectRatio');
+                        if (options.get('image') === value &&
+                            (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
+                            if (img.width && img.height) {
+                                options.set('aspectRatio', round(img.height / img.width));
+                                options.set('height', img.height);
+                                options.set('width', img.width);
+                            }
+                        }
+                    });
+                }
+            },
+        },
+        {
+            name: 'backgroundSize',
+            type: 'text',
+            defaultValue: 'cover',
+            enum: [
+                {
+                    label: 'contain',
+                    value: 'contain',
+                    helperText: 'The image should never get cropped',
+                },
+                {
+                    label: 'cover',
+                    value: 'cover',
+                    helperText: "The image should fill its box, cropping when needed",
+                },
+                // TODO: add these options back
+                // { label: 'auto', value: 'auto', helperText: '' },
+                // { label: 'fill', value: 'fill', helperText: 'The image should fill the box, being stretched or squished if necessary' },
+            ],
+        },
+        {
+            name: 'backgroundPosition',
+            type: 'text',
+            defaultValue: 'center',
+            enum: [
+                'center',
+                'top',
+                'left',
+                'right',
+                'bottom',
+                'top left',
+                'top right',
+                'bottom left',
+                'bottom right',
+            ],
+        },
+        {
+            name: 'altText',
+            type: 'string',
+            helperText: 'Text to display when the user has images off',
+        },
+        {
+            name: 'highPriority',
+            type: 'boolean',
+            advanced: true,
+            helperText: 'Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page.',
+        },
+        {
+            name: 'height',
+            type: 'number',
+            hideFromUI: true,
+        },
+        {
+            name: 'width',
+            type: 'number',
+            hideFromUI: true,
+        },
+        {
+            name: 'sizes',
+            type: 'string',
+            hideFromUI: true,
+        },
+        {
+            name: 'srcset',
+            type: 'string',
+            hideFromUI: true,
+        },
+        // TODO: force lazy load option (maybe via binding for now hm component.options.lazy: true)
+        {
+            name: 'lazy',
+            type: 'boolean',
+            defaultValue: true,
+            hideFromUI: true,
+        },
+        {
+            name: 'fitContent',
+            type: 'boolean',
+            helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+            defaultValue: true,
+        },
+        {
+            name: 'aspectRatio',
+            type: 'number',
+            helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+            advanced: true,
+            defaultValue: DEFAULT_ASPECT_RATIO,
+        },
+        // {
+        //   name: 'backgroundRepeat',
+        //   type: 'text',
+        //   defaultValue: 'no-repeat',
+        //   enum: ['no-repeat', 'repeat', 'repeat-x', 'repeat-y'],
+        // },
+    ],
+});
+//# sourceMappingURL=Image.js.map

package/dist/lib/src/blocks/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/blocks/Image.tsx"],"names":[],"mappings":"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"}

package/dist/lib/src/blocks/Mutation.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mutation = void 0;
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var builder_blocks_component_1 = require("../components/builder-blocks.component");
+sdk_1.Builder.registerComponent(Mutation, {
+    name: 'Builder:Mutation',
+    canHaveChildren: true,
+    noWrap: true,
+    hideFromInsertMenu: true,
+    inputs: [
+        {
+            name: 'type',
+            type: 'string',
+            defaultValue: 'replace',
+            enum: [
+                {
+                    label: 'Replace',
+                    value: 'replace',
+                    helperText: 'Replace the contents of this site region with content from Builder',
+                },
+                {
+                    label: 'Append',
+                    value: 'afterEnd',
+                    helperText: 'Append Builder content after the chosen site region',
+                },
+            ],
+        },
+        {
+            name: 'selector',
+            // TODO: special UI for this
+            type: 'builder:domSelector',
+        },
+    ],
+});
+function Mutation(props) {
+    var _a, _b;
+    var ref = react_1.default.useRef(null);
+    useWaitForSelector(props.selector, function (node) {
+        // TODO: static generate this logic
+        if (props.type !== 'afterEnd') {
+            node.innerHTML = '';
+        }
+        node.appendChild(ref.current.firstElementChild);
+    });
+    var children = (_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.children;
+    return ((0, core_1.jsx)("span", { style: { display: 'none' }, ref: ref },
+        (0, core_1.jsx)(builder_blocks_component_1.BuilderBlocks, { style: {
+                display: 'inline',
+            }, child: true, parentElementId: (_b = props.builderBlock) === null || _b === void 0 ? void 0 : _b.id, dataPath: "this.children", blocks: children })));
+}
+exports.Mutation = Mutation;
+function useWaitForSelector(selector, cb) {
+    react_1.default.useLayoutEffect(function () {
+        try {
+            var existingElement = document.querySelector(selector);
+            if (existingElement) {
+                cb(existingElement);
+                return;
+            }
+        }
+        catch (err) {
+            console.warn(err);
+        }
+        var observer = new MutationObserver(function () {
+            try {
+                var foundElement = document.querySelector(selector);
+                if (foundElement) {
+                    observer.disconnect();
+                    cb(foundElement);
+                }
+            }
+            catch (err) {
+                console.warn(err);
+            }
+        });
+        observer.observe(document.body, {
+            attributes: true,
+            subtree: true,
+            characterData: true,
+        });
+        return function () {
+            observer.disconnect();
+        };
+    }, [selector]);
+}
+//# sourceMappingURL=Mutation.js.map

package/dist/lib/src/blocks/Mutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mutation.js","sourceRoot":"","sources":["../../../../src/blocks/Mutation.tsx"],"names":[],"mappings":";;;;;;AAAA,eAAe;AACf,sCAAoC;AACpC,gDAA0B;AAC1B,uCAA0D;AAC1D,mFAAuE;AAEvE,aAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE;IAClC,IAAI,EAAE,kBAAkB;IACxB,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,kBAAkB,EAAE,IAAI;IACxB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS;YACvB,IAAI,EAAE;gBACJ;oBACE,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,oEAAoE;iBACjF;gBACD;oBACE,KAAK,EAAE,QAAQ;oBACf,KAAK,EAAE,UAAU;oBACjB,UAAU,EAAE,qDAAqD;iBAClE;aACF;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,4BAA4B;YAC5B,IAAI,EAAE,qBAAqB;SAC5B;KACF;CACF,CAAC,CAAC;AAQH,SAAgB,QAAQ,CAAC,KAAoB;;IAC3C,IAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,kBAAkB,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAA,IAAI;QACrC,mCAAmC;QACnC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;YAC7B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;SACrB;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAQ,CAAC,iBAAkB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,YAAY,0CAAE,QAAQ,CAAC;IAE9C,OAAO,CACL,0BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG;QACxC,gBAAC,wCAAa,IACZ,KAAK,EAAE;gBACL,OAAO,EAAE,QAAQ;aAClB,EACD,KAAK,QACL,eAAe,EAAE,MAAA,KAAK,CAAC,YAAY,0CAAE,EAAE,EACvC,QAAQ,EAAC,eAAe,EACxB,MAAM,EAAE,QAAQ,GAChB,CACG,CACR,CAAC;AACJ,CAAC;AA1BD,4BA0BC;AAED,SAAS,kBAAkB,CAAC,QAAgB,EAAE,EAA2B;IACvE,eAAK,CAAC,eAAe,CAAC;QACpB,IAAI;YACF,IAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACzD,IAAI,eAAe,EAAE;gBACnB,EAAE,CAAC,eAAe,CAAC,CAAC;gBACpB,OAAO;aACR;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;QAED,IAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YACpC,IAAI;gBACF,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACtD,IAAI,YAAY,EAAE;oBAChB,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACtB,EAAE,CAAC,YAAY,CAAC,CAAC;iBAClB;aACF;YAAC,OAAO,GAAG,EAAE;gBACZ,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACnB;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;QAEH,OAAO;YACL,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC"}