@builder.io/react 3.0.2-0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builder-react.browser.js +1 -1
- package/dist/builder-react.browser.js.map +1 -1
- package/dist/builder-react.es5.js +2 -0
- package/dist/builder-react.es5.js.map +1 -0
- package/dist/builder-react.unpkg.js +1 -1
- package/dist/builder-react.unpkg.js.map +1 -1
- package/dist/lib/package.json +2 -2
- package/dist/lib/rollup.config.js +29 -23
- package/dist/lib/rollup.config.js.map +1 -1
- package/dist/lib/src/blocks/Button.js +13 -7
- package/dist/lib/src/blocks/Button.js.map +1 -1
- package/dist/lib/src/blocks/Columns.js +21 -15
- package/dist/lib/src/blocks/Columns.js.map +1 -1
- package/dist/lib/src/blocks/CustomCode.js +19 -13
- package/dist/lib/src/blocks/CustomCode.js.map +1 -1
- package/dist/lib/src/blocks/Embed.js +13 -7
- package/dist/lib/src/blocks/Embed.js.map +1 -1
- package/dist/lib/src/blocks/Fragment.js +12 -6
- package/dist/lib/src/blocks/Fragment.js.map +1 -1
- package/dist/lib/src/blocks/Image.js +39 -30
- package/dist/lib/src/blocks/Image.js.map +1 -1
- package/dist/lib/src/blocks/Mutation.js +17 -10
- package/dist/lib/src/blocks/Mutation.js.map +1 -1
- package/dist/lib/src/blocks/Router.js +24 -18
- package/dist/lib/src/blocks/Router.js.map +1 -1
- package/dist/lib/src/blocks/Section.js +15 -9
- package/dist/lib/src/blocks/Section.js.map +1 -1
- package/dist/lib/src/blocks/Slot.js +14 -10
- package/dist/lib/src/blocks/Slot.js.map +1 -1
- package/dist/lib/src/blocks/StateProvider.js +14 -8
- package/dist/lib/src/blocks/StateProvider.js.map +1 -1
- package/dist/lib/src/blocks/Symbol.js +27 -21
- package/dist/lib/src/blocks/Symbol.js.map +1 -1
- package/dist/lib/src/blocks/Text.js +20 -14
- package/dist/lib/src/blocks/Text.js.map +1 -1
- package/dist/lib/src/blocks/Video.js +21 -15
- package/dist/lib/src/blocks/Video.js.map +1 -1
- package/dist/lib/src/blocks/forms/Button.js +11 -5
- package/dist/lib/src/blocks/forms/Button.js.map +1 -1
- package/dist/lib/src/blocks/forms/Form.js +28 -22
- package/dist/lib/src/blocks/forms/Form.js.map +1 -1
- package/dist/lib/src/blocks/forms/Input.js +12 -6
- package/dist/lib/src/blocks/forms/Input.js.map +1 -1
- package/dist/lib/src/blocks/forms/Label.js +14 -8
- package/dist/lib/src/blocks/forms/Label.js.map +1 -1
- package/dist/lib/src/blocks/forms/Select.js +13 -7
- package/dist/lib/src/blocks/forms/Select.js.map +1 -1
- package/dist/lib/src/blocks/forms/TextArea.js +11 -5
- package/dist/lib/src/blocks/forms/TextArea.js.map +1 -1
- package/dist/lib/src/blocks/raw/Img.js +11 -5
- package/dist/lib/src/blocks/raw/Img.js.map +1 -1
- package/dist/lib/src/blocks/raw/RawText.js +31 -4
- package/dist/lib/src/blocks/raw/RawText.js.map +1 -1
- package/dist/lib/src/builder-react-lite.js +30 -17
- package/dist/lib/src/builder-react-lite.js.map +1 -1
- package/dist/lib/src/builder-react.js +98 -44
- package/dist/lib/src/builder-react.js.map +1 -1
- package/dist/lib/src/components/Link.js +11 -4
- package/dist/lib/src/components/Link.js.map +1 -1
- package/dist/lib/src/components/builder-block.component.js +52 -46
- package/dist/lib/src/components/builder-block.component.js.map +1 -1
- package/dist/lib/src/components/builder-blocks.component.js +22 -16
- package/dist/lib/src/components/builder-blocks.component.js.map +1 -1
- package/dist/lib/src/components/builder-component.component.js +108 -102
- package/dist/lib/src/components/builder-component.component.js.map +1 -1
- package/dist/lib/src/components/builder-content.component.js +38 -31
- package/dist/lib/src/components/builder-content.component.js.map +1 -1
- package/dist/lib/src/components/insert-spacer.component.js +17 -11
- package/dist/lib/src/components/insert-spacer.component.js.map +1 -1
- package/dist/lib/src/components/no-wrap.js +5 -1
- package/dist/lib/src/components/no-wrap.js.map +1 -1
- package/dist/lib/src/components/variants-provider.component.js +36 -9
- package/dist/lib/src/components/variants-provider.component.js.map +1 -1
- package/dist/lib/src/constants/device-sizes.constant.js +9 -5
- package/dist/lib/src/constants/device-sizes.constant.js.map +1 -1
- package/dist/lib/src/decorators/builder-block.decorator.js +7 -3
- package/dist/lib/src/decorators/builder-block.decorator.js.map +1 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.js +5 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.js.map +1 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.test.js +6 -4
- package/dist/lib/src/functions/apply-patch-with-mutation.test.js.map +1 -1
- package/dist/lib/src/functions/block-to-html-string.js +10 -5
- package/dist/lib/src/functions/block-to-html-string.js.map +1 -1
- package/dist/lib/src/functions/debonce-next-tick.js +7 -3
- package/dist/lib/src/functions/debonce-next-tick.js.map +1 -1
- package/dist/lib/src/functions/get-builder-pixel.js +5 -1
- package/dist/lib/src/functions/get-builder-pixel.js.map +1 -1
- package/dist/lib/src/functions/get.js +5 -1
- package/dist/lib/src/functions/get.js.map +1 -1
- package/dist/lib/src/functions/no-wrap.js +11 -4
- package/dist/lib/src/functions/no-wrap.js.map +1 -1
- package/dist/lib/src/functions/safe-dynamic-require.js +8 -8
- package/dist/lib/src/functions/safe-dynamic-require.js.map +1 -1
- package/dist/lib/src/functions/set.js +5 -1
- package/dist/lib/src/functions/set.js.map +1 -1
- package/dist/lib/src/functions/string-to-function.js +16 -11
- package/dist/lib/src/functions/string-to-function.js.map +1 -1
- package/dist/lib/src/functions/throttle.js +5 -1
- package/dist/lib/src/functions/throttle.js.map +1 -1
- package/dist/lib/src/functions/try-eval.js +12 -8
- package/dist/lib/src/functions/try-eval.js.map +1 -1
- package/dist/lib/src/functions/update-metadata.js +9 -5
- package/dist/lib/src/functions/update-metadata.js.map +1 -1
- package/dist/lib/src/functions/utils.js +5 -1
- package/dist/lib/src/functions/utils.js.map +1 -1
- package/dist/lib/src/functions/with-builder.js +7 -3
- package/dist/lib/src/functions/with-builder.js.map +1 -1
- package/dist/lib/src/functions/with-children.js +13 -6
- package/dist/lib/src/functions/with-children.js.map +1 -1
- package/dist/lib/src/hooks/useIsPreviewing.js +10 -6
- package/dist/lib/src/hooks/useIsPreviewing.js.map +1 -1
- package/dist/lib/src/scripts/init-editing.js +4 -2
- package/dist/lib/src/scripts/init-editing.js.map +1 -1
- package/dist/lib/src/store/builder-async-requests.js +12 -4
- package/dist/lib/src/store/builder-async-requests.js.map +1 -1
- package/dist/lib/src/store/builder-meta.js +8 -2
- package/dist/lib/src/store/builder-meta.js.map +1 -1
- package/dist/lib/src/store/builder-store.js +8 -2
- package/dist/lib/src/store/builder-store.js.map +1 -1
- package/dist/lib/src/to-error.js +5 -1
- package/dist/lib/src/to-error.js.map +1 -1
- package/dist/lib/test/basic.test.js +74 -49
- package/dist/lib/test/basic.test.js.map +1 -1
- package/dist/lib/test/functions/render-block.js +8 -3
- package/dist/lib/test/functions/render-block.js.map +1 -1
- package/dist/lib/test/image.test.js +39 -14
- package/dist/lib/test/image.test.js.map +1 -1
- package/package.json +5 -6
- package/rollup.config.ts +1 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
'use client';
|
|
2
3
|
var __extends = (this && this.__extends) || (function () {
|
|
3
4
|
var extendStatics = function (d, b) {
|
|
@@ -25,10 +26,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
26
|
};
|
|
26
27
|
return __assign.apply(this, arguments);
|
|
27
28
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.StateProvider = void 0;
|
|
34
|
+
var react_1 = __importDefault(require("react"));
|
|
35
|
+
var builder_block_component_1 = require("../components/builder-block.component");
|
|
36
|
+
var builder_store_1 = require("../store/builder-store");
|
|
37
|
+
var with_builder_1 = require("../functions/with-builder");
|
|
32
38
|
var StateProviderComponent = /** @class */ (function (_super) {
|
|
33
39
|
__extends(StateProviderComponent, _super);
|
|
34
40
|
function StateProviderComponent() {
|
|
@@ -36,15 +42,15 @@ var StateProviderComponent = /** @class */ (function (_super) {
|
|
|
36
42
|
}
|
|
37
43
|
StateProviderComponent.prototype.render = function () {
|
|
38
44
|
var _this = this;
|
|
39
|
-
return (
|
|
45
|
+
return (react_1.default.createElement(builder_store_1.BuilderStoreContext.Consumer, null, function (state) { return (react_1.default.createElement(builder_store_1.BuilderStoreContext.Provider, { value: __assign(__assign({}, state), { state: __assign(__assign({}, state.state), _this.props.state), context: __assign(__assign({}, state.context), _this.props.context) }) },
|
|
40
46
|
_this.props.builderBlock &&
|
|
41
47
|
_this.props.builderBlock.children &&
|
|
42
|
-
_this.props.builderBlock.children.map(function (block, index) { return (
|
|
48
|
+
_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, child: true })); }),
|
|
43
49
|
_this.props.children)); }));
|
|
44
50
|
};
|
|
45
51
|
return StateProviderComponent;
|
|
46
|
-
}(
|
|
47
|
-
|
|
52
|
+
}(react_1.default.Component));
|
|
53
|
+
exports.StateProvider = (0, with_builder_1.withBuilder)(StateProviderComponent, {
|
|
48
54
|
name: 'Builder:StateProvider',
|
|
49
55
|
// TODO: default children
|
|
50
56
|
canHaveChildren: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StateProvider.js","sourceRoot":"","sources":["../../../../src/blocks/StateProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"StateProvider.js","sourceRoot":"","sources":["../../../../src/blocks/StateProvider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,iFAA8F;AAC9F,wDAA6D;AAC7D,0DAAwD;AAQxD;IAAqC,0CAAmC;IAAxE;;IA6BA,CAAC;IA5BC,uCAAM,GAAN;QAAA,iBA2BC;QA1BC,OAAO,CACL,8BAAC,mCAAmB,CAAC,QAAQ,QAC1B,UAAA,KAAK,IAAI,OAAA,CACR,8BAAC,mCAAmB,CAAC,QAAQ,IAC3B,KAAK,wBACA,KAAK,KACR,KAAK,wBACA,KAAK,CAAC,KAAK,GACX,KAAI,CAAC,KAAK,CAAC,KAAK,GAErB,OAAO,wBACF,KAAK,CAAC,OAAO,GACb,KAAI,CAAC,KAAK,CAAC,OAAO;YAIxB,KAAI,CAAC,KAAK,CAAC,YAAY;gBACtB,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;gBAChC,KAAI,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,EAAE,KAAK,EAAE,IAAI,GAAI,CAClF,EAFsD,CAEtD,CAAC;YACH,KAAI,CAAC,KAAK,CAAC,QAAQ,CACS,CAChC,EArBS,CAqBT,CAC4B,CAChC,CAAC;IACJ,CAAC;IACH,6BAAC;AAAD,CAAC,AA7BD,CAAqC,eAAK,CAAC,SAAS,GA6BnD;AAEY,QAAA,aAAa,GAAG,IAAA,0BAAW,EAAC,sBAAsB,EAAE;IAC/D,IAAI,EAAE,uBAAuB;IAC7B,yBAAyB;IACzB,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,kBAAkB,EAAE,IAAI;CACzB,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __extends = (this && this.__extends) || (function () {
|
|
2
3
|
var extendStatics = function (d, b) {
|
|
3
4
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -24,19 +25,24 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
25
|
};
|
|
25
26
|
return __assign.apply(this, arguments);
|
|
26
27
|
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.Symbol = void 0;
|
|
27
33
|
/** @jsx jsx */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
var core_1 = require("@emotion/core");
|
|
35
|
+
var react_1 = __importDefault(require("react"));
|
|
36
|
+
var builder_component_component_1 = require("../components/builder-component.component");
|
|
37
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
38
|
+
var hash_sum_1 = __importDefault(require("hash-sum"));
|
|
39
|
+
var no_wrap_1 = require("../components/no-wrap");
|
|
40
|
+
var builder_store_1 = require("../store/builder-store");
|
|
41
|
+
var with_builder_1 = require("../functions/with-builder");
|
|
36
42
|
var size = function (thing) { return Object.keys(thing).length; };
|
|
37
|
-
var isShopify = Builder.isBrowser && 'Shopify' in window;
|
|
43
|
+
var isShopify = sdk_1.Builder.isBrowser && 'Shopify' in window;
|
|
38
44
|
var refs = {};
|
|
39
|
-
if (Builder.isBrowser) {
|
|
45
|
+
if (sdk_1.Builder.isBrowser) {
|
|
40
46
|
try {
|
|
41
47
|
Array.from(document.querySelectorAll('[builder-static-symbol]')).forEach(function (el) {
|
|
42
48
|
var id = el.getAttribute('builder-static-symbol');
|
|
@@ -59,7 +65,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
59
65
|
}
|
|
60
66
|
Object.defineProperty(SymbolComponent.prototype, "placeholder", {
|
|
61
67
|
get: function () {
|
|
62
|
-
return (jsx("div", { css: { padding: 10 } }, "Symbols let you reuse dynamic elements across your content. Please choose a model and entry for this symbol."));
|
|
68
|
+
return ((0, core_1.jsx)("div", { css: { padding: 10 } }, "Symbols let you reuse dynamic elements across your content. Please choose a model and entry for this symbol."));
|
|
63
69
|
},
|
|
64
70
|
enumerable: false,
|
|
65
71
|
configurable: true
|
|
@@ -73,9 +79,9 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
73
79
|
Object.defineProperty(SymbolComponent.prototype, "useStatic", {
|
|
74
80
|
get: function () {
|
|
75
81
|
var _a;
|
|
76
|
-
return Boolean(Builder.isBrowser &&
|
|
82
|
+
return Boolean(sdk_1.Builder.isBrowser &&
|
|
77
83
|
refs[(_a = this.props.builderBlock) === null || _a === void 0 ? void 0 : _a.id] &&
|
|
78
|
-
!(Builder.isEditing || Builder.isPreviewing));
|
|
84
|
+
!(sdk_1.Builder.isEditing || sdk_1.Builder.isPreviewing));
|
|
79
85
|
},
|
|
80
86
|
enumerable: false,
|
|
81
87
|
configurable: true
|
|
@@ -84,7 +90,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
84
90
|
var _this = this;
|
|
85
91
|
var _a;
|
|
86
92
|
if (this.useStatic) {
|
|
87
|
-
return jsx("div", { ref: function (el) { return (_this.staticRef = el); } });
|
|
93
|
+
return (0, core_1.jsx)("div", { ref: function (el) { return (_this.staticRef = el); } });
|
|
88
94
|
}
|
|
89
95
|
var symbol = this.props.symbol;
|
|
90
96
|
var showPlaceholder = false;
|
|
@@ -92,7 +98,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
92
98
|
showPlaceholder = true;
|
|
93
99
|
}
|
|
94
100
|
var TagName = this.props.dataOnly
|
|
95
|
-
? NoWrap
|
|
101
|
+
? no_wrap_1.NoWrap
|
|
96
102
|
: (this.props.builderBlock && this.props.builderBlock.tagName) || 'div';
|
|
97
103
|
var _b = symbol || {}, model = _b.model, entry = _b.entry, data = _b.data, content = _b.content, inline = _b.inline;
|
|
98
104
|
var dynamic = (symbol === null || symbol === void 0 ? void 0 : symbol.dynamic) || this.props.dynamic;
|
|
@@ -100,22 +106,22 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
100
106
|
showPlaceholder = true;
|
|
101
107
|
}
|
|
102
108
|
var key = dynamic ? undefined : [model, entry].join(':');
|
|
103
|
-
var dataString = Builder.isEditing ? null : data && size(data) &&
|
|
109
|
+
var dataString = sdk_1.Builder.isEditing ? null : data && size(data) && (0, hash_sum_1.default)(data);
|
|
104
110
|
if (key && dataString && dataString.length < 300) {
|
|
105
111
|
key += ':' + dataString;
|
|
106
112
|
}
|
|
107
113
|
var attributes = this.props.attributes || {};
|
|
108
|
-
return (jsx(BuilderStoreContext.Consumer, { key: (model || 'no model') + ':' + (entry || 'no entry') }, function (state) {
|
|
114
|
+
return ((0, core_1.jsx)(builder_store_1.BuilderStoreContext.Consumer, { key: (model || 'no model') + ':' + (entry || 'no entry') }, function (state) {
|
|
109
115
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
110
|
-
return (jsx(TagName, __assign({ "data-model": model }, attributes, { className: (attributes.class || attributes.className || '') +
|
|
116
|
+
return ((0, core_1.jsx)(TagName, __assign({ "data-model": model }, attributes, { className: (attributes.class || attributes.className || '') +
|
|
111
117
|
' builder-symbol' +
|
|
112
118
|
((symbol === null || symbol === void 0 ? void 0 : symbol.inline) ? ' builder-inline-symbol' : '') +
|
|
113
|
-
((symbol === null || symbol === void 0 ? void 0 : symbol.dynamic) || _this.props.dynamic ? ' builder-dynamic-symbol' : '') }), showPlaceholder ? (_this.placeholder) : (jsx(BuilderComponent, __assign({}, (((_a = state.state) === null || _a === void 0 ? void 0 : _a.locale) && { locale: state.state.locale }), { isChild: true, ref: function (ref) { return (_this.ref = ref); }, context: __assign(__assign({}, state.context), { symbolId: (_b = _this.props.builderBlock) === null || _b === void 0 ? void 0 : _b.id }), modelName: model, entry: entry, data: __assign(__assign(__assign({}, data), (!!_this.props.inheritState && state.state)), (_h = (_g = (_f = (_e = (_d = (_c = _this.props.builderBlock) === null || _c === void 0 ? void 0 : _c.component) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.symbol) === null || _f === void 0 ? void 0 : _f.content) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.state), renderLink: state.renderLink, inlineContent: symbol === null || symbol === void 0 ? void 0 : symbol.inline }, (content && { content: content }), { options: { key: key, noEditorUpdates: true }, codegen: !!((_j = content === null || content === void 0 ? void 0 : content.data) === null || _j === void 0 ? void 0 : _j.blocksJs), hydrate: (_k = state.state) === null || _k === void 0 ? void 0 : _k._hydrate, builderBlock: _this.props.builderBlock, dataOnly: _this.props.dataOnly }), _this.props.children))));
|
|
119
|
+
((symbol === null || symbol === void 0 ? void 0 : symbol.dynamic) || _this.props.dynamic ? ' builder-dynamic-symbol' : '') }), showPlaceholder ? (_this.placeholder) : ((0, core_1.jsx)(builder_component_component_1.BuilderComponent, __assign({}, (((_a = state.state) === null || _a === void 0 ? void 0 : _a.locale) && { locale: state.state.locale }), { isChild: true, ref: function (ref) { return (_this.ref = ref); }, context: __assign(__assign({}, state.context), { symbolId: (_b = _this.props.builderBlock) === null || _b === void 0 ? void 0 : _b.id }), modelName: model, entry: entry, data: __assign(__assign(__assign({}, data), (!!_this.props.inheritState && state.state)), (_h = (_g = (_f = (_e = (_d = (_c = _this.props.builderBlock) === null || _c === void 0 ? void 0 : _c.component) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.symbol) === null || _f === void 0 ? void 0 : _f.content) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.state), renderLink: state.renderLink, inlineContent: symbol === null || symbol === void 0 ? void 0 : symbol.inline }, (content && { content: content }), { options: { key: key, noEditorUpdates: true }, codegen: !!((_j = content === null || content === void 0 ? void 0 : content.data) === null || _j === void 0 ? void 0 : _j.blocksJs), hydrate: (_k = state.state) === null || _k === void 0 ? void 0 : _k._hydrate, builderBlock: _this.props.builderBlock, dataOnly: _this.props.dataOnly }), _this.props.children))));
|
|
114
120
|
}));
|
|
115
121
|
};
|
|
116
122
|
return SymbolComponent;
|
|
117
|
-
}(
|
|
118
|
-
|
|
123
|
+
}(react_1.default.Component));
|
|
124
|
+
exports.Symbol = (0, with_builder_1.withBuilder)(SymbolComponent, {
|
|
119
125
|
// Builder:Symbol
|
|
120
126
|
name: 'Symbol',
|
|
121
127
|
noWrap: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Symbol.js","sourceRoot":"","sources":["../../../../src/blocks/Symbol.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Symbol.js","sourceRoot":"","sources":["../../../../src/blocks/Symbol.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __extends = (this && this.__extends) || (function () {
|
|
2
3
|
var extendStatics = function (d, b) {
|
|
3
4
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -24,13 +25,18 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
25
|
};
|
|
25
26
|
return __assign.apply(this, arguments);
|
|
26
27
|
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.Text = void 0;
|
|
27
33
|
/** @jsx jsx */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
+
var core_1 = require("@emotion/core");
|
|
35
|
+
var react_1 = __importDefault(require("react"));
|
|
36
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
37
|
+
var with_builder_1 = require("../functions/with-builder");
|
|
38
|
+
var builder_store_1 = require("../store/builder-store");
|
|
39
|
+
var try_eval_1 = require("../functions/try-eval");
|
|
34
40
|
var iconUrl = 'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929';
|
|
35
41
|
var TextComponent = /** @class */ (function (_super) {
|
|
36
42
|
__extends(TextComponent, _super);
|
|
@@ -56,12 +62,12 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
56
62
|
}
|
|
57
63
|
};
|
|
58
64
|
TextComponent.prototype.evalExpression = function (expression, state) {
|
|
59
|
-
return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return tryEval(group, state); });
|
|
65
|
+
return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return (0, try_eval_1.tryEval)(group, state); });
|
|
60
66
|
};
|
|
61
67
|
Object.defineProperty(TextComponent.prototype, "allowTextEdit", {
|
|
62
68
|
get: function () {
|
|
63
|
-
return (Builder.isBrowser &&
|
|
64
|
-
Builder.isEditing &&
|
|
69
|
+
return (sdk_1.Builder.isBrowser &&
|
|
70
|
+
sdk_1.Builder.isEditing &&
|
|
65
71
|
location.search.includes('builder.allowTextEdit=true') &&
|
|
66
72
|
!(this.props.builderBlock &&
|
|
67
73
|
this.props.builderBlock.bindings &&
|
|
@@ -90,13 +96,13 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
90
96
|
fontFamily: 'inherit',
|
|
91
97
|
},
|
|
92
98
|
};
|
|
93
|
-
return (jsx(BuilderStoreContext.Consumer, null, function (state) {
|
|
99
|
+
return ((0, core_1.jsx)(builder_store_1.BuilderStoreContext.Consumer, null, function (state) {
|
|
94
100
|
var _a;
|
|
95
101
|
if ((_a = state.content.meta) === null || _a === void 0 ? void 0 : _a.rtlMode) {
|
|
96
102
|
textCSS.direction = 'rtl';
|
|
97
103
|
}
|
|
98
|
-
return (jsx(
|
|
99
|
-
jsx("span", __assign({ ref: function (ref) {
|
|
104
|
+
return ((0, core_1.jsx)(react_1.default.Fragment, null,
|
|
105
|
+
(0, core_1.jsx)("span", __assign({ ref: function (ref) {
|
|
100
106
|
_this.textRef = ref;
|
|
101
107
|
}, contentEditable: allowEditingText || undefined, onInput: function (e) {
|
|
102
108
|
var _a;
|
|
@@ -144,8 +150,8 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
144
150
|
}));
|
|
145
151
|
};
|
|
146
152
|
return TextComponent;
|
|
147
|
-
}(
|
|
148
|
-
|
|
153
|
+
}(react_1.default.Component));
|
|
154
|
+
exports.Text = (0, with_builder_1.withBuilder)(TextComponent, {
|
|
149
155
|
name: 'Text',
|
|
150
156
|
static: true,
|
|
151
157
|
image: iconUrl,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __extends = (this && this.__extends) || (function () {
|
|
2
3
|
var extendStatics = function (d, b) {
|
|
3
4
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -24,12 +25,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
25
|
};
|
|
25
26
|
return __assign.apply(this, arguments);
|
|
26
27
|
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.Video = void 0;
|
|
27
33
|
/** @jsx jsx */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
var core_1 = require("@emotion/core");
|
|
35
|
+
var react_1 = __importDefault(require("react"));
|
|
36
|
+
var throttle_1 = require("../functions/throttle");
|
|
37
|
+
var with_children_1 = require("../functions/with-children");
|
|
38
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
33
39
|
var DEFAULT_ASPECT_RATIO = 0.7004048582995948;
|
|
34
40
|
var VideoComponent = /** @class */ (function (_super) {
|
|
35
41
|
__extends(VideoComponent, _super);
|
|
@@ -80,10 +86,10 @@ var VideoComponent = /** @class */ (function (_super) {
|
|
|
80
86
|
VideoComponent.prototype.componentDidMount = function () {
|
|
81
87
|
var _this = this;
|
|
82
88
|
this.updateVideo();
|
|
83
|
-
if (this.lazyLoad && Builder.isBrowser) {
|
|
89
|
+
if (this.lazyLoad && sdk_1.Builder.isBrowser) {
|
|
84
90
|
// TODO: have a way to consolidate all listeners into one timer
|
|
85
91
|
// to avoid excessive reflows
|
|
86
|
-
var listener_1 = throttle(function (event) {
|
|
92
|
+
var listener_1 = (0, throttle_1.throttle)(function (event) {
|
|
87
93
|
if (_this.containerRef) {
|
|
88
94
|
var rect = _this.containerRef.getBoundingClientRect();
|
|
89
95
|
var buffer = window.innerHeight / 2;
|
|
@@ -106,7 +112,7 @@ var VideoComponent = /** @class */ (function (_super) {
|
|
|
106
112
|
}
|
|
107
113
|
};
|
|
108
114
|
VideoComponent.prototype.componentWillUnmount = function () {
|
|
109
|
-
if (Builder.isBrowser && this.scrollListener) {
|
|
115
|
+
if (sdk_1.Builder.isBrowser && this.scrollListener) {
|
|
110
116
|
window.removeEventListener('scroll', this.scrollListener);
|
|
111
117
|
this.scrollListener = null;
|
|
112
118
|
}
|
|
@@ -114,22 +120,22 @@ var VideoComponent = /** @class */ (function (_super) {
|
|
|
114
120
|
VideoComponent.prototype.render = function () {
|
|
115
121
|
var _this = this;
|
|
116
122
|
var _a = this.props, aspectRatio = _a.aspectRatio, children = _a.children;
|
|
117
|
-
return (jsx("div", { ref: function (ref) { return (_this.containerRef = ref); }, css: { position: 'relative' } },
|
|
118
|
-
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, className: "builder-video", css: __assign({ width: '100%', height: '100%', objectFit: this.props.fit, objectPosition: this.props.position, zIndex: 2,
|
|
123
|
+
return ((0, core_1.jsx)("div", { ref: function (ref) { return (_this.containerRef = ref); }, css: { position: 'relative' } },
|
|
124
|
+
(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, className: "builder-video", css: __assign({ width: '100%', height: '100%', objectFit: this.props.fit, objectPosition: this.props.position, zIndex: 2,
|
|
119
125
|
// Hack to get object fit to work as expected and not have the video
|
|
120
126
|
// overflow
|
|
121
127
|
borderRadius: 1 }, (aspectRatio
|
|
122
128
|
? {
|
|
123
129
|
position: 'absolute',
|
|
124
130
|
}
|
|
125
|
-
: null)) }, (!this.lazyLoad || this.state.load) && (jsx("source", { type: "video/mp4", src: this.props.video }))),
|
|
126
|
-
aspectRatio && !(this.props.fitContent && children) ? (jsx("div", { css: {
|
|
131
|
+
: null)) }, (!this.lazyLoad || this.state.load) && ((0, core_1.jsx)("source", { type: "video/mp4", src: this.props.video }))),
|
|
132
|
+
aspectRatio && !(this.props.fitContent && children) ? ((0, core_1.jsx)("div", { css: {
|
|
127
133
|
width: '100%',
|
|
128
134
|
paddingTop: aspectRatio * 100 + '%',
|
|
129
135
|
pointerEvents: 'none',
|
|
130
136
|
fontSize: 0,
|
|
131
137
|
} })) : null,
|
|
132
|
-
children && this.props.fitContent ? (jsx("div", { css: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' } }, children)) : children ? (jsx("div", { css: {
|
|
138
|
+
children && this.props.fitContent ? ((0, core_1.jsx)("div", { css: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' } }, children)) : children ? ((0, core_1.jsx)("div", { css: {
|
|
133
139
|
pointerEvents: 'none',
|
|
134
140
|
display: 'flex',
|
|
135
141
|
flexDirection: 'column',
|
|
@@ -142,8 +148,8 @@ var VideoComponent = /** @class */ (function (_super) {
|
|
|
142
148
|
} }, children)) : null));
|
|
143
149
|
};
|
|
144
150
|
return VideoComponent;
|
|
145
|
-
}(
|
|
146
|
-
|
|
151
|
+
}(react_1.default.Component));
|
|
152
|
+
exports.Video = sdk_1.Builder.registerComponent((0, with_children_1.withChildren)(VideoComponent), {
|
|
147
153
|
name: 'Video',
|
|
148
154
|
canHaveChildren: true,
|
|
149
155
|
defaultStyles: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/blocks/Video.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/blocks/Video.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
'use client';
|
|
2
3
|
var __extends = (this && this.__extends) || (function () {
|
|
3
4
|
var extendStatics = function (d, b) {
|
|
@@ -25,19 +26,24 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
26
|
};
|
|
26
27
|
return __assign.apply(this, arguments);
|
|
27
28
|
};
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.FormSubmitButton = void 0;
|
|
34
|
+
var react_1 = __importDefault(require("react"));
|
|
35
|
+
var with_builder_1 = require("../../functions/with-builder");
|
|
30
36
|
var FormSubmitButtonComponent = /** @class */ (function (_super) {
|
|
31
37
|
__extends(FormSubmitButtonComponent, _super);
|
|
32
38
|
function FormSubmitButtonComponent() {
|
|
33
39
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
34
40
|
}
|
|
35
41
|
FormSubmitButtonComponent.prototype.render = function () {
|
|
36
|
-
return (
|
|
42
|
+
return (react_1.default.createElement("button", __assign({ type: "submit" }, this.props.attributes), this.props.text));
|
|
37
43
|
};
|
|
38
44
|
return FormSubmitButtonComponent;
|
|
39
|
-
}(
|
|
40
|
-
|
|
45
|
+
}(react_1.default.Component));
|
|
46
|
+
exports.FormSubmitButton = (0, with_builder_1.withBuilder)(FormSubmitButtonComponent, {
|
|
41
47
|
name: 'Form:SubmitButton',
|
|
42
48
|
image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
|
|
43
49
|
defaultStyles: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/blocks/forms/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __extends = (this && this.__extends) || (function () {
|
|
2
3
|
var extendStatics = function (d, b) {
|
|
3
4
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -60,16 +61,21 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
60
61
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
61
62
|
}
|
|
62
63
|
};
|
|
64
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
65
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
66
|
+
};
|
|
67
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
68
|
+
exports.Form = void 0;
|
|
63
69
|
/** @jsx jsx */
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
var core_1 = require("@emotion/core");
|
|
71
|
+
var react_1 = __importDefault(require("react"));
|
|
72
|
+
var builder_block_component_1 = require("../../components/builder-block.component");
|
|
73
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
74
|
+
var builder_blocks_component_1 = require("../../components/builder-blocks.component");
|
|
75
|
+
var builder_store_1 = require("../../store/builder-store");
|
|
76
|
+
var set_1 = require("../../functions/set");
|
|
77
|
+
var get_1 = require("../../functions/get");
|
|
78
|
+
var with_builder_1 = require("../../functions/with-builder");
|
|
73
79
|
var MULTIPART_CONTENT_TYPE = 'multipart/form-data';
|
|
74
80
|
var JSON_CONTENT_TYPE = 'application/json';
|
|
75
81
|
var ENCODED_CONTENT_TYPE = 'application/x-www-form-urlencoded';
|
|
@@ -91,7 +97,7 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
91
97
|
}
|
|
92
98
|
Object.defineProperty(FormComponent.prototype, "submissionState", {
|
|
93
99
|
get: function () {
|
|
94
|
-
return (Builder.isEditing && this.props.previewState) || this.state.state;
|
|
100
|
+
return (sdk_1.Builder.isEditing && this.props.previewState) || this.state.state;
|
|
95
101
|
},
|
|
96
102
|
enumerable: false,
|
|
97
103
|
configurable: true
|
|
@@ -100,8 +106,8 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
100
106
|
var _this = this;
|
|
101
107
|
return (
|
|
102
108
|
// TODO: JS data bindings
|
|
103
|
-
jsx(BuilderStoreContext.Consumer, null, function (state) { return (jsx(BuilderStoreContext.Provider, { value: __assign(__assign({}, state), { state: __assign(__assign({}, state.state), { formErrorMessage: _this.state.formErrorMessage }) }) },
|
|
104
|
-
jsx("form", __assign({ validate: _this.props.validate, ref: function (ref) { return (_this.ref = ref); }, action: !_this.props.sendWithJs && _this.props.action, method: _this.props.method, name: _this.props.name, onSubmit: function (event) {
|
|
109
|
+
(0, core_1.jsx)(builder_store_1.BuilderStoreContext.Consumer, null, function (state) { return ((0, core_1.jsx)(builder_store_1.BuilderStoreContext.Provider, { value: __assign(__assign({}, state), { state: __assign(__assign({}, state.state), { formErrorMessage: _this.state.formErrorMessage }) }) },
|
|
110
|
+
(0, core_1.jsx)("form", __assign({ validate: _this.props.validate, ref: function (ref) { return (_this.ref = ref); }, action: !_this.props.sendWithJs && _this.props.action, method: _this.props.method, name: _this.props.name, onSubmit: function (event) {
|
|
105
111
|
var _a;
|
|
106
112
|
var sendWithJs = _this.props.sendWithJs || _this.props.sendSubmissionsTo === 'email';
|
|
107
113
|
// TODO: custom validate event that can preventDefault and use ref or event to set
|
|
@@ -175,7 +181,7 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
175
181
|
var json_1 = {};
|
|
176
182
|
Array.from(formPairs).forEach(function (_a) {
|
|
177
183
|
var value = _a.value, key = _a.key;
|
|
178
|
-
set(json_1, key, value);
|
|
184
|
+
(0, set_1.set)(json_1, key, value);
|
|
179
185
|
});
|
|
180
186
|
body = JSON.stringify(json_1);
|
|
181
187
|
}
|
|
@@ -213,7 +219,7 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
213
219
|
}
|
|
214
220
|
}
|
|
215
221
|
_this.setState(__assign(__assign({}, _this.state), { state: 'sending' }));
|
|
216
|
-
var formUrl = "".concat(builder.env === 'dev' ? 'http://localhost:5000' : 'https://builder.io', "/api/v1/form-submit?apiKey=").concat(builder.apiKey, "&to=").concat(btoa(_this.props.sendSubmissionsToEmail || ''), "&name=").concat(encodeURIComponent(_this.props.name || ''));
|
|
222
|
+
var formUrl = "".concat(sdk_1.builder.env === 'dev' ? 'http://localhost:5000' : 'https://builder.io', "/api/v1/form-submit?apiKey=").concat(sdk_1.builder.apiKey, "&to=").concat(btoa(_this.props.sendSubmissionsToEmail || ''), "&name=").concat(encodeURIComponent(_this.props.name || ''));
|
|
217
223
|
fetch(_this.props.sendSubmissionsTo === 'email' ? formUrl : _this.props.action, // TODO: throw error if no action URL
|
|
218
224
|
{
|
|
219
225
|
body: body,
|
|
@@ -236,7 +242,7 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
236
242
|
_a.label = 4;
|
|
237
243
|
case 4:
|
|
238
244
|
if (!res.ok && this.props.errorMessagePath) {
|
|
239
|
-
message = get(body, this.props.errorMessagePath);
|
|
245
|
+
message = (0, get_1.get)(body, this.props.errorMessagePath);
|
|
240
246
|
if (message) {
|
|
241
247
|
if (typeof message !== 'string') {
|
|
242
248
|
// TODO: ideally convert json to yaml so it woul dbe like
|
|
@@ -304,17 +310,17 @@ var FormComponent = /** @class */ (function (_super) {
|
|
|
304
310
|
} }, _this.props.attributes),
|
|
305
311
|
_this.props.builderBlock &&
|
|
306
312
|
_this.props.builderBlock.children &&
|
|
307
|
-
_this.props.builderBlock.children.map(function (block, index) { return (jsx(
|
|
308
|
-
_this.submissionState === 'error' && (jsx(BuilderBlocks, { dataPath: "errorMessage", blocks: _this.props.errorMessage })),
|
|
309
|
-
_this.submissionState === 'sending' && (jsx(BuilderBlocks, { dataPath: "sendingMessage", blocks: _this.props.sendingMessage })),
|
|
313
|
+
_this.props.builderBlock.children.map(function (block, index) { return ((0, core_1.jsx)(builder_block_component_1.BuilderBlock, { key: block.id, block: block })); }),
|
|
314
|
+
_this.submissionState === 'error' && ((0, core_1.jsx)(builder_blocks_component_1.BuilderBlocks, { dataPath: "errorMessage", blocks: _this.props.errorMessage })),
|
|
315
|
+
_this.submissionState === 'sending' && ((0, core_1.jsx)(builder_blocks_component_1.BuilderBlocks, { dataPath: "sendingMessage", blocks: _this.props.sendingMessage })),
|
|
310
316
|
_this.submissionState === 'error' && _this.state.responseData && (
|
|
311
317
|
// TODO: tag to edit
|
|
312
|
-
jsx("pre", { className: "builder-form-error-text", css: { padding: 10, color: 'red', textAlign: 'center' } }, JSON.stringify(_this.state.responseData, null, 2))),
|
|
313
|
-
_this.submissionState === 'success' && (jsx(BuilderBlocks, { dataPath: "successMessage", blocks: _this.props.successMessage }))))); }));
|
|
318
|
+
(0, core_1.jsx)("pre", { className: "builder-form-error-text", css: { padding: 10, color: 'red', textAlign: 'center' } }, JSON.stringify(_this.state.responseData, null, 2))),
|
|
319
|
+
_this.submissionState === 'success' && ((0, core_1.jsx)(builder_blocks_component_1.BuilderBlocks, { dataPath: "successMessage", blocks: _this.props.successMessage }))))); }));
|
|
314
320
|
};
|
|
315
321
|
return FormComponent;
|
|
316
|
-
}(
|
|
317
|
-
|
|
322
|
+
}(react_1.default.Component));
|
|
323
|
+
exports.Form = (0, with_builder_1.withBuilder)(FormComponent, {
|
|
318
324
|
name: 'Form:Form',
|
|
319
325
|
// editableTags: ['builder-form-error']
|
|
320
326
|
defaults: {
|