@builder.io/sdk-react-native 0.0.1-51 → 0.0.1-54

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+### 0.0.1-51
+
+⚠️ Deprecation notice: Registering components via `registerComponent(component, info)` is now deprecated. 
+To register your custom components in Builder, you must now provide a `customComponents` array to the `RenderContent` component containing `[{ component, info }]`.
+See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
+
 ### 0.0.1-50
 
 - feat: 🎸 export `isPreviewing()` (https://github.com/BuilderIO/builder/pull/951)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-51",
+  "version": "0.0.1-54",
   "main": "src/index.js",
   "scripts": {
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"

package/src/components/render-content/render-content.js

@@ -86,7 +86,7 @@ function RenderContent(props) {
       ...components,
       ...props.customComponents || []
     ];
-    const allComponents = allComponentsArray.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), { [curr.info.name]: curr }), {});
+    const allComponents = allComponentsArray.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), { [curr.name]: curr }), {});
     return allComponents;
   }
   function processMessage(event) {

package/src/components/render-content/render-content.lite.tsx

@@ -58,7 +58,7 @@ export default function RenderContent(props) {
       ...(props.customComponents || []),
     ];
     const allComponents = allComponentsArray.reduce(
-      (acc, curr) => ({ ...acc, [curr.info.name]: curr }),
+      (acc, curr) => ({ ...acc, [curr.name]: curr }),
       {}
     );
     return allComponents;

package/src/constants/builder-registered-components.js

@@ -1,4 +1,20 @@
 import * as React from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { default as Button } from "../blocks/button/button.js";
 import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
 import { default as Columns } from "../blocks/columns/columns.js";
@@ -14,13 +30,13 @@ import { default as Symbol } from "../blocks/symbol/symbol.js";
 import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
 import { default as Text } from "../blocks/text/text.js";
 const getDefaultRegisteredComponents = () => [
-  { component: Columns, info: columnsComponentInfo },
-  { component: Image, info: imageComponentInfo },
-  { component: Text, info: textComponentInfo },
-  { component: Symbol, info: symbolComponentInfo },
-  { component: Button, info: buttonComponentInfo },
-  { component: Section, info: sectionComponentInfo },
-  { component: Fragment, info: fragmentComponentInfo }
+  __spreadValues({ component: Columns }, columnsComponentInfo),
+  __spreadValues({ component: Image }, imageComponentInfo),
+  __spreadValues({ component: Text }, textComponentInfo),
+  __spreadValues({ component: Symbol }, symbolComponentInfo),
+  __spreadValues({ component: Button }, buttonComponentInfo),
+  __spreadValues({ component: Section }, sectionComponentInfo),
+  __spreadValues({ component: Fragment }, fragmentComponentInfo)
 ];
 export {
   getDefaultRegisteredComponents

package/src/functions/register-component.js

@@ -18,19 +18,36 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { fastClone } from "./fast-clone.js";
 const components = [];
 function registerComponent(component, info) {
-  components.push({ component, info });
+  components.push(__spreadValues({ component }, info));
   console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
   return component;
 }
-const createRegisterComponentMessage = ({
-  info
-}) => ({
-  type: "builder.registerComponent",
-  data: prepareComponentInfoToSend(fastClone(info))
-});
+const createRegisterComponentMessage = (_a) => {
+  var _b = _a, {
+    component
+  } = _b, info = __objRest(_b, [
+    "component"
+  ]);
+  return {
+    type: "builder.registerComponent",
+    data: prepareComponentInfoToSend(fastClone(info))
+  };
+};
 function prepareComponentInfoToSend(info) {
   return __spreadValues(__spreadValues({}, info), info.inputs && {
     inputs: info.inputs.map((input) => {