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

package/dist/lib/src/components/builder-blocks.component.js

@@ -0,0 +1,167 @@
+"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.BuilderBlocks = 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_block_component_1 = require("./builder-block.component");
+var react_dom_1 = __importDefault(require("react-dom"));
+var builder_store_1 = require("../store/builder-store");
+// TODO: options to set direciotn
+var BuilderBlocks = /** @class */ (function (_super) {
+    __extends(BuilderBlocks, _super);
+    function BuilderBlocks() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.hydrated = false;
+        _this.onClickEmptyBlocks = function () {
+            var _a;
+            if (sdk_1.Builder.isIframe && _this.noBlocks) {
+                (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
+                    type: 'builder.clickEmptyBlocks',
+                    data: {
+                        parentElementId: _this.parentId,
+                        dataPath: _this.path,
+                    },
+                }, '*');
+            }
+        };
+        _this.onHoverEmptyBlocks = function () {
+            var _a;
+            if (sdk_1.Builder.isEditing && _this.noBlocks) {
+                (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({
+                    type: 'builder.hoverEmptyBlocks',
+                    data: {
+                        parentElementId: _this.parentId,
+                        dataPath: _this.path,
+                    },
+                }, '*');
+            }
+        };
+        return _this;
+    }
+    Object.defineProperty(BuilderBlocks.prototype, "isRoot", {
+        get: function () {
+            return !this.props.child;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BuilderBlocks.prototype, "noBlocks", {
+        get: function () {
+            var blocks = this.props.blocks;
+            return !(blocks && blocks.length); // TODO: allow react nodes
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BuilderBlocks.prototype, "path", {
+        get: function () {
+            var pathPrefix = 'component.options.';
+            var path = this.props.dataPath || '';
+            var thisPrefix = 'this.';
+            if (path.trim()) {
+                if (path.startsWith(thisPrefix)) {
+                    path = path.replace(thisPrefix, '');
+                }
+                else if (!path.startsWith(pathPrefix)) {
+                    path = pathPrefix + path;
+                }
+            }
+            return path;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BuilderBlocks.prototype, "parentId", {
+        get: function () {
+            if (this.props.parentElementId) {
+                return this.props.parentElementId;
+            }
+            return this.props.parent && this.props.parent.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BuilderBlocks.prototype.componentDidMount = function () {
+        this.hydrated = true;
+    };
+    // <!-- Builder Blocks --> in comments hmm
+    BuilderBlocks.prototype.render = function () {
+        var _this = this;
+        var blocks = this.props.blocks;
+        var TagName = this.props.emailMode ? 'span' : 'div';
+        // TODO: how deep check this automatically for mobx... hmmm optional / peer dependency?
+        return (
+        // TODO: component <Stack direction="vertical">
+        // TODO: react.fragment instead?
+        (0, core_1.jsx)(TagName, __assign({ className: 'builder-blocks' +
+                (this.noBlocks ? ' no-blocks' : '') +
+                (this.props.child ? ' builder-blocks-child' : '') +
+                (this.props.className ? ' ' + this.props.className : ''), "builder-type": "blocks", "builder-path": sdk_1.Builder.isIframe && this.hydrated ? this.path : undefined, "builder-parent-id": this.parentId, css: __assign(__assign({}, (!this.props.emailMode && {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'stretch',
+            })), this.props.style), onClick: function () {
+                if (_this.noBlocks) {
+                    _this.onClickEmptyBlocks();
+                }
+            } }, (sdk_1.Builder.isEditing && {
+            onMouseEnter: function () { return _this.onHoverEmptyBlocks(); },
+        })), (blocks &&
+            Array.isArray(blocks) &&
+            blocks.map(function (block, index) {
+                return block && block['@type'] === '@builder.io/sdk:Element' ? ((0, core_1.jsx)(builder_block_component_1.BuilderBlock, { key: block.id, block: block, index: index, fieldName: _this.props.fieldName, child: _this.props.child, emailMode: _this.props.emailMode })) : (block);
+            })) ||
+            blocks));
+    };
+    BuilderBlocks.renderInto = function (elementOrSelector, props, builderState) {
+        if (props === void 0) { props = {}; }
+        if (!elementOrSelector) {
+            return;
+        }
+        var element = null;
+        if (typeof elementOrSelector === 'string') {
+            element = document.querySelector(elementOrSelector);
+        }
+        else {
+            if (elementOrSelector instanceof Element) {
+                element = elementOrSelector;
+            }
+        }
+        return react_dom_1.default.render((0, core_1.jsx)(builder_store_1.BuilderStoreContext.Provider, { value: builderState },
+            (0, core_1.jsx)(BuilderBlocks, __assign({}, props))), element);
+    };
+    return BuilderBlocks;
+}(react_1.default.Component));
+exports.BuilderBlocks = BuilderBlocks;
+//# sourceMappingURL=builder-blocks.component.js.map

package/dist/lib/src/components/builder-blocks.component.js.map

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