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

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

@@ -0,0 +1,243 @@
+"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.Columns = void 0;
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var react_1 = __importDefault(require("react"));
+var builder_blocks_component_1 = require("../components/builder-blocks.component");
+var with_builder_1 = require("../functions/with-builder");
+var Link_1 = require("../components/Link");
+var device_sizes_constant_1 = require("../constants/device-sizes.constant");
+var DEFAULT_ASPECT_RATIO = 0.7004048582995948;
+var defaultBlocks = [
+    {
+        '@type': '@builder.io/sdk:Element',
+        responsiveStyles: {
+            large: {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'stretch',
+                flexShrink: '0',
+                position: 'relative',
+                marginTop: '30px',
+                textAlign: 'center',
+                lineHeight: 'normal',
+                height: 'auto',
+                minHeight: '20px',
+                minWidth: '20px',
+                overflow: 'hidden',
+            },
+        },
+        component: {
+            name: 'Image',
+            options: {
+                image: 'https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d',
+                backgroundPosition: 'center',
+                backgroundSize: 'cover',
+                aspectRatio: DEFAULT_ASPECT_RATIO,
+            },
+        },
+    },
+    {
+        '@type': '@builder.io/sdk:Element',
+        responsiveStyles: {
+            large: {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'stretch',
+                flexShrink: '0',
+                position: 'relative',
+                marginTop: '30px',
+                textAlign: 'center',
+                lineHeight: 'normal',
+                height: 'auto',
+            },
+        },
+        component: {
+            name: 'Text',
+            options: {
+                text: '<p>Enter some text...</p>',
+            },
+        },
+    },
+];
+var ColumnsComponent = /** @class */ (function (_super) {
+    __extends(ColumnsComponent, _super);
+    function ColumnsComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(ColumnsComponent.prototype, "columns", {
+        // TODO: Column interface
+        get: function () {
+            return this.props.columns || [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ColumnsComponent.prototype, "gutterSize", {
+        get: function () {
+            return typeof this.props.space === 'number' ? this.props.space || 0 : 20;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ColumnsComponent.prototype.getWidth = function (index) {
+        return (this.columns[index] && this.columns[index].width) || 100 / this.columns.length;
+    };
+    ColumnsComponent.prototype.getColumnWidth = function (index) {
+        var _a = this, columns = _a.columns, gutterSize = _a.gutterSize;
+        var width = this.getWidth(index);
+        var subtractWidth = gutterSize * (columns.length - 1) * (width / 100);
+        return "calc(".concat(width, "% - ").concat(subtractWidth, "px)");
+    };
+    ColumnsComponent.prototype.render = function () {
+        var _a;
+        var _this = this;
+        var _b, _c, _d;
+        var _e = this, columns = _e.columns, gutterSize = _e.gutterSize;
+        var contentBreakpoints = ((_d = (_c = (_b = this.props.builderState) === null || _b === void 0 ? void 0 : _b.context.builderContent) === null || _c === void 0 ? void 0 : _c.meta) === null || _d === void 0 ? void 0 : _d.breakpoints) || {};
+        var breakpointSizes = (0, device_sizes_constant_1.getSizesForBreakpoints)(contentBreakpoints);
+        return (
+        // FIXME: make more elegant
+        (0, core_1.jsx)(react_1.default.Fragment, null,
+            (0, core_1.jsx)("div", { className: "builder-columns", css: __assign({ display: 'flex' }, (this.props.stackColumnsAt !== 'never' && (_a = {},
+                    _a["@media (max-width: ".concat(this.props.stackColumnsAt !== 'tablet'
+                        ? breakpointSizes.small.max
+                        : breakpointSizes.medium.max, "px)")] = {
+                        flexDirection: this.props.reverseColumnsWhenStacked ? 'column-reverse' : 'column',
+                        alignItems: 'stretch',
+                    },
+                    _a))) }, columns.map(function (col, index) {
+                var _a, _b;
+                var TagName = col.link ? Link_1.Link : 'div';
+                // TODO: pass size down in context
+                return ((0, core_1.jsx)(react_1.default.Fragment, { key: index },
+                    (0, core_1.jsx)(TagName, __assign({ className: "builder-column" }, (col.link ? { href: col.link } : null), { 
+                        // TODO: generate width and margin-left as CSS instead so can override with pure CSS for best responsieness
+                        // and no use of !important
+                        css: __assign((_a = { display: 'flex', flexDirection: 'column', alignItems: 'stretch', lineHeight: 'normal' }, _a['& > .builder-blocks'] = {
+                            flexGrow: 1,
+                        }, _a.width = _this.getColumnWidth(index), _a.marginLeft = index === 0 ? 0 : gutterSize, _a), (_this.props.stackColumnsAt !== 'never' && (_b = {},
+                            _b["@media (max-width: ".concat(_this.props.stackColumnsAt !== 'tablet'
+                                ? breakpointSizes.small.max
+                                : breakpointSizes.medium.max, "px)")] = {
+                                width: '100%',
+                                marginLeft: 0,
+                            },
+                            _b))) }),
+                        (0, core_1.jsx)(builder_blocks_component_1.BuilderBlocks, { key: index, 
+                            // TODO: childOf [parentBlocks]?
+                            child: true, parentElementId: _this.props.builderBlock && _this.props.builderBlock.id, blocks: col.blocks, dataPath: "component.options.columns.".concat(index, ".blocks") }))));
+            }))));
+    };
+    return ColumnsComponent;
+}(react_1.default.Component));
+exports.Columns = (0, with_builder_1.withBuilder)(ColumnsComponent, {
+    name: 'Columns',
+    static: true,
+    inputs: [
+        {
+            name: 'columns',
+            type: 'array',
+            broadcast: true,
+            subFields: [
+                {
+                    name: 'blocks',
+                    type: 'array',
+                    hideFromUI: true,
+                    defaultValue: defaultBlocks,
+                },
+                {
+                    name: 'width',
+                    type: 'number',
+                    hideFromUI: true,
+                    helperText: 'Width %, e.g. set to 50 to fill half of the space',
+                },
+                {
+                    name: 'link',
+                    type: 'url',
+                    helperText: 'Optionally set a url that clicking this column will link to',
+                },
+            ],
+            defaultValue: [{ blocks: defaultBlocks }, { blocks: defaultBlocks }],
+            onChange: function (options) {
+                function clearWidths() {
+                    columns.forEach(function (col) {
+                        col.delete('width');
+                    });
+                }
+                var columns = options.get('columns');
+                if (Array.isArray(columns)) {
+                    var containsColumnWithWidth = !!columns.find(function (col) { return col.get('width'); });
+                    if (containsColumnWithWidth) {
+                        var containsColumnWithoutWidth = !!columns.find(function (col) { return !col.get('width'); });
+                        if (containsColumnWithoutWidth) {
+                            clearWidths();
+                        }
+                        else {
+                            var sumWidths = columns.reduce(function (memo, col) {
+                                return memo + col.get('width');
+                            }, 0);
+                            var widthsDontAddUp = sumWidths !== 100;
+                            if (widthsDontAddUp) {
+                                clearWidths();
+                            }
+                        }
+                    }
+                }
+            },
+        },
+        {
+            name: 'space',
+            type: 'number',
+            defaultValue: 20,
+            helperText: 'Size of gap between columns',
+            advanced: true,
+        },
+        {
+            name: 'stackColumnsAt',
+            type: 'string',
+            defaultValue: 'tablet',
+            helperText: 'Convert horizontal columns to vertical at what device size',
+            enum: ['tablet', 'mobile', 'never'],
+            advanced: true,
+        },
+        {
+            name: 'reverseColumnsWhenStacked',
+            type: 'boolean',
+            defaultValue: false,
+            helperText: 'When stacking columns for mobile devices, reverse the ordering',
+            advanced: true,
+        },
+    ],
+});
+//# sourceMappingURL=Columns.js.map

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

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

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

@@ -0,0 +1,227 @@
+"use strict";
+'use client';
+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.CustomCode = void 0;
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var with_builder_1 = require("../functions/with-builder");
+// TODO: settings context to pass this down. do in shopify-specific generated code
+var globalReplaceNodes = {} || null;
+var isShopify = sdk_1.Builder.isBrowser && 'Shopify' in window;
+if (sdk_1.Builder.isBrowser && globalReplaceNodes) {
+    var customCodeQuerySelector_1 = '.builder-custom-code';
+    try {
+        var allCustomCodeElements_1 = Array.from(document.querySelectorAll(customCodeQuerySelector_1));
+        // Search each template element (if present) for custom code blocks since
+        // querySelectorAll cannot search all templates that we use for variations, because they are
+        // considered document fragments and are not a part of the DOM.
+        var builderTemplates = document.querySelectorAll('template[data-template-variant-id]');
+        if (builderTemplates.length) {
+            Array.from(builderTemplates).forEach(function (template) {
+                var content = template.content;
+                var codeElements = content.querySelectorAll(customCodeQuerySelector_1);
+                if (codeElements.length) {
+                    allCustomCodeElements_1 = allCustomCodeElements_1.concat(Array.from(codeElements));
+                }
+            });
+        }
+        allCustomCodeElements_1.forEach(function (el) {
+            var parent = el.parentElement;
+            var id = parent && parent.getAttribute('builder-id');
+            if (id) {
+                globalReplaceNodes[id] = globalReplaceNodes[id] || [];
+                globalReplaceNodes[id].push(isShopify ? el : el.cloneNode(true));
+            }
+        });
+    }
+    catch (err) {
+        console.error('Builder replace nodes error:', err);
+    }
+}
+var CustomCodeComponent = /** @class */ (function (_super) {
+    __extends(CustomCodeComponent, _super);
+    function CustomCodeComponent(props) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this, props) || this;
+        _this.elementRef = null;
+        _this.originalRef = null;
+        _this.scriptsInserted = new Set();
+        _this.scriptsRun = new Set();
+        _this.firstLoad = true;
+        _this.replaceNodes = false;
+        _this.state = {
+            hydrated: false,
+        };
+        if (sdk_1.Builder.isBrowser) {
+            var id = (_a = _this.props.builderBlock) === null || _a === void 0 ? void 0 : _a.id;
+            _this.replaceNodes = Boolean(sdk_1.Builder.isBrowser && (props.replaceNodes || isShopify) && id && (globalReplaceNodes === null || globalReplaceNodes === void 0 ? void 0 : globalReplaceNodes[id]));
+            if (_this.firstLoad && _this.props.builderBlock) {
+                if (id && (globalReplaceNodes === null || globalReplaceNodes === void 0 ? void 0 : globalReplaceNodes[id])) {
+                    var el = globalReplaceNodes[id].shift() || null;
+                    _this.originalRef = el;
+                    if (globalReplaceNodes[id].length === 0) {
+                        delete globalReplaceNodes[id];
+                    }
+                }
+                else if (_this.replaceNodes) {
+                    var existing = document.querySelectorAll(".".concat(_this.props.builderBlock.id, " .builder-custom-code"));
+                    if (existing.length === 1) {
+                        var node = existing[0];
+                        _this.originalRef = node;
+                        _this.originalRef.remove();
+                    }
+                }
+            }
+        }
+        return _this;
+    }
+    CustomCodeComponent.prototype.shouldComponentUpdate = function (nextProps) {
+        return nextProps.code !== this.props.code;
+    };
+    Object.defineProperty(CustomCodeComponent.prototype, "noReactRender", {
+        get: function () {
+            var _a;
+            // Don't render liquid client side
+            return Boolean(isShopify && ((_a = this.props.code) === null || _a === void 0 ? void 0 : _a.match(/{[{%]/g)));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CustomCodeComponent.prototype, "isHydrating", {
+        get: function () {
+            return !isShopify && this.originalRef;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomCodeComponent.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.code !== prevProps.code) {
+            this.findAndRunScripts();
+        }
+    };
+    CustomCodeComponent.prototype.componentDidMount = function () {
+        var _this = this;
+        this.firstLoad = false;
+        if (!this.replaceNodes) {
+            if (this.isHydrating) {
+                // first render need to match what's on ssr (issue with next.js)
+                this.setState({
+                    hydrated: true,
+                });
+                sdk_1.Builder.nextTick(function () { return _this.findAndRunScripts(); });
+            }
+            else {
+                this.findAndRunScripts();
+            }
+        }
+        if (sdk_1.Builder.isBrowser && this.replaceNodes && this.originalRef && this.elementRef) {
+            this.elementRef.appendChild(this.originalRef);
+        }
+    };
+    CustomCodeComponent.prototype.findAndRunScripts = function () {
+        if (this.elementRef && typeof window !== 'undefined') {
+            var scripts = this.elementRef.getElementsByTagName('script');
+            for (var i = 0; i < scripts.length; i++) {
+                var script = scripts[i];
+                if (script.src) {
+                    if (this.scriptsInserted.has(script.src)) {
+                        continue;
+                    }
+                    this.scriptsInserted.add(script.src);
+                    var newScript = document.createElement('script');
+                    newScript.async = true;
+                    newScript.src = script.src;
+                    document.head.appendChild(newScript);
+                }
+                else if (!script.type ||
+                    ['text/javascript', 'application/javascript', 'application/ecmascript'].includes(script.type)) {
+                    if (this.scriptsRun.has(script.innerText)) {
+                        continue;
+                    }
+                    try {
+                        this.scriptsRun.add(script.innerText);
+                        new Function(script.innerText)();
+                    }
+                    catch (error) {
+                        console.warn('Builder custom code component error:', error);
+                    }
+                }
+            }
+        }
+    };
+    Object.defineProperty(CustomCodeComponent.prototype, "code", {
+        get: function () {
+            // when ssr'd by nextjs it'll break hydration if initial client render doesn't match ssr
+            if ((sdk_1.Builder.isServer || (this.isHydrating && this.firstLoad)) &&
+                this.props.scriptsClientOnly) {
+                return (this.props.code || '').replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '');
+            }
+            return this.props.code;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CustomCodeComponent.prototype.render = function () {
+        var _this = this;
+        // TODO: remove <script> tags for server render (unless has some param to say it's only goingn to be run on server)
+        // like embed
+        return (react_1.default.createElement("div", __assign({ ref: function (ref) { return (_this.elementRef = ref); }, 
+            // TODO: add a class when node replaced in (?)
+            className: "builder-custom-code" }, (!this.replaceNodes &&
+            !this.noReactRender && {
+            dangerouslySetInnerHTML: { __html: this.code },
+        }))));
+    };
+    return CustomCodeComponent;
+}(react_1.default.Component));
+exports.CustomCode = (0, with_builder_1.withBuilder)(CustomCodeComponent, {
+    name: 'Custom Code',
+    static: true,
+    requiredPermissions: ['editCode'],
+    inputs: [
+        {
+            name: 'code',
+            type: 'html',
+            required: true,
+            defaultValue: '<p>Hello there, I am custom HTML code!</p>',
+            code: true,
+        },
+        __assign({ name: 'replaceNodes', type: 'boolean', helperText: 'Preserve server rendered dom nodes', advanced: true }, (isShopify && {
+            defaultValue: true,
+        })),
+        __assign({ name: 'scriptsClientOnly', type: 'boolean', helperText: 'Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads', advanced: true }, (!isShopify && {
+            defaultValue: true,
+        })),
+    ],
+});
+//# sourceMappingURL=CustomCode.js.map

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

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

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

@@ -0,0 +1,114 @@
+"use strict";
+'use client';
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Embed = void 0;
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var with_builder_1 = require("../functions/with-builder");
+var EmbedComponent = /** @class */ (function (_super) {
+    __extends(EmbedComponent, _super);
+    function EmbedComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.elementRef = null;
+        _this.scriptsInserted = new Set();
+        _this.scriptsRun = new Set();
+        return _this;
+    }
+    EmbedComponent.prototype.shouldComponentUpdate = function (nextProps) {
+        return nextProps.content !== this.props.content;
+    };
+    EmbedComponent.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.content !== prevProps.content) {
+            this.findAndRunScripts();
+        }
+    };
+    EmbedComponent.prototype.componentDidMount = function () {
+        this.findAndRunScripts();
+    };
+    EmbedComponent.prototype.findAndRunScripts = function () {
+        if (this.elementRef && typeof window !== 'undefined') {
+            var scripts = this.elementRef.getElementsByTagName('script');
+            for (var i = 0; i < scripts.length; i++) {
+                var script = scripts[i];
+                if (script.src) {
+                    if (this.scriptsInserted.has(script.src)) {
+                        continue;
+                    }
+                    this.scriptsInserted.add(script.src);
+                    var newScript = document.createElement('script');
+                    newScript.async = true;
+                    newScript.src = script.src;
+                    document.head.appendChild(newScript);
+                }
+                else {
+                    if (this.scriptsRun.has(script.innerText)) {
+                        continue;
+                    }
+                    this.scriptsRun.add(script.innerText);
+                    try {
+                        new Function(script.innerText)();
+                    }
+                    catch (error) {
+                        console.warn('Builder custom code component error:', error);
+                    }
+                }
+            }
+        }
+    };
+    Object.defineProperty(EmbedComponent.prototype, "content", {
+        get: function () {
+            // Remove scripts on server - if they manipulate dom there can be issues on hydration
+            // TODO: allow this to by bypassed by context or prop that says if this is going to be HTML
+            // loaded without client JS/hydration (static)
+            if (sdk_1.Builder.isServer) {
+                return (this.props.content || '').replace(/<script[\s\S]*?<\/script>/g, '');
+            }
+            return this.props.content;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    EmbedComponent.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", { ref: function (ref) { return (_this.elementRef = ref); }, className: "builder-embed", dangerouslySetInnerHTML: { __html: this.content } }));
+    };
+    return EmbedComponent;
+}(react_1.default.Component));
+exports.Embed = (0, with_builder_1.withBuilder)(EmbedComponent, {
+    name: 'Embed',
+    static: true,
+    inputs: [
+        {
+            name: 'url',
+            type: 'url',
+            required: true,
+            defaultValue: '',
+            helperText: 'e.g. enter a youtube url, google map, etc',
+        },
+        {
+            name: 'content',
+            type: 'html',
+            defaultValue: "<div style=\"padding: 20px; text-align: center\">(Choose an embed URL)<div>",
+            hideFromUI: true,
+        },
+    ],
+});
+//# sourceMappingURL=Embed.js.map

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+'use client';
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fragment = void 0;
+var react_1 = __importDefault(require("react"));
+var with_builder_1 = require("../functions/with-builder");
+var builder_block_component_1 = require("../components/builder-block.component");
+var FragmentComponent = /** @class */ (function (_super) {
+    __extends(FragmentComponent, _super);
+    function FragmentComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FragmentComponent.prototype.render = function () {
+        return (this.props.builderBlock &&
+            this.props.builderBlock.children &&
+            this.props.builderBlock.children.map(function (block, index) { return (react_1.default.createElement(builder_block_component_1.BuilderBlock, { block: block, key: block.id, index: index })); }));
+    };
+    return FragmentComponent;
+}(react_1.default.Component));
+exports.Fragment = (0, with_builder_1.withBuilder)(FragmentComponent, {
+    name: 'Core:Fragment',
+    canHaveChildren: true,
+    noWrap: true,
+    static: true,
+    hideFromInsertMenu: true,
+});
+//# sourceMappingURL=Fragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fragment.js","sourceRoot":"","sources":["../../../../src/blocks/Fragment.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,0DAAwD;AACxD,iFAA8F;AAM9F;IAAgC,qCAA8B;IAA9D;;IAUA,CAAC;IATC,kCAAM,GAAN;QACE,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,YAAY;YACvB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;YAChC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACrD,8BAAC,sCAAqB,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CACrE,EAFsD,CAEtD,CAAC,CACH,CAAC;IACJ,CAAC;IACH,wBAAC;AAAD,CAAC,AAVD,CAAgC,eAAK,CAAC,SAAS,GAU9C;AAEY,QAAA,QAAQ,GAAG,IAAA,0BAAW,EAAC,iBAAiB,EAAE;IACrD,IAAI,EAAE,eAAe;IACrB,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,kBAAkB,EAAE,IAAI;CACzB,CAAC,CAAC"}