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

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

@@ -0,0 +1,261 @@
+"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.Video = void 0;
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var react_1 = __importDefault(require("react"));
+var throttle_1 = require("../functions/throttle");
+var with_children_1 = require("../functions/with-children");
+var sdk_1 = require("@builder.io/sdk");
+var file_types_constant_1 = require("src/constants/file-types.constant");
+var DEFAULT_ASPECT_RATIO = 0.7004048582995948;
+var VideoComponent = /** @class */ (function (_super) {
+    __extends(VideoComponent, _super);
+    function VideoComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.video = null;
+        _this.containerRef = null;
+        _this.scrollListener = null;
+        _this.state = {
+            load: !_this.lazyLoad,
+        };
+        return _this;
+    }
+    Object.defineProperty(VideoComponent.prototype, "lazyLoad", {
+        get: function () {
+            // Default is true, must be explicitly turned off to not have this behavior
+            // as it's highly recommended for performance and bandwidth optimization
+            return this.props.lazyLoad !== false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    VideoComponent.prototype.updateVideo = function () {
+        var _this = this;
+        var video = this.video;
+        if (video) {
+            // There are some issues with boolean attributes and media elements
+            // see: https://github.com/facebook/react/issues/10389
+            var boolProps = [
+                'muted',
+                'playsInline',
+                'autoPlay',
+            ];
+            boolProps.forEach(function (prop) {
+                var attr = prop.toLowerCase();
+                if (_this.props[prop]) {
+                    video.setAttribute(attr, attr);
+                }
+                else {
+                    video.removeAttribute(attr);
+                }
+            });
+        }
+    };
+    VideoComponent.prototype.componentDidUpdate = function () {
+        this.updateVideo();
+    };
+    VideoComponent.prototype.componentDidMount = function () {
+        var _this = this;
+        this.updateVideo();
+        if (this.lazyLoad && sdk_1.Builder.isBrowser) {
+            // TODO: have a way to consolidate all listeners into one timer
+            // to avoid excessive reflows
+            var listener_1 = (0, throttle_1.throttle)(function (event) {
+                if (_this.containerRef) {
+                    var rect = _this.containerRef.getBoundingClientRect();
+                    var buffer = window.innerHeight / 2;
+                    if (rect.top < window.innerHeight + buffer) {
+                        _this.setState(function (state) { return (__assign(__assign({}, 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();
+        }
+    };
+    VideoComponent.prototype.componentWillUnmount = function () {
+        if (sdk_1.Builder.isBrowser && this.scrollListener) {
+            window.removeEventListener('scroll', this.scrollListener);
+            this.scrollListener = null;
+        }
+    };
+    VideoComponent.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, aspectRatio = _a.aspectRatio, children = _a.children;
+        return ((0, core_1.jsx)("div", { ref: function (ref) { return (_this.containerRef = ref); }, css: { position: 'relative' } },
+            (0, core_1.jsx)("video", { key: this.props.video || 'no-src', poster: this.props.posterImage, ref: function (ref) { return (_this.video = ref); }, autoPlay: this.props.autoPlay, muted: this.props.muted, controls: this.props.controls, loop: this.props.loop, preload: this.props.preload || 'metadata', className: "builder-video", css: __assign({ width: '100%', height: '100%', objectFit: this.props.fit, objectPosition: this.props.position, zIndex: 2, 
+                    // Hack to get object fit to work as expected and not have the video
+                    // overflow
+                    borderRadius: 1 }, (aspectRatio
+                    ? {
+                        position: 'absolute',
+                    }
+                    : null)) }, (!this.lazyLoad || this.state.load) && ((0, core_1.jsx)("source", { type: "video/mp4", src: this.props.video }))),
+            aspectRatio && !(this.props.fitContent && children) ? ((0, core_1.jsx)("div", { css: {
+                    width: '100%',
+                    paddingTop: aspectRatio * 100 + '%',
+                    pointerEvents: 'none',
+                    fontSize: 0,
+                } })) : null,
+            children && this.props.fitContent ? ((0, core_1.jsx)("div", { css: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' } }, children)) : children ? ((0, core_1.jsx)("div", { css: {
+                    pointerEvents: 'none',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'stretch',
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                } }, children)) : null));
+    };
+    return VideoComponent;
+}(react_1.default.Component));
+exports.Video = sdk_1.Builder.registerComponent((0, with_children_1.withChildren)(VideoComponent), {
+    name: 'Video',
+    canHaveChildren: true,
+    defaultStyles: {
+        minHeight: '20px',
+        minWidth: '20px',
+    },
+    image: 'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb',
+    inputs: [
+        {
+            name: 'video',
+            type: 'file',
+            allowedFileTypes: file_types_constant_1.VIDEO_FILE_TYPES,
+            bubble: true,
+            defaultValue: 'https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true',
+            required: true,
+        },
+        {
+            name: 'posterImage',
+            type: 'file',
+            allowedFileTypes: file_types_constant_1.IMAGE_FILE_TYPES,
+            helperText: 'Image to show before the video plays',
+        },
+        {
+            name: 'autoPlay',
+            type: 'boolean',
+            defaultValue: true,
+        },
+        {
+            name: 'controls',
+            type: 'boolean',
+            defaultValue: false,
+        },
+        {
+            name: 'muted',
+            type: 'boolean',
+            defaultValue: true,
+        },
+        {
+            name: 'loop',
+            type: 'boolean',
+            defaultValue: true,
+        },
+        {
+            name: 'playsInline',
+            type: 'boolean',
+            defaultValue: true,
+        },
+        {
+            name: 'fit',
+            type: 'text',
+            defaultValue: 'cover',
+            enum: ['contain', 'cover', 'fill', 'auto'],
+        },
+        {
+            name: 'preload',
+            type: 'text',
+            defaultValue: 'metadata',
+            enum: ['auto', 'metadata', 'none'],
+        },
+        {
+            name: 'fitContent',
+            type: 'boolean',
+            helperText: 'When child blocks are provided, fit to them instead of using the aspect ratio',
+            defaultValue: true,
+            advanced: true,
+        },
+        {
+            name: 'position',
+            type: 'text',
+            defaultValue: 'center',
+            enum: [
+                'center',
+                'top',
+                'left',
+                'right',
+                'bottom',
+                'top left',
+                'top right',
+                'bottom left',
+                'bottom right',
+            ],
+        },
+        {
+            name: 'height',
+            type: 'number',
+            advanced: true,
+        },
+        {
+            name: 'width',
+            type: 'number',
+            advanced: true,
+        },
+        {
+            name: 'aspectRatio',
+            type: 'number',
+            advanced: true,
+            defaultValue: DEFAULT_ASPECT_RATIO,
+        },
+        {
+            name: 'lazyLoad',
+            type: 'boolean',
+            helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+            defaultValue: true,
+            advanced: true,
+        },
+    ],
+});
+//# sourceMappingURL=Video.js.map

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

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

package/dist/lib/src/blocks/forms/Button.js

@@ -0,0 +1,74 @@
+"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.FormSubmitButton = void 0;
+var react_1 = __importDefault(require("react"));
+var with_builder_1 = require("../../functions/with-builder");
+var FormSubmitButtonComponent = /** @class */ (function (_super) {
+    __extends(FormSubmitButtonComponent, _super);
+    function FormSubmitButtonComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormSubmitButtonComponent.prototype.render = function () {
+        return (react_1.default.createElement("button", __assign({ type: "submit" }, this.props.attributes), this.props.text));
+    };
+    return FormSubmitButtonComponent;
+}(react_1.default.Component));
+exports.FormSubmitButton = (0, with_builder_1.withBuilder)(FormSubmitButtonComponent, {
+    name: 'Form:SubmitButton',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
+    defaultStyles: {
+        appearance: 'none',
+        paddingTop: '15px',
+        paddingBottom: '15px',
+        paddingLeft: '25px',
+        paddingRight: '25px',
+        backgroundColor: '#3898EC',
+        color: 'white',
+        borderRadius: '4px',
+        cursor: 'pointer',
+    },
+    inputs: [
+        {
+            name: 'text',
+            type: 'text',
+            defaultValue: 'Click me',
+        },
+    ],
+    static: true,
+    noWrap: true,
+    // TODO: optional children? maybe as optional form input
+    // that only shows if advanced setting is flipped
+    // TODO: defaultChildren
+    // canHaveChildren: true,
+});
+//# sourceMappingURL=Button.js.map

package/dist/lib/src/blocks/forms/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAC1B,6DAA2D;AAO3D;IAAwC,6CAA4B;IAApE;;IAQA,CAAC;IAPC,0CAAM,GAAN;QACE,OAAO,CACL,mDAAQ,IAAI,EAAC,QAAQ,IAAK,IAAI,CAAC,KAAK,CAAC,UAAU,GAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,CACT,CACV,CAAC;IACJ,CAAC;IACH,gCAAC;AAAD,CAAC,AARD,CAAwC,eAAK,CAAC,SAAS,GAQtD;AAEY,QAAA,gBAAgB,GAAG,IAAA,0BAAW,EAAC,yBAAyB,EAAE;IACrE,IAAI,EAAE,mBAAmB;IACzB,KAAK,EACH,8GAA8G;IAChH,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,UAAU;SACzB;KACF;IACD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,wDAAwD;IACxD,iDAAiD;IACjD,wBAAwB;IACxB,yBAAyB;CAC1B,CAAC,CAAC"}