@builder.io/react 3.2.4 → 3.2.6
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 +12 -0
- package/README.md +12 -8
- 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/functions/with-children.js +5 -3
- package/dist/lib/src/functions/with-children.js.map +1 -1
- package/package.json +1 -1
- package/src/functions/with-children.tsx +6 -4
package/dist/lib/package.json
CHANGED
|
@@ -19,7 +19,7 @@ exports.withChildren = void 0;
|
|
|
19
19
|
var react_1 = __importDefault(require("react"));
|
|
20
20
|
var builder_block_component_1 = require("../components/builder-block.component");
|
|
21
21
|
var isBuilderElement = function (item) {
|
|
22
|
-
return Boolean((item === null || item === void 0 ? void 0 : item['@type']) === '@builder.io/sdk:Element');
|
|
22
|
+
return Boolean(typeof item === 'object' && item && (item === null || item === void 0 ? void 0 : item['@type']) === '@builder.io/sdk:Element');
|
|
23
23
|
};
|
|
24
24
|
/**
|
|
25
25
|
* Higher order component for passing Builder.io children as React children
|
|
@@ -55,10 +55,12 @@ var withChildren = function (Component) {
|
|
|
55
55
|
if (!!componentOptions) {
|
|
56
56
|
Object.keys(componentOptions).forEach(function (key) {
|
|
57
57
|
var value = componentOptions[key];
|
|
58
|
-
|
|
59
|
-
if (valueIsArrayOfBuilderElements) {
|
|
58
|
+
if (Array.isArray(value) && value.every(isBuilderElement)) {
|
|
60
59
|
useProps[key] = value.map(function (child) { return react_1.default.createElement(builder_block_component_1.BuilderBlock, { key: child.id, block: child }); });
|
|
61
60
|
}
|
|
61
|
+
else if (isBuilderElement(value)) {
|
|
62
|
+
useProps[key] = react_1.default.createElement(builder_block_component_1.BuilderBlock, { block: value });
|
|
63
|
+
}
|
|
62
64
|
});
|
|
63
65
|
}
|
|
64
66
|
return (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"with-children.js","sourceRoot":"","sources":["../../../../src/functions/with-children.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,iFAAqE;AAErE,IAAM,gBAAgB,GAAG,UAAC,IAAa;IACrC,OAAO,OAAO,
|
|
1
|
+
{"version":3,"file":"with-children.js","sourceRoot":"","sources":["../../../../src/functions/with-children.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AACb,gDAA0B;AAE1B,iFAAqE;AAErE,IAAM,gBAAgB,GAAG,UAAC,IAAa;IACrC,OAAO,OAAO,CACZ,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAW,OAAO,CAAC,MAAK,yBAAyB,CAC3F,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACI,IAAM,YAAY,GAAG,UAAmB,SAAiC;IAC9E,IAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAC1B,UAAC,KAAK,EAAE,GAAG;;QACT,IAAM,QAAQ,gBAAQ,KAAK,CAAE,CAAC;QAC9B,IAAM,QAAQ,GACZ,KAAK,CAAC,QAAQ;YACd,CAAC,KAAK,CAAC,YAAY;gBACjB,KAAK,CAAC,YAAY,CAAC,QAAQ;gBAC3B,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,sCAAY,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EAA7C,CAA6C,CAAC,CAAC,CAAC;QAE7F,IAAM,gBAAgB,GAAG,MAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,SAAS,0CAAE,OAAO,CAAC;QAChE,IAAI,CAAC,CAAC,gBAAgB,EAAE;YACtB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,UAAA,GAAG;gBACvC,IAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBACpC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;oBACzD,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,sCAAY,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EAA7C,CAA6C,CAAC,CAAC;iBACnF;qBAAM,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;oBAClC,QAAQ,CAAC,GAAG,CAAC,GAAG,8BAAC,sCAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;iBAChD;YACH,CAAC,CAAC,CAAC;SACJ;QAED,OAAO;QACL,mFAAmF;QACnF,aAAa;QACb,8BAAC,SAAS,eAAK,QAAQ,IAAE,GAAG,EAAE,GAAG,KAC9B,QAAQ,CACC,CACb,CAAC;IACJ,CAAC,CACF,CAAC;IAED,GAAW,CAAC,cAAc,GAAG;QAC5B,eAAe,EAAE,IAAI;KACtB,CAAC;IAEF,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AArCW,QAAA,YAAY,gBAqCvB"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,9 @@ import { BuilderElement } from '@builder.io/sdk';
|
|
|
4
4
|
import { BuilderBlock } from '../components/builder-block.component';
|
|
5
5
|
|
|
6
6
|
const isBuilderElement = (item: unknown): item is BuilderElement => {
|
|
7
|
-
return Boolean(
|
|
7
|
+
return Boolean(
|
|
8
|
+
typeof item === 'object' && item && (item as any)?.['@type'] === '@builder.io/sdk:Element'
|
|
9
|
+
);
|
|
8
10
|
};
|
|
9
11
|
|
|
10
12
|
/**
|
|
@@ -43,10 +45,10 @@ export const withChildren = <P extends object>(Component: React.ComponentType<P>
|
|
|
43
45
|
if (!!componentOptions) {
|
|
44
46
|
Object.keys(componentOptions).forEach(key => {
|
|
45
47
|
const value = componentOptions[key];
|
|
46
|
-
|
|
47
|
-
Array.isArray(value) && value.every(isBuilderElement);
|
|
48
|
-
if (valueIsArrayOfBuilderElements) {
|
|
48
|
+
if (Array.isArray(value) && value.every(isBuilderElement)) {
|
|
49
49
|
useProps[key] = value.map(child => <BuilderBlock key={child.id} block={child} />);
|
|
50
|
+
} else if (isBuilderElement(value)) {
|
|
51
|
+
useProps[key] = <BuilderBlock block={value} />;
|
|
50
52
|
}
|
|
51
53
|
});
|
|
52
54
|
}
|