@builder.io/react 3.0.1 → 3.0.2-0
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-lite.cjs.js +1 -1
- package/dist/builder-react-lite.esm.js +1 -1
- package/dist/builder-react.browser.js +1 -1
- package/dist/builder-react.cjs.js +1 -1
- package/dist/builder-react.unpkg.js +1 -1
- package/dist/lib/package.json +3 -3
- package/dist/lib/rollup.config.js +23 -29
- package/dist/lib/rollup.config.js.map +1 -1
- package/dist/lib/src/blocks/Button.js +7 -13
- package/dist/lib/src/blocks/Button.js.map +1 -1
- package/dist/lib/src/blocks/Columns.js +15 -21
- package/dist/lib/src/blocks/Columns.js.map +1 -1
- package/dist/lib/src/blocks/CustomCode.js +13 -19
- package/dist/lib/src/blocks/CustomCode.js.map +1 -1
- package/dist/lib/src/blocks/Embed.js +7 -13
- package/dist/lib/src/blocks/Embed.js.map +1 -1
- package/dist/lib/src/blocks/Fragment.js +6 -12
- package/dist/lib/src/blocks/Fragment.js.map +1 -1
- package/dist/lib/src/blocks/Image.js +30 -39
- package/dist/lib/src/blocks/Image.js.map +1 -1
- package/dist/lib/src/blocks/Mutation.js +10 -17
- package/dist/lib/src/blocks/Mutation.js.map +1 -1
- package/dist/lib/src/blocks/Router.js +18 -24
- package/dist/lib/src/blocks/Router.js.map +1 -1
- package/dist/lib/src/blocks/Section.js +9 -15
- package/dist/lib/src/blocks/Section.js.map +1 -1
- package/dist/lib/src/blocks/Slot.js +10 -14
- package/dist/lib/src/blocks/Slot.js.map +1 -1
- package/dist/lib/src/blocks/StateProvider.js +8 -14
- package/dist/lib/src/blocks/StateProvider.js.map +1 -1
- package/dist/lib/src/blocks/Symbol.js +21 -27
- package/dist/lib/src/blocks/Symbol.js.map +1 -1
- package/dist/lib/src/blocks/Text.js +14 -20
- package/dist/lib/src/blocks/Text.js.map +1 -1
- package/dist/lib/src/blocks/Video.js +15 -21
- package/dist/lib/src/blocks/Video.js.map +1 -1
- package/dist/lib/src/blocks/forms/Button.js +5 -11
- package/dist/lib/src/blocks/forms/Button.js.map +1 -1
- package/dist/lib/src/blocks/forms/Form.js +22 -28
- package/dist/lib/src/blocks/forms/Form.js.map +1 -1
- package/dist/lib/src/blocks/forms/Input.js +6 -12
- package/dist/lib/src/blocks/forms/Input.js.map +1 -1
- package/dist/lib/src/blocks/forms/Label.js +8 -14
- package/dist/lib/src/blocks/forms/Label.js.map +1 -1
- package/dist/lib/src/blocks/forms/Select.js +7 -13
- package/dist/lib/src/blocks/forms/Select.js.map +1 -1
- package/dist/lib/src/blocks/forms/TextArea.js +5 -11
- package/dist/lib/src/blocks/forms/TextArea.js.map +1 -1
- package/dist/lib/src/blocks/raw/Img.js +5 -11
- package/dist/lib/src/blocks/raw/Img.js.map +1 -1
- package/dist/lib/src/blocks/raw/RawText.js +4 -31
- package/dist/lib/src/blocks/raw/RawText.js.map +1 -1
- package/dist/lib/src/builder-react-lite.js +17 -30
- package/dist/lib/src/builder-react-lite.js.map +1 -1
- package/dist/lib/src/builder-react.js +44 -98
- package/dist/lib/src/builder-react.js.map +1 -1
- package/dist/lib/src/components/Link.js +4 -11
- package/dist/lib/src/components/Link.js.map +1 -1
- package/dist/lib/src/components/builder-block.component.js +46 -52
- package/dist/lib/src/components/builder-block.component.js.map +1 -1
- package/dist/lib/src/components/builder-blocks.component.js +16 -22
- package/dist/lib/src/components/builder-blocks.component.js.map +1 -1
- package/dist/lib/src/components/builder-component.component.js +102 -108
- package/dist/lib/src/components/builder-component.component.js.map +1 -1
- package/dist/lib/src/components/builder-content.component.js +31 -38
- package/dist/lib/src/components/builder-content.component.js.map +1 -1
- package/dist/lib/src/components/insert-spacer.component.js +11 -17
- package/dist/lib/src/components/insert-spacer.component.js.map +1 -1
- package/dist/lib/src/components/no-wrap.js +1 -5
- package/dist/lib/src/components/no-wrap.js.map +1 -1
- package/dist/lib/src/components/variants-provider.component.js +9 -36
- package/dist/lib/src/components/variants-provider.component.js.map +1 -1
- package/dist/lib/src/constants/device-sizes.constant.js +5 -9
- package/dist/lib/src/constants/device-sizes.constant.js.map +1 -1
- package/dist/lib/src/decorators/builder-block.decorator.js +3 -7
- package/dist/lib/src/decorators/builder-block.decorator.js.map +1 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.js +1 -5
- package/dist/lib/src/functions/apply-patch-with-mutation.js.map +1 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.test.js +4 -6
- package/dist/lib/src/functions/apply-patch-with-mutation.test.js.map +1 -1
- package/dist/lib/src/functions/block-to-html-string.js +5 -10
- package/dist/lib/src/functions/block-to-html-string.js.map +1 -1
- package/dist/lib/src/functions/debonce-next-tick.js +3 -7
- package/dist/lib/src/functions/debonce-next-tick.js.map +1 -1
- package/dist/lib/src/functions/get-builder-pixel.js +1 -5
- package/dist/lib/src/functions/get-builder-pixel.js.map +1 -1
- package/dist/lib/src/functions/get.js +1 -5
- package/dist/lib/src/functions/get.js.map +1 -1
- package/dist/lib/src/functions/no-wrap.js +4 -11
- 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 +1 -5
- package/dist/lib/src/functions/set.js.map +1 -1
- package/dist/lib/src/functions/string-to-function.js +11 -16
- package/dist/lib/src/functions/string-to-function.js.map +1 -1
- package/dist/lib/src/functions/throttle.js +1 -5
- package/dist/lib/src/functions/throttle.js.map +1 -1
- package/dist/lib/src/functions/try-eval.js +8 -12
- package/dist/lib/src/functions/try-eval.js.map +1 -1
- package/dist/lib/src/functions/update-metadata.js +5 -9
- package/dist/lib/src/functions/update-metadata.js.map +1 -1
- package/dist/lib/src/functions/utils.js +1 -5
- package/dist/lib/src/functions/utils.js.map +1 -1
- package/dist/lib/src/functions/with-builder.js +3 -7
- package/dist/lib/src/functions/with-builder.js.map +1 -1
- package/dist/lib/src/functions/with-children.js +6 -13
- package/dist/lib/src/functions/with-children.js.map +1 -1
- package/dist/lib/src/hooks/useIsPreviewing.js +6 -10
- package/dist/lib/src/hooks/useIsPreviewing.js.map +1 -1
- package/dist/lib/src/scripts/init-editing.js +2 -4
- package/dist/lib/src/scripts/init-editing.js.map +1 -1
- package/dist/lib/src/store/builder-async-requests.js +4 -12
- package/dist/lib/src/store/builder-async-requests.js.map +1 -1
- package/dist/lib/src/store/builder-meta.js +2 -8
- package/dist/lib/src/store/builder-meta.js.map +1 -1
- package/dist/lib/src/store/builder-store.js +2 -8
- package/dist/lib/src/store/builder-store.js.map +1 -1
- package/dist/lib/src/to-error.js +1 -5
- package/dist/lib/src/to-error.js.map +1 -1
- package/dist/lib/test/basic.test.js +49 -74
- package/dist/lib/test/basic.test.js.map +1 -1
- package/dist/lib/test/functions/render-block.js +3 -8
- package/dist/lib/test/functions/render-block.js.map +1 -1
- package/dist/lib/test/image.test.js +14 -39
- package/dist/lib/test/image.test.js.map +1 -1
- package/package.json +5 -4
- package/rollup.config.ts +0 -1
- package/dist/builder-react.es5.js +0 -2
- package/dist/builder-react.es5.js.map +0 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __extends = (this && this.__extends) || (function () {
|
|
3
2
|
var extendStatics = function (d, b) {
|
|
4
3
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -61,18 +60,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
61
60
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
62
61
|
}
|
|
63
62
|
};
|
|
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.Router = void 0;
|
|
69
63
|
/** @jsx jsx */
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
import { jsx } from '@emotion/core';
|
|
65
|
+
import React from 'react';
|
|
66
|
+
import { builder, Builder } from '@builder.io/sdk';
|
|
67
|
+
import { BuilderStoreContext } from '../store/builder-store';
|
|
68
|
+
import { BuilderComponent } from '../components/builder-component.component';
|
|
69
|
+
import { withBuilder } from '../functions/with-builder';
|
|
76
70
|
var prefetched = new Set();
|
|
77
71
|
function searchToObject(location) {
|
|
78
72
|
var pairs = (location.search || '').substring(1).split('&');
|
|
@@ -90,7 +84,7 @@ var RouterComponent = /** @class */ (function (_super) {
|
|
|
90
84
|
__extends(RouterComponent, _super);
|
|
91
85
|
function RouterComponent() {
|
|
92
86
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
93
|
-
_this.builder =
|
|
87
|
+
_this.builder = builder;
|
|
94
88
|
_this.routed = false;
|
|
95
89
|
_this.preloadQueue = 0;
|
|
96
90
|
_this.onPopState = function (event) {
|
|
@@ -133,11 +127,11 @@ var RouterComponent = /** @class */ (function (_super) {
|
|
|
133
127
|
// TODO: override location!
|
|
134
128
|
_this.preloadQueue++;
|
|
135
129
|
// TODO: use builder from context
|
|
136
|
-
var attributes =
|
|
130
|
+
var attributes = builder.getUserAttributes();
|
|
137
131
|
attributes.urlPath = parsedUrl.pathname;
|
|
138
132
|
attributes.queryString = parsedUrl.search;
|
|
139
133
|
// Should be queue?
|
|
140
|
-
var subscription =
|
|
134
|
+
var subscription = builder
|
|
141
135
|
.get(_this.model, {
|
|
142
136
|
userAttributes: attributes,
|
|
143
137
|
key: _this.model + ':' + parsedUrl.pathname + parsedUrl.search,
|
|
@@ -259,16 +253,16 @@ var RouterComponent = /** @class */ (function (_super) {
|
|
|
259
253
|
RouterComponent.prototype.render = function () {
|
|
260
254
|
var _this = this;
|
|
261
255
|
var model = this.model;
|
|
262
|
-
return (
|
|
256
|
+
return (jsx(BuilderStoreContext.Consumer, null, function (state) {
|
|
263
257
|
_this.privateState = state;
|
|
264
258
|
// TODO: useEffect based on this that fetches new data and
|
|
265
259
|
// populates as content={} param for fast updates
|
|
266
260
|
var url = state.state &&
|
|
267
261
|
state.state.location &&
|
|
268
262
|
state.state.location.pathname + state.state.location.search;
|
|
269
|
-
return (
|
|
270
|
-
|
|
271
|
-
|
|
263
|
+
return (jsx("div", { className: "builder-router", "data-model": model },
|
|
264
|
+
jsx("style", null, "\n @keyframes builderLoadingSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n /* TODO: overridable tag */\n .builder-page-loading {\n -webkit-animation: builderLoadingSpinner 1s infinite linear;\n animation: builderLoadingSpinner 1s infinite linear;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n border-radius: 50%;\n width: 36px;\n height: 36px;\n margin: 6px auto;\n position: relative;\n border: 1px solid transparent;\n border-left: 1px solid #808284;\n }\n "),
|
|
265
|
+
jsx(BuilderComponent
|
|
272
266
|
// TODO: this key strategy is inidial bc it gives loading for full page when fetching content
|
|
273
267
|
// Also sometimes content flashes to loading even when it's already precached in memory and should immediately display
|
|
274
268
|
// - why
|
|
@@ -277,9 +271,9 @@ var RouterComponent = /** @class */ (function (_super) {
|
|
|
277
271
|
// Also sometimes content flashes to loading even when it's already precached in memory and should immediately display
|
|
278
272
|
// - why
|
|
279
273
|
key: url, data: _this.props.data, content: _this.routed ? undefined : _this.props.content, modelName: model, options: {
|
|
280
|
-
key:
|
|
281
|
-
} }, _this.props.children || (
|
|
282
|
-
|
|
274
|
+
key: Builder.isEditing ? undefined : _this.model + ':' + url, // TODO: other custom targets specify if should refetch components on change
|
|
275
|
+
} }, _this.props.children || (jsx("div", { css: { display: 'flex' } },
|
|
276
|
+
jsx("div", { css: { margin: '40vh auto' }, className: "builder-page-loading" }))))));
|
|
283
277
|
}));
|
|
284
278
|
};
|
|
285
279
|
RouterComponent.prototype.findHrefTarget = function (event) {
|
|
@@ -318,8 +312,8 @@ var RouterComponent = /** @class */ (function (_super) {
|
|
|
318
312
|
return null;
|
|
319
313
|
};
|
|
320
314
|
return RouterComponent;
|
|
321
|
-
}(
|
|
322
|
-
|
|
315
|
+
}(React.Component));
|
|
316
|
+
export var Router = withBuilder(RouterComponent, {
|
|
323
317
|
name: 'Core:Router',
|
|
324
318
|
hideFromInsertMenu: true,
|
|
325
319
|
// TODO: advanced: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../../src/blocks/Router.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../../src/blocks/Router.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __extends = (this && this.__extends) || (function () {
|
|
3
2
|
var extendStatics = function (d, b) {
|
|
4
3
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -25,16 +24,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
24
|
};
|
|
26
25
|
return __assign.apply(this, arguments);
|
|
27
26
|
};
|
|
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.Section = void 0;
|
|
33
27
|
/** @jsx jsx */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
28
|
+
import { jsx } from '@emotion/core';
|
|
29
|
+
import React from 'react';
|
|
30
|
+
import { BuilderBlock as BuilderBlockComponent } from '../components/builder-block.component';
|
|
31
|
+
import { withBuilder } from '../functions/with-builder';
|
|
38
32
|
var SectionComponent = /** @class */ (function (_super) {
|
|
39
33
|
__extends(SectionComponent, _super);
|
|
40
34
|
function SectionComponent() {
|
|
@@ -91,18 +85,18 @@ var SectionComponent = /** @class */ (function (_super) {
|
|
|
91
85
|
};
|
|
92
86
|
SectionComponent.prototype.render = function () {
|
|
93
87
|
var _this = this;
|
|
94
|
-
return (
|
|
88
|
+
return (jsx("section", { ref: function (ref) { return (_this.ref = ref); }, css: __assign({ width: '100%',
|
|
95
89
|
// height: '100%' was is here so the inner contents can align center, but that is causing
|
|
96
90
|
// issues in Safari. Need another workaround.
|
|
97
|
-
alignSelf: 'stretch', flexGrow: 1, boxSizing: 'border-box', maxWidth: this.props.maxWidth, display: 'flex', flexDirection: 'column', alignItems: 'stretch', marginLeft: 'auto', marginRight: 'auto' }, (this.renderContents ? null : this.props.lazyStyles)) }, this.renderContents ? (
|
|
91
|
+
alignSelf: 'stretch', flexGrow: 1, boxSizing: 'border-box', maxWidth: this.props.maxWidth, display: 'flex', flexDirection: 'column', alignItems: 'stretch', marginLeft: 'auto', marginRight: 'auto' }, (this.renderContents ? null : this.props.lazyStyles)) }, this.renderContents ? (jsx(React.Fragment, null,
|
|
98
92
|
this.props.children,
|
|
99
93
|
this.props.builderBlock &&
|
|
100
94
|
this.props.builderBlock.children &&
|
|
101
|
-
this.props.builderBlock.children.map(function (block, index) { return (
|
|
95
|
+
this.props.builderBlock.children.map(function (block, index) { return (jsx(BuilderBlockComponent, { key: block.id, block: block })); }))) : null));
|
|
102
96
|
};
|
|
103
97
|
return SectionComponent;
|
|
104
|
-
}(
|
|
105
|
-
|
|
98
|
+
}(React.Component));
|
|
99
|
+
export var Section = withBuilder(SectionComponent, {
|
|
106
100
|
name: 'Core:Section',
|
|
107
101
|
static: true,
|
|
108
102
|
image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/blocks/Section.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/blocks/Section.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,15 +9,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
9
|
};
|
|
11
10
|
return __assign.apply(this, arguments);
|
|
12
11
|
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Slot = void 0;
|
|
15
12
|
/** @jsx jsx */
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
import { jsx } from '@emotion/core';
|
|
14
|
+
import { useContext } from 'react';
|
|
15
|
+
import { Builder } from '@builder.io/sdk';
|
|
16
|
+
import { BuilderBlocks } from '../components/builder-blocks.component';
|
|
17
|
+
import { BuilderStoreContext } from '../store/builder-store';
|
|
18
|
+
Builder.registerComponent(Slot, {
|
|
22
19
|
name: 'Slot',
|
|
23
20
|
description: 'Allow child blocks to be inserted into this content when used as a Symbol',
|
|
24
21
|
docsLink: 'https://www.builder.io/c/docs/symbols-with-blocks',
|
|
@@ -26,16 +23,15 @@ sdk_1.Builder.registerComponent(Slot, {
|
|
|
26
23
|
// Maybe wrap this for canHaveChildren so bind children to this hm
|
|
27
24
|
inputs: [{ name: 'name', type: 'string', required: true, defaultValue: 'children' }],
|
|
28
25
|
});
|
|
29
|
-
function Slot(props) {
|
|
26
|
+
export function Slot(props) {
|
|
30
27
|
var name = props.name;
|
|
31
|
-
var context =
|
|
28
|
+
var context = useContext(BuilderStoreContext);
|
|
32
29
|
var isEditingThisSlot = !context.context.symbolId;
|
|
33
|
-
return (
|
|
30
|
+
return (jsx("div", __assign({ css: {
|
|
34
31
|
pointerEvents: 'auto',
|
|
35
32
|
} }, (isEditingThisSlot && {
|
|
36
33
|
'builder-slot': name,
|
|
37
34
|
})),
|
|
38
|
-
|
|
35
|
+
jsx(BuilderBlocks, { child: true, parentElementId: context.context.symbolId, dataPath: "symbol.data.".concat(name), blocks: context.state[name] || [] })));
|
|
39
36
|
}
|
|
40
|
-
exports.Slot = Slot;
|
|
41
37
|
//# sourceMappingURL=Slot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../../src/blocks/Slot.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../../src/blocks/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,eAAe;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE;IAC9B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,2EAA2E;IACxF,QAAQ,EAAE,mDAAmD;IAC7D,KAAK,EACH,sGAAsG;IAExG,kEAAkE;IAClE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;CACrF,CAAC,CAAC;AAMH,MAAM,UAAU,IAAI,CAAC,KAAoB;IAC/B,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACvB,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAM,iBAAiB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;IAEpD,OAAO,CACL,sBACE,GAAG,EAAE;YACH,aAAa,EAAE,MAAM;SACtB,IACG,CAAC,iBAAiB,IAAI;QACxB,cAAc,EAAE,IAAI;KACrB,CAAC;QAEF,IAAC,aAAa,IACZ,KAAK,QACL,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ,EACzC,QAAQ,EAAE,sBAAe,IAAI,CAAE,EAC/B,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,GACjC,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
2
|
var __extends = (this && this.__extends) || (function () {
|
|
4
3
|
var extendStatics = function (d, b) {
|
|
@@ -26,15 +25,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
26
25
|
};
|
|
27
26
|
return __assign.apply(this, arguments);
|
|
28
27
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
};
|
|
32
|
-
|
|
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");
|
|
28
|
+
import React from 'react';
|
|
29
|
+
import { BuilderBlock as BuilderBlockComponent } from '../components/builder-block.component';
|
|
30
|
+
import { BuilderStoreContext } from '../store/builder-store';
|
|
31
|
+
import { withBuilder } from '../functions/with-builder';
|
|
38
32
|
var StateProviderComponent = /** @class */ (function (_super) {
|
|
39
33
|
__extends(StateProviderComponent, _super);
|
|
40
34
|
function StateProviderComponent() {
|
|
@@ -42,15 +36,15 @@ var StateProviderComponent = /** @class */ (function (_super) {
|
|
|
42
36
|
}
|
|
43
37
|
StateProviderComponent.prototype.render = function () {
|
|
44
38
|
var _this = this;
|
|
45
|
-
return (
|
|
39
|
+
return (React.createElement(BuilderStoreContext.Consumer, null, function (state) { return (React.createElement(BuilderStoreContext.Provider, { value: __assign(__assign({}, state), { state: __assign(__assign({}, state.state), _this.props.state), context: __assign(__assign({}, state.context), _this.props.context) }) },
|
|
46
40
|
_this.props.builderBlock &&
|
|
47
41
|
_this.props.builderBlock.children &&
|
|
48
|
-
_this.props.builderBlock.children.map(function (block, index) { return (
|
|
42
|
+
_this.props.builderBlock.children.map(function (block, index) { return (React.createElement(BuilderBlockComponent, { block: block, key: block.id, index: index, child: true })); }),
|
|
49
43
|
_this.props.children)); }));
|
|
50
44
|
};
|
|
51
45
|
return StateProviderComponent;
|
|
52
|
-
}(
|
|
53
|
-
|
|
46
|
+
}(React.Component));
|
|
47
|
+
export var StateProvider = withBuilder(StateProviderComponent, {
|
|
54
48
|
name: 'Builder:StateProvider',
|
|
55
49
|
// TODO: default children
|
|
56
50
|
canHaveChildren: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StateProvider.js","sourceRoot":"","sources":["../../../../src/blocks/StateProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StateProvider.js","sourceRoot":"","sources":["../../../../src/blocks/StateProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAQxD;IAAqC,0CAAmC;IAAxE;;IA6BA,CAAC;IA5BC,uCAAM,GAAN;QAAA,iBA2BC;QA1BC,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,UAAA,KAAK,IAAI,OAAA,CACR,oBAAC,mBAAmB,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,oBAAC,qBAAqB,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,KAAK,CAAC,SAAS,GA6BnD;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,WAAW,CAAC,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,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __extends = (this && this.__extends) || (function () {
|
|
3
2
|
var extendStatics = function (d, b) {
|
|
4
3
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -25,24 +24,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
24
|
};
|
|
26
25
|
return __assign.apply(this, arguments);
|
|
27
26
|
};
|
|
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;
|
|
33
27
|
/** @jsx jsx */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
28
|
+
import { jsx } from '@emotion/core';
|
|
29
|
+
import React from 'react';
|
|
30
|
+
import { BuilderComponent } from '../components/builder-component.component';
|
|
31
|
+
import { Builder } from '@builder.io/sdk';
|
|
32
|
+
import hash from 'hash-sum';
|
|
33
|
+
import { NoWrap } from '../components/no-wrap';
|
|
34
|
+
import { BuilderStoreContext } from '../store/builder-store';
|
|
35
|
+
import { withBuilder } from '../functions/with-builder';
|
|
42
36
|
var size = function (thing) { return Object.keys(thing).length; };
|
|
43
|
-
var isShopify =
|
|
37
|
+
var isShopify = Builder.isBrowser && 'Shopify' in window;
|
|
44
38
|
var refs = {};
|
|
45
|
-
if (
|
|
39
|
+
if (Builder.isBrowser) {
|
|
46
40
|
try {
|
|
47
41
|
Array.from(document.querySelectorAll('[builder-static-symbol]')).forEach(function (el) {
|
|
48
42
|
var id = el.getAttribute('builder-static-symbol');
|
|
@@ -65,7 +59,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
65
59
|
}
|
|
66
60
|
Object.defineProperty(SymbolComponent.prototype, "placeholder", {
|
|
67
61
|
get: function () {
|
|
68
|
-
return (
|
|
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."));
|
|
69
63
|
},
|
|
70
64
|
enumerable: false,
|
|
71
65
|
configurable: true
|
|
@@ -79,9 +73,9 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
79
73
|
Object.defineProperty(SymbolComponent.prototype, "useStatic", {
|
|
80
74
|
get: function () {
|
|
81
75
|
var _a;
|
|
82
|
-
return Boolean(
|
|
76
|
+
return Boolean(Builder.isBrowser &&
|
|
83
77
|
refs[(_a = this.props.builderBlock) === null || _a === void 0 ? void 0 : _a.id] &&
|
|
84
|
-
!(
|
|
78
|
+
!(Builder.isEditing || Builder.isPreviewing));
|
|
85
79
|
},
|
|
86
80
|
enumerable: false,
|
|
87
81
|
configurable: true
|
|
@@ -90,7 +84,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
90
84
|
var _this = this;
|
|
91
85
|
var _a;
|
|
92
86
|
if (this.useStatic) {
|
|
93
|
-
return
|
|
87
|
+
return jsx("div", { ref: function (el) { return (_this.staticRef = el); } });
|
|
94
88
|
}
|
|
95
89
|
var symbol = this.props.symbol;
|
|
96
90
|
var showPlaceholder = false;
|
|
@@ -98,7 +92,7 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
98
92
|
showPlaceholder = true;
|
|
99
93
|
}
|
|
100
94
|
var TagName = this.props.dataOnly
|
|
101
|
-
?
|
|
95
|
+
? NoWrap
|
|
102
96
|
: (this.props.builderBlock && this.props.builderBlock.tagName) || 'div';
|
|
103
97
|
var _b = symbol || {}, model = _b.model, entry = _b.entry, data = _b.data, content = _b.content, inline = _b.inline;
|
|
104
98
|
var dynamic = (symbol === null || symbol === void 0 ? void 0 : symbol.dynamic) || this.props.dynamic;
|
|
@@ -106,22 +100,22 @@ var SymbolComponent = /** @class */ (function (_super) {
|
|
|
106
100
|
showPlaceholder = true;
|
|
107
101
|
}
|
|
108
102
|
var key = dynamic ? undefined : [model, entry].join(':');
|
|
109
|
-
var dataString =
|
|
103
|
+
var dataString = Builder.isEditing ? null : data && size(data) && hash(data);
|
|
110
104
|
if (key && dataString && dataString.length < 300) {
|
|
111
105
|
key += ':' + dataString;
|
|
112
106
|
}
|
|
113
107
|
var attributes = this.props.attributes || {};
|
|
114
|
-
return (
|
|
108
|
+
return (jsx(BuilderStoreContext.Consumer, { key: (model || 'no model') + ':' + (entry || 'no entry') }, function (state) {
|
|
115
109
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
116
|
-
return (
|
|
110
|
+
return (jsx(TagName, __assign({ "data-model": model }, attributes, { className: (attributes.class || attributes.className || '') +
|
|
117
111
|
' builder-symbol' +
|
|
118
112
|
((symbol === null || symbol === void 0 ? void 0 : symbol.inline) ? ' builder-inline-symbol' : '') +
|
|
119
|
-
((symbol === null || symbol === void 0 ? void 0 : symbol.dynamic) || _this.props.dynamic ? ' builder-dynamic-symbol' : '') }), showPlaceholder ? (_this.placeholder) : (
|
|
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))));
|
|
120
114
|
}));
|
|
121
115
|
};
|
|
122
116
|
return SymbolComponent;
|
|
123
|
-
}(
|
|
124
|
-
|
|
117
|
+
}(React.Component));
|
|
118
|
+
export var Symbol = withBuilder(SymbolComponent, {
|
|
125
119
|
// Builder:Symbol
|
|
126
120
|
name: 'Symbol',
|
|
127
121
|
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,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __extends = (this && this.__extends) || (function () {
|
|
3
2
|
var extendStatics = function (d, b) {
|
|
4
3
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -25,18 +24,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
25
24
|
};
|
|
26
25
|
return __assign.apply(this, arguments);
|
|
27
26
|
};
|
|
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;
|
|
33
27
|
/** @jsx jsx */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
import { jsx } from '@emotion/core';
|
|
29
|
+
import React from 'react';
|
|
30
|
+
import { Builder } from '@builder.io/sdk';
|
|
31
|
+
import { withBuilder } from '../functions/with-builder';
|
|
32
|
+
import { BuilderStoreContext } from '../store/builder-store';
|
|
33
|
+
import { tryEval } from '../functions/try-eval';
|
|
40
34
|
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';
|
|
41
35
|
var TextComponent = /** @class */ (function (_super) {
|
|
42
36
|
__extends(TextComponent, _super);
|
|
@@ -62,12 +56,12 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
62
56
|
}
|
|
63
57
|
};
|
|
64
58
|
TextComponent.prototype.evalExpression = function (expression, state) {
|
|
65
|
-
return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return
|
|
59
|
+
return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return tryEval(group, state); });
|
|
66
60
|
};
|
|
67
61
|
Object.defineProperty(TextComponent.prototype, "allowTextEdit", {
|
|
68
62
|
get: function () {
|
|
69
|
-
return (
|
|
70
|
-
|
|
63
|
+
return (Builder.isBrowser &&
|
|
64
|
+
Builder.isEditing &&
|
|
71
65
|
location.search.includes('builder.allowTextEdit=true') &&
|
|
72
66
|
!(this.props.builderBlock &&
|
|
73
67
|
this.props.builderBlock.bindings &&
|
|
@@ -96,13 +90,13 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
96
90
|
fontFamily: 'inherit',
|
|
97
91
|
},
|
|
98
92
|
};
|
|
99
|
-
return (
|
|
93
|
+
return (jsx(BuilderStoreContext.Consumer, null, function (state) {
|
|
100
94
|
var _a;
|
|
101
95
|
if ((_a = state.content.meta) === null || _a === void 0 ? void 0 : _a.rtlMode) {
|
|
102
96
|
textCSS.direction = 'rtl';
|
|
103
97
|
}
|
|
104
|
-
return (
|
|
105
|
-
|
|
98
|
+
return (jsx(React.Fragment, null,
|
|
99
|
+
jsx("span", __assign({ ref: function (ref) {
|
|
106
100
|
_this.textRef = ref;
|
|
107
101
|
}, contentEditable: allowEditingText || undefined, onInput: function (e) {
|
|
108
102
|
var _a;
|
|
@@ -150,8 +144,8 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
150
144
|
}));
|
|
151
145
|
};
|
|
152
146
|
return TextComponent;
|
|
153
|
-
}(
|
|
154
|
-
|
|
147
|
+
}(React.Component));
|
|
148
|
+
export var Text = withBuilder(TextComponent, {
|
|
155
149
|
name: 'Text',
|
|
156
150
|
static: true,
|
|
157
151
|
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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"}
|