@builder.io/sdk-solid 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "",
   "type": "module",
   "main": "./solid-index.jsx",

package/src/blocks/button/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Core:Button",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
     appearance: "none",

package/src/blocks/columns/columns.jsx

@@ -1,4 +1,4 @@
-import { Show, For, createSignal } from "solid-js";
+import { useContext, Show, For, createSignal } from "solid-js";
 
 import { css } from "solid-styled-components";
 
@@ -7,6 +7,7 @@ import { getSizesForBreakpoints } from "../../constants/device-sizes";
 import RenderInlinedStyles from "../../components/render-inlined-styles.jsx";
 import { TARGET } from "../../constants/target.js";
 import { convertStyleMapToCSS } from "../../helpers/css";
+import BuilderContext from "../../context/builder.context.js";
 
 function Columns(props) {
   function getGutterSize() {
@@ -60,7 +61,7 @@ function Columns(props) {
 
   function getWidthForBreakpointSize(size) {
     const breakpointSizes = getSizesForBreakpoints(
-      props.customBreakpoints || {}
+      builderContext.content?.meta?.breakpoints || {}
     );
     return breakpointSizes[size].max;
   }
@@ -122,6 +123,8 @@ function Columns(props) {
     return this.columnStyleObjects.column.small;
   }
 
+  const builderContext = useContext(BuilderContext);
+
   return (
     <div
       class={

package/src/blocks/columns/component-info.js

@@ -1,7 +1,6 @@
 import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Columns",
-  builtIn: true,
   inputs: [
     {
       name: "columns",

package/src/blocks/custom-code/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Custom Code",
   static: true,
-  builtIn: true,
   requiredPermissions: ["editCode"],
   inputs: [
     {

package/src/blocks/embed/component-info.js

@@ -2,7 +2,6 @@ import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Embed",
   static: true,
-  builtIn: true,
   inputs: [
     {
       name: "url",

package/src/blocks/form/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Form",
-  builtIn: true,
   defaults: {
     responsiveStyles: {
       large: {

package/src/blocks/fragment/component-info.js

@@ -2,7 +2,6 @@ const componentInfo = {
   name: "Fragment",
   static: true,
   hidden: true,
-  builtIn: true,
   canHaveChildren: true,
   noWrap: true
 };

package/src/blocks/image/component-info.js

@@ -2,7 +2,6 @@ import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Image",
   static: true,
-  builtIn: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
   defaultStyles: {
     position: "relative",

package/src/blocks/img/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Raw:Img",
   hideFromInsertMenu: true,
-  builtIn: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
   inputs: [
     {

package/src/blocks/input/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Input",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
     {

package/src/blocks/raw-text/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Builder:RawText",
   hideFromInsertMenu: true,
-  builtIn: true,
   inputs: [
     {
       name: "text",

package/src/blocks/section/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Core:Section",
   static: true,
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
   inputs: [
     {

package/src/blocks/select/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Select",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
     alignSelf: "flex-start"

package/src/blocks/submit-button/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:SubmitButton",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
     appearance: "none",

package/src/blocks/symbol/component-info.js

@@ -2,7 +2,6 @@ const componentInfo = {
   name: "Symbol",
   noWrap: true,
   static: true,
-  builtIn: true,
   inputs: [
     {
       name: "symbol",

package/src/blocks/text/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Text",
   static: true,
-  builtIn: true,
   image: "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",
   inputs: [
     {

package/src/blocks/textarea/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:TextArea",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [
     {

package/src/blocks/video/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Video",
   canHaveChildren: true,
-  builtIn: true,
   defaultStyles: {
     minHeight: "20px",
     minWidth: "20px"

package/src/components/render-block/render-block.jsx

@@ -110,7 +110,6 @@ function RenderBlock(props) {
                 ...actions(),
               },
             }),
-        customBreakpoints: childrenContext()?.content?.meta?.breakpoints,
       },
       context: childrenContext(),
     };