@builder.io/react 3.0.14 → 3.1.1-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/CHANGELOG.md +6 -0
- package/PUBLISHING.md +17 -0
- package/dist/builder-react-lite.cjs.js +1 -1
- package/dist/builder-react-lite.cjs.js.map +1 -1
- package/dist/builder-react-lite.esm.js +1 -1
- package/dist/builder-react-lite.esm.js.map +1 -1
- package/dist/builder-react.browser.js +2 -2
- package/dist/builder-react.browser.js.map +1 -1
- package/dist/builder-react.cjs.js +1 -1
- package/dist/builder-react.cjs.js.map +1 -1
- package/dist/builder-react.es5.js +1 -1
- package/dist/builder-react.es5.js.map +1 -1
- package/dist/builder-react.unpkg.js +2 -2
- package/dist/builder-react.unpkg.js.map +1 -1
- package/dist/lib/package.json +1 -1
- package/dist/lib/src/blocks/Text.js +19 -0
- package/dist/lib/src/blocks/Text.js.map +1 -1
- package/dist/types/src/components/builder-content.component.d.ts +3 -0
- package/package.json +4 -3
- package/src/blocks/Text.tsx +19 -0
package/dist/lib/package.json
CHANGED
|
@@ -33,6 +33,7 @@ exports.Text = void 0;
|
|
|
33
33
|
/** @jsx jsx */
|
|
34
34
|
var core_1 = require("@emotion/core");
|
|
35
35
|
var react_1 = __importDefault(require("react"));
|
|
36
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
36
37
|
var with_builder_1 = require("../functions/with-builder");
|
|
37
38
|
var builder_store_1 = require("../store/builder-store");
|
|
38
39
|
var try_eval_1 = require("../functions/try-eval");
|
|
@@ -51,8 +52,26 @@ var TextComponent = /** @class */ (function (_super) {
|
|
|
51
52
|
}
|
|
52
53
|
};
|
|
53
54
|
TextComponent.prototype.evalExpression = function (expression, state) {
|
|
55
|
+
// Don't interpolate when inline editing
|
|
56
|
+
if (this.allowTextEdit) {
|
|
57
|
+
return String(expression);
|
|
58
|
+
}
|
|
54
59
|
return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return (0, try_eval_1.tryEval)(group, state); });
|
|
55
60
|
};
|
|
61
|
+
Object.defineProperty(TextComponent.prototype, "allowTextEdit", {
|
|
62
|
+
get: function () {
|
|
63
|
+
return (sdk_1.Builder.isBrowser &&
|
|
64
|
+
sdk_1.Builder.isEditing &&
|
|
65
|
+
location.search.includes('builder.allowTextEdit=true') &&
|
|
66
|
+
!(this.props.builderBlock &&
|
|
67
|
+
this.props.builderBlock.bindings &&
|
|
68
|
+
(this.props.builderBlock.bindings['component.options.text'] ||
|
|
69
|
+
this.props.builderBlock.bindings['options.text'] ||
|
|
70
|
+
this.props.builderBlock.bindings['text'])));
|
|
71
|
+
},
|
|
72
|
+
enumerable: false,
|
|
73
|
+
configurable: true
|
|
74
|
+
});
|
|
56
75
|
TextComponent.prototype.render = function () {
|
|
57
76
|
var _this = this;
|
|
58
77
|
var textCSS = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,sCAA4D;AAC5D,gDAA0B;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -87,6 +87,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
|
|
|
87
87
|
[key: string]: any;
|
|
88
88
|
} | undefined;
|
|
89
89
|
noEditorUpdates?: boolean | undefined;
|
|
90
|
+
noTraverse?: boolean | undefined;
|
|
90
91
|
} | {
|
|
91
92
|
apiVersion?: "v3" | undefined;
|
|
92
93
|
enrich?: boolean | undefined;
|
|
@@ -120,6 +121,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
|
|
|
120
121
|
[key: string]: any;
|
|
121
122
|
} | undefined;
|
|
122
123
|
noEditorUpdates?: boolean | undefined;
|
|
124
|
+
noTraverse?: boolean | undefined;
|
|
123
125
|
} | {
|
|
124
126
|
apiVersion?: undefined;
|
|
125
127
|
enrich?: boolean | undefined;
|
|
@@ -153,6 +155,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
|
|
|
153
155
|
[key: string]: any;
|
|
154
156
|
} | undefined;
|
|
155
157
|
noEditorUpdates?: boolean | undefined;
|
|
158
|
+
noTraverse?: boolean | undefined;
|
|
156
159
|
};
|
|
157
160
|
get data(): {
|
|
158
161
|
variationId: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@builder.io/react",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.1-0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"main": "dist/builder-react.cjs.js",
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
"react-dom": ">=16.8.0"
|
|
125
125
|
},
|
|
126
126
|
"dependencies": {
|
|
127
|
-
"@builder.io/sdk": "2.
|
|
127
|
+
"@builder.io/sdk": "2.1.1",
|
|
128
128
|
"@emotion/core": "^10.0.17",
|
|
129
129
|
"hash-sum": "^2.0.0",
|
|
130
130
|
"isolated-vm": "^4.5.0",
|
|
@@ -133,5 +133,6 @@
|
|
|
133
133
|
"installConfig": {
|
|
134
134
|
"hoistingLimits": "workspaces"
|
|
135
135
|
},
|
|
136
|
-
"gitHead": "4d96fbc32864698afbb355ab991c6d90be991951"
|
|
136
|
+
"gitHead": "4d96fbc32864698afbb355ab991c6d90be991951",
|
|
137
|
+
"stableVersion": "3.1.0"
|
|
137
138
|
}
|
package/src/blocks/Text.tsx
CHANGED
|
@@ -25,9 +25,28 @@ class TextComponent extends React.Component<TextProps> {
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
evalExpression(expression: string, state: any) {
|
|
28
|
+
// Don't interpolate when inline editing
|
|
29
|
+
if (this.allowTextEdit) {
|
|
30
|
+
return String(expression);
|
|
31
|
+
}
|
|
28
32
|
return String(expression).replace(/{{([^}]+)}}/g, (match, group) => tryEval(group, state));
|
|
29
33
|
}
|
|
30
34
|
|
|
35
|
+
get allowTextEdit() {
|
|
36
|
+
return (
|
|
37
|
+
Builder.isBrowser &&
|
|
38
|
+
Builder.isEditing &&
|
|
39
|
+
location.search.includes('builder.allowTextEdit=true') &&
|
|
40
|
+
!(
|
|
41
|
+
this.props.builderBlock &&
|
|
42
|
+
this.props.builderBlock.bindings &&
|
|
43
|
+
(this.props.builderBlock.bindings['component.options.text'] ||
|
|
44
|
+
this.props.builderBlock.bindings['options.text'] ||
|
|
45
|
+
this.props.builderBlock.bindings['text'])
|
|
46
|
+
)
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
|
|
31
50
|
render() {
|
|
32
51
|
const textCSS: InterpolationWithTheme<any> = {
|
|
33
52
|
outline: 'none',
|