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

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

@@ -0,0 +1,133 @@
+"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.FormInput = void 0;
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var with_builder_1 = require("../../functions/with-builder");
+var FormInputComponent = /** @class */ (function (_super) {
+    __extends(FormInputComponent, _super);
+    function FormInputComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormInputComponent.prototype.render = function () {
+        return (react_1.default.createElement("input", __assign({ key: sdk_1.Builder.isEditing && this.props.defaultValue ? this.props.defaultValue : 'default-key', placeholder: this.props.placeholder, type: this.props.type, name: this.props.name }, (typeof this.props.value === 'undefined'
+            ? {
+                defaultValue: this.props.defaultValue,
+            }
+            : {
+                value: this.props.value,
+            }), { required: this.props.required }, this.props.attributes)));
+    };
+    return FormInputComponent;
+}(react_1.default.Component));
+exports.FormInput = (0, with_builder_1.withBuilder)(FormInputComponent, {
+    name: 'Form:Input',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
+    inputs: [
+        {
+            name: 'type',
+            type: 'text',
+            enum: [
+                'text',
+                'number',
+                'email',
+                'url',
+                'checkbox',
+                'radio',
+                'range',
+                'date',
+                'datetime-local',
+                'search',
+                'tel',
+                'time',
+                'file',
+                'month',
+                'week',
+                'password',
+                'color',
+                'hidden',
+            ],
+            defaultValue: 'text',
+        },
+        {
+            name: 'name',
+            type: 'string',
+            required: true,
+            helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"',
+        },
+        {
+            name: 'placeholder',
+            type: 'string',
+            defaultValue: 'Hello there',
+            helperText: 'Text to display when there is no value',
+        },
+        // TODO: handle value vs default value automatically like ng-model
+        {
+            name: 'defaultValue',
+            type: 'string',
+        },
+        {
+            name: 'value',
+            type: 'string',
+            advanced: true,
+        },
+        {
+            name: 'required',
+            type: 'boolean',
+            helperText: 'Is this input required to be filled out to submit a form',
+            defaultValue: false,
+        },
+    ],
+    // TODO
+    // TODO: call editorHooks?
+    // ...({
+    //   hooks: {
+    //     'ElementLayout:shiftBottomSide': (element: Element, amount: number, snap: boolean) => {
+    //       // TODO: either update line height or split the padding padding on bottom sides hmm
+    //     }
+    //   } as any,
+    // }),
+    noWrap: true,
+    static: true,
+    defaultStyles: {
+        paddingTop: '10px',
+        paddingBottom: '10px',
+        paddingLeft: '10px',
+        paddingRight: '10px',
+        borderRadius: '3px',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#ccc',
+    },
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/Input.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAC1B,uCAA0C;AAC1C,6DAA2D;AAgB3D;IAAiC,sCAA+B;IAAhE;;IAoBA,CAAC;IAnBC,mCAAM,GAAN;QACE,OAAO,CACL,kDACE,GAAG,EAAE,aAAO,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAC3F,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IACjB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,WAAW;YAC1C,CAAC,CAAC;gBACE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;aACtC;YACH,CAAC,CAAC;gBACE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;aACxB,CAAC,IACN,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,KAAK,CAAC,UAAU,EACzB,CACH,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AApBD,CAAiC,eAAK,CAAC,SAAS,GAoB/C;AAEY,QAAA,SAAS,GAAG,IAAA,0BAAW,EAAC,kBAAkB,EAAE;IACvD,IAAI,EAAE,YAAY;IAClB,KAAK,EACH,8GAA8G;IAChH,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;gBACP,KAAK;gBACL,UAAU;gBACV,OAAO;gBACP,OAAO;gBACP,MAAM;gBACN,gBAAgB;gBAChB,QAAQ;gBACR,KAAK;gBACL,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,MAAM;gBACN,UAAU;gBACV,OAAO;gBACP,QAAQ;aACT;YACD,YAAY,EAAE,MAAM;SACrB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;YACd,UAAU,EACR,kFAAkF;SACrF;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,aAAa;YAC3B,UAAU,EAAE,wCAAwC;SACrD;QACD,kEAAkE;QAClE;YACE,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;SACf;QAED;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,0DAA0D;YACtE,YAAY,EAAE,KAAK;SACpB;KACF;IACD,OAAO;IACP,0BAA0B;IAC1B,QAAQ;IACR,aAAa;IACb,8FAA8F;IAC9F,4FAA4F;IAC5F,QAAQ;IACR,cAAc;IACd,MAAM;IACN,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,81 @@
+"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.Label = void 0;
+var react_1 = __importDefault(require("react"));
+var builder_react_1 = require("../../builder-react");
+var with_builder_1 = require("../../functions/with-builder");
+var LabelComponent = /** @class */ (function (_super) {
+    __extends(LabelComponent, _super);
+    function LabelComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LabelComponent.prototype.render = function () {
+        return (react_1.default.createElement("label", __assign({ htmlFor: this.props.for }, this.props.attributes),
+            this.props.text && (react_1.default.createElement("span", { className: "builder-label-text", dangerouslySetInnerHTML: {
+                    __html: this.props.text,
+                } })),
+            this.props.builderBlock &&
+                this.props.builderBlock.children &&
+                this.props.builderBlock.children.map(function (item) { return (react_1.default.createElement(builder_react_1.BuilderBlockComponent, { key: item.id, block: item })); })));
+    };
+    return LabelComponent;
+}(react_1.default.Component));
+// TODO: strict ADA mode that enforces with custom error messages that all inputs need
+// labels and names
+exports.Label = (0, with_builder_1.withBuilder)(LabelComponent, {
+    name: 'Form:Label',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F9322342f04b545fb9a8091cd801dfb5b',
+    inputs: [
+        {
+            name: 'text',
+            type: 'html',
+            richText: true,
+            defaultValue: 'Label',
+        },
+        {
+            name: 'for',
+            type: 'text',
+            helperText: 'The name of the input this label is for',
+            advanced: true,
+        },
+    ],
+    noWrap: true,
+    static: true,
+    canHaveChildren: true,
+    // TODO: take inner html or blocsk
+    // TODO: optional children? maybe as optional form input
+    // that only shows if advanced setting is flipped
+    // TODO: defaultChildren
+    // canHaveChildren: true,
+});
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/Label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,qDAA4D;AAC5D,6DAA2D;AAS3D;IAA6B,kCAA2B;IAAxD;;IAoBA,CAAC;IAnBC,+BAAM,GAAN;QACE,OAAO,CACL,kDAAO,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,IAAM,IAAI,CAAC,KAAK,CAAC,UAAU;YACtD,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAClB,wCACE,SAAS,EAAC,oBAAoB,EAC9B,uBAAuB,EAAE;oBACvB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;iBACxB,GACD,CACH;YACA,IAAI,CAAC,KAAK,CAAC,YAAY;gBACtB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;gBAChC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAC3C,8BAAC,qCAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,GAAI,CACrD,EAF4C,CAE5C,CAAC,CACE,CACT,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AApBD,CAA6B,eAAK,CAAC,SAAS,GAoB3C;AAED,sFAAsF;AACtF,mBAAmB;AACN,QAAA,KAAK,GAAG,IAAA,0BAAW,EAAC,cAAc,EAAE;IAC/C,IAAI,EAAE,YAAY;IAClB,KAAK,EACH,8GAA8G;IAChH,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,OAAO;SACtB;QACD;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,yCAAyC;YACrD,QAAQ,EAAE,IAAI;SACf;KACF;IACD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,IAAI;IACrB,kCAAkC;IAClC,wDAAwD;IACxD,iDAAiD;IACjD,wBAAwB;IACxB,yBAAyB;CAC1B,CAAC,CAAC"}

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

@@ -0,0 +1,104 @@
+"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.FormSelect = void 0;
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var with_builder_1 = require("../../functions/with-builder");
+var FormSelectComponent = /** @class */ (function (_super) {
+    __extends(FormSelectComponent, _super);
+    function FormSelectComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormSelectComponent.prototype.render = function () {
+        var options = this.props.options;
+        return (react_1.default.createElement("select", __assign({ value: this.props.value, key: sdk_1.Builder.isEditing && this.props.defaultValue ? this.props.defaultValue : 'default-key', defaultValue: this.props.defaultValue, name: this.props.name, required: this.props.required }, this.props.attributes), options &&
+            options.map(function (option) { return (react_1.default.createElement("option", { value: option.value }, option.name || option.value)); })));
+    };
+    return FormSelectComponent;
+}(react_1.default.Component));
+exports.FormSelect = (0, with_builder_1.withBuilder)(FormSelectComponent, {
+    name: 'Form:Select',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
+    defaultStyles: {
+        alignSelf: 'flex-start',
+    },
+    inputs: [
+        {
+            name: 'options',
+            type: 'list',
+            required: true,
+            subFields: [
+                {
+                    name: 'value',
+                    type: 'text',
+                    required: true,
+                },
+                {
+                    name: 'name',
+                    type: 'text',
+                },
+            ],
+            defaultValue: [
+                {
+                    value: 'option 1',
+                },
+                {
+                    value: 'option 2',
+                },
+            ],
+        },
+        {
+            name: 'name',
+            type: 'string',
+            required: true,
+            helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"',
+        },
+        {
+            name: 'defaultValue',
+            type: 'string',
+        },
+        {
+            name: 'value',
+            type: 'string',
+            advanced: true,
+        },
+        {
+            name: 'required',
+            type: 'boolean',
+            defaultValue: false,
+        },
+    ],
+    static: true,
+    noWrap: true,
+});
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAC1B,uCAA0C;AAC1C,6DAA2D;AAW3D;IAAkC,uCAAgC;IAAlE;;IAmBA,CAAC;IAlBC,oCAAM,GAAN;QACU,IAAA,OAAO,GAAK,IAAI,CAAC,KAAK,QAAf,CAAgB;QAC/B,OAAO,CACL,mDACE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,GAAG,EAAE,aAAO,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAC3F,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAExB,OAAO;YACN,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACpB,0CAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAU,CACpE,EAFqB,CAErB,CAAC,CACG,CACV,CAAC;IACJ,CAAC;IACH,0BAAC;AAAD,CAAC,AAnBD,CAAkC,eAAK,CAAC,SAAS,GAmBhD;AAEY,QAAA,UAAU,GAAG,IAAA,0BAAW,EAAC,mBAAmB,EAAE;IACzD,IAAI,EAAE,aAAa;IACnB,KAAK,EACH,8GAA8G;IAChH,aAAa,EAAE;QACb,SAAS,EAAE,YAAY;KACxB;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,IAAI;iBACf;gBACD;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,MAAM;iBACb;aACF;YACD,YAAY,EAAE;gBACZ;oBACE,KAAK,EAAE,UAAU;iBAClB;gBACD;oBACE,KAAK,EAAE,UAAU;iBAClB;aACF;SACF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;YACd,UAAU,EACR,kFAAkF;SACrF;QACD;YACE,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;SACf;QAED;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACpB;KACF;IACD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;CACb,CAAC,CAAC"}

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

@@ -0,0 +1,89 @@
+"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.TextArea = void 0;
+var react_1 = __importDefault(require("react"));
+var with_builder_1 = require("../../functions/with-builder");
+var TextAreaComponent = /** @class */ (function (_super) {
+    __extends(TextAreaComponent, _super);
+    function TextAreaComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextAreaComponent.prototype.render = function () {
+        return (react_1.default.createElement("textarea", __assign({ placeholder: this.props.placeholder, name: this.props.name, value: this.props.value, defaultValue: this.props.defaultValue, required: this.props.required }, this.props.attributes)));
+    };
+    return TextAreaComponent;
+}(react_1.default.Component));
+exports.TextArea = (0, with_builder_1.withBuilder)(TextAreaComponent, {
+    name: 'Form:TextArea',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
+    inputs: [
+        {
+            advanced: true,
+            name: 'value',
+            type: 'string',
+        },
+        {
+            name: 'name',
+            type: 'string',
+            required: true,
+            helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"',
+        },
+        {
+            name: 'defaultValue',
+            type: 'string',
+        },
+        {
+            name: 'placeholder',
+            type: 'string',
+            defaultValue: 'Hello there',
+        },
+        {
+            name: 'required',
+            type: 'boolean',
+            defaultValue: false,
+        },
+    ],
+    defaultStyles: {
+        paddingTop: '10px',
+        paddingBottom: '10px',
+        paddingLeft: '10px',
+        paddingRight: '10px',
+        borderRadius: '3px',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#ccc',
+    },
+    static: true,
+    noWrap: true,
+});
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAC1B,6DAA2D;AAW3D;IAAgC,qCAAkC;IAAlE;;IAaA,CAAC;IAZC,kCAAM,GAAN;QACE,OAAO,CACL,qDACE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,KAAK,CAAC,UAAU,EACzB,CACH,CAAC;IACJ,CAAC;IACH,wBAAC;AAAD,CAAC,AAbD,CAAgC,eAAK,CAAC,SAAS,GAa9C;AAEY,QAAA,QAAQ,GAAG,IAAA,0BAAW,EAAC,iBAAiB,EAAE;IACrD,IAAI,EAAE,eAAe;IACrB,KAAK,EACH,8GAA8G;IAChH,MAAM,EAAE;QACN;YACE,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,iFAAiF;SAC9F;QACD;YACE,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,aAAa;SAC5B;QACD;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACpB;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,MAAM;KACpB;IACD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;CACb,CAAC,CAAC"}

package/dist/lib/src/blocks/raw/Img.js

@@ -0,0 +1,66 @@
+"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.Img = void 0;
+var react_1 = __importDefault(require("react"));
+var with_builder_1 = require("../../functions/with-builder");
+var file_types_constant_1 = require("src/constants/file-types.constant");
+// TODO: srcset, alt text input, object size/position input, etc
+var ImgComponent = /** @class */ (function (_super) {
+    __extends(ImgComponent, _super);
+    function ImgComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ImgComponent.prototype.render = function () {
+        var attributes = this.props.attributes || {};
+        return (react_1.default.createElement("img", __assign({}, this.props.attributes, { src: this.props.image || attributes.src })));
+    };
+    return ImgComponent;
+}(react_1.default.Component));
+exports.Img = (0, with_builder_1.withBuilder)(ImgComponent, {
+    // friendlyName?
+    name: 'Raw:Img',
+    hideFromInsertMenu: 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',
+    inputs: [
+        {
+            name: 'image',
+            bubble: true,
+            type: 'file',
+            allowedFileTypes: file_types_constant_1.IMAGE_FILE_TYPES,
+            required: true,
+        },
+    ],
+    noWrap: true,
+    static: true,
+});
+//# sourceMappingURL=Img.js.map

package/dist/lib/src/blocks/raw/Img.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../../../src/blocks/raw/Img.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,6DAA2D;AAC3D,yEAAqE;AAQrE,gEAAgE;AAEhE;IAA2B,gCAAyB;IAApD;;IAYA,CAAC;IAXC,6BAAM,GAAN;QACE,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC/C,OAAO,CACL,kDACM,IAAI,CAAC,KAAK,CAAC,UAAU,IACzB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC,GAAG,IAGvC,CACH,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AAZD,CAA2B,eAAK,CAAC,SAAS,GAYzC;AAEY,QAAA,GAAG,GAAG,IAAA,0BAAW,EAAC,YAAY,EAAE;IAC3C,gBAAgB;IAChB,IAAI,EAAE,SAAS;IACf,kBAAkB,EAAE,IAAI;IACxB,KAAK,EACH,sKAAsK;IACxK,MAAM,EAAE;QACN;YACE,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,MAAM;YACZ,gBAAgB,EAAE,sCAAgB;YAClC,QAAQ,EAAE,IAAI;SACf;KACF;IACD,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;CACb,CAAC,CAAC"}

package/dist/lib/src/blocks/raw/RawText.js

@@ -0,0 +1,47 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RawText = void 0;
+var React = __importStar(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var RawText = function (props) {
+    var attributes = props.attributes || {};
+    return (React.createElement("span", { className: (attributes === null || attributes === void 0 ? void 0 : attributes.class) || (attributes === null || attributes === void 0 ? void 0 : attributes.className), dangerouslySetInnerHTML: { __html: props.text || '' } }));
+};
+exports.RawText = RawText;
+sdk_1.Builder.registerComponent(exports.RawText, {
+    name: 'Builder:RawText',
+    hideFromInsertMenu: true,
+    inputs: [
+        {
+            name: 'text',
+            bubble: true,
+            type: 'longText',
+            required: true,
+        },
+    ],
+});
+//# sourceMappingURL=RawText.js.map

package/dist/lib/src/blocks/raw/RawText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawText.js","sourceRoot":"","sources":["../../../../../src/blocks/raw/RawText.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,2CAA+B;AAC/B,uCAA0D;AAQnD,IAAM,OAAO,GAAG,UAAC,KAAmB;IACzC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,OAAO,CACL,8BACE,SAAS,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA,EACrD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE,GACrD,CACH,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,OAAO,WAQlB;AAEF,aAAO,CAAC,iBAAiB,CAAC,eAAO,EAAE;IACjC,IAAI,EAAE,iBAAiB;IACvB,kBAAkB,EAAE,IAAI;IACxB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAC,CAAC"}

package/dist/lib/src/builder-react-lite.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Builder = exports.builder = exports.useIsPreviewing = exports.stringToFunction = exports.BuilderComponent = exports.BuilderPage = exports.withChildren = exports.BuilderAsyncRequestsContext = exports.BuilderMetaContext = exports.BuilderStoreContext = exports.BuilderContent = exports.BuilderBlockComponent = exports.BuilderBlocks = void 0;
+require("./scripts/init-editing");
+var sdk_1 = require("@builder.io/sdk");
+Object.defineProperty(exports, "builder", { enumerable: true, get: function () { return sdk_1.builder; } });
+Object.defineProperty(exports, "Builder", { enumerable: true, get: function () { return sdk_1.Builder; } });
+sdk_1.Builder.isReact = true;
+var builder_blocks_component_1 = require("./components/builder-blocks.component");
+Object.defineProperty(exports, "BuilderBlocks", { enumerable: true, get: function () { return builder_blocks_component_1.BuilderBlocks; } });
+var builder_block_component_1 = require("./components/builder-block.component");
+Object.defineProperty(exports, "BuilderBlockComponent", { enumerable: true, get: function () { return builder_block_component_1.BuilderBlock; } });
+var builder_content_component_1 = require("./components/builder-content.component");
+Object.defineProperty(exports, "BuilderContent", { enumerable: true, get: function () { return builder_content_component_1.BuilderContent; } });
+var builder_component_component_1 = require("./components/builder-component.component");
+Object.defineProperty(exports, "BuilderPage", { enumerable: true, get: function () { return builder_component_component_1.BuilderComponent; } });
+Object.defineProperty(exports, "BuilderComponent", { enumerable: true, get: function () { return builder_component_component_1.BuilderComponent; } });
+var builder_store_1 = require("./store/builder-store");
+Object.defineProperty(exports, "BuilderStoreContext", { enumerable: true, get: function () { return builder_store_1.BuilderStoreContext; } });
+var builder_meta_1 = require("./store/builder-meta");
+Object.defineProperty(exports, "BuilderMetaContext", { enumerable: true, get: function () { return builder_meta_1.BuilderMetaContext; } });
+var builder_async_requests_1 = require("./store/builder-async-requests");
+Object.defineProperty(exports, "BuilderAsyncRequestsContext", { enumerable: true, get: function () { return builder_async_requests_1.BuilderAsyncRequestsContext; } });
+var with_children_1 = require("./functions/with-children");
+Object.defineProperty(exports, "withChildren", { enumerable: true, get: function () { return with_children_1.withChildren; } });
+var string_to_function_1 = require("./functions/string-to-function");
+Object.defineProperty(exports, "stringToFunction", { enumerable: true, get: function () { return string_to_function_1.stringToFunction; } });
+var useIsPreviewing_1 = require("./hooks/useIsPreviewing");
+Object.defineProperty(exports, "useIsPreviewing", { enumerable: true, get: function () { return useIsPreviewing_1.useIsPreviewing; } });
+exports.default = sdk_1.builder;
+//# sourceMappingURL=builder-react-lite.js.map

package/dist/lib/src/builder-react-lite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder-react-lite.js","sourceRoot":"","sources":["../../../src/builder-react-lite.ts"],"names":[],"mappings":";;;AAAA,kCAAgC;AAEhC,uCAAmD;AAoB1C,wFApBA,aAAO,OAoBA;AAAE,wFApBA,aAAO,OAoBA;AAjBzB,aAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AAEvB,kFAAsE;AAA7D,yHAAA,aAAa,OAAA;AACtB,gFAA6F;AAApF,gIAAA,YAAY,OAAyB;AAC9C,oFAAwE;AAA/D,2HAAA,cAAc,OAAA;AACvB,wFAA4E;AAM/C,4FANpB,8CAAgB,OAMe;AAC/B,iGAPA,8CAAgB,OAOA;AANzB,uDAA4D;AAAnD,oHAAA,mBAAmB,OAAA;AAC5B,qDAA0D;AAAjD,kHAAA,kBAAkB,OAAA;AAC3B,yEAA6E;AAApE,qIAAA,2BAA2B,OAAA;AACpC,2DAAyD;AAAhD,6GAAA,YAAY,OAAA;AAKrB,qEAAkE;AAAzD,sHAAA,gBAAgB,OAAA;AACzB,2DAA0D;AAAjD,kHAAA,eAAe,OAAA;AAGxB,kBAAe,aAAO,CAAC"}