@builder.io/sdk-solid 1.1.1 → 2.0.0

package/lib/edge/index.js

@@ -3924,56 +3924,33 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var applyDefaults = (shouldReceiveBuilderProps) => {
-  return {
-    // once we bump to a major version, toggle this to `false`.
-    builderBlock: true,
-    // once we bump to a major version, toggle this to `false`.
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false,
-    ...shouldReceiveBuilderProps
-  };
-};
 var provideLinkComponent = (block, linkComponent) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderLinkComponent: linkComponent
-  };
+  if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
 };
 var provideRegisteredComponents = (block, registeredComponents) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderComponents: registeredComponents
-  };
+  if (block?.shouldReceiveBuilderProps?.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
 };
 var provideBuilderBlock = (block, builderBlock) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderBlock
-  };
+  if (block?.shouldReceiveBuilderProps?.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
 };
 var provideBuilderContext = (block, context) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderContext: context
-  };
+  if (block?.shouldReceiveBuilderProps?.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
 };
 
 // src/constants/device-sizes.ts
@@ -4720,7 +4697,7 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-f2f53158 {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-710294c2 {
   display: flex;
   line-height: normal;
 }`);
@@ -4736,8 +4713,9 @@ function Columns(props) {
     return cols()[index]?.width || 100 / cols().length;
   }
   function getColumnCssWidth(index) {
-    const subtractWidth = gutterSize() * (cols().length - 1) / cols().length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+    const width = getWidth(index);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
+    return `calc(${width}% - ${subtractWidth}px)`;
   }
   function getTabletStyle({
     stackedStyle,
@@ -4839,7 +4817,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-f2f53158";
+        return getColumnsClass(props.builderBlock?.id) + " div-710294c2";
       },
       get style() {
         return columnsCssVars();
@@ -5654,9 +5632,6 @@ var componentInfo2 = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -5889,12 +5864,6 @@ var componentInfo3 = {
 
 // src/blocks/fragment/component-info.ts
 var componentInfo4 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -6028,21 +5997,12 @@ var componentInfo5 = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 
 // src/blocks/section/component-info.ts
 var componentInfo6 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -6098,10 +6058,7 @@ var componentInfo7 = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 var _tmpl$8 = /* @__PURE__ */ template(`<div>`);
@@ -6420,10 +6377,7 @@ delegateEvents(["click"]);
 // src/blocks/text/component-info.ts
 var componentInfo10 = {
   shouldReceiveBuilderProps: {
-    builderBlock: TARGET === "reactNative" ? true : false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: TARGET === "reactNative" ? true : false
   },
   name: "Text",
   static: true,
@@ -6456,12 +6410,6 @@ var text_default = Text;
 
 // src/blocks/custom-code/component-info.ts
 var componentInfo11 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Custom Code",
   static: true,
   requiredPermissions: ["editCode"],
@@ -6537,12 +6485,6 @@ var custom_code_default = CustomCode;
 
 // src/blocks/embed/component-info.ts
 var componentInfo12 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Embed",
   static: true,
   inputs: [{
@@ -6550,27 +6492,7 @@ var componentInfo12 = {
     type: "url",
     required: true,
     defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (options) => {
-      const url = options.get("url");
-      if (url) {
-        options.set("content", "Loading...");
-        const apiKey = _iframelyApiKey;
-        return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-          if (options.get("url") === url) {
-            if (data.html) {
-              options.set("content", data.html);
-            } else {
-              options.set("content", "Invalid url, please try another");
-            }
-          }
-        }).catch((_err) => {
-          options.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      } else {
-        options.delete("content");
-      }
-    }
+    helperText: "e.g. enter a youtube url, google map, etc"
   }, {
     name: "content",
     type: "html",
@@ -7187,12 +7109,6 @@ var form_default = FormComponent;
 
 // src/blocks/form/input/component-info.ts
 var componentInfo14 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -7278,12 +7194,6 @@ var input_default = FormInputComponent;
 
 // src/blocks/form/select/component-info.ts
 var componentInfo15 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -7370,12 +7280,6 @@ var select_default = SelectComponent;
 
 // src/blocks/form/submit-button/component-info.ts
 var componentInfo16 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -7414,12 +7318,6 @@ var submit_button_default = SubmitButton;
 
 // src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -7484,12 +7382,6 @@ var textarea_default = Textarea;
 
 // src/blocks/img/component-info.ts
 var componentInfo18 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -7613,10 +7505,7 @@ var componentInfo19 = {
     advanced: true
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
@@ -8379,7 +8268,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.1.1";
+var SDK_VERSION = "2.0.0";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/index.jsx

@@ -3913,56 +3913,33 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var applyDefaults = (shouldReceiveBuilderProps) => {
-  return {
-    // once we bump to a major version, toggle this to `false`.
-    builderBlock: true,
-    // once we bump to a major version, toggle this to `false`.
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false,
-    ...shouldReceiveBuilderProps
-  };
-};
 var provideLinkComponent = (block, linkComponent) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderLinkComponent: linkComponent
-  };
+  if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
 };
 var provideRegisteredComponents = (block, registeredComponents) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderComponents: registeredComponents
-  };
+  if (block?.shouldReceiveBuilderProps?.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
 };
 var provideBuilderBlock = (block, builderBlock) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderBlock
-  };
+  if (block?.shouldReceiveBuilderProps?.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
 };
 var provideBuilderContext = (block, context) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderContext: context
-  };
+  if (block?.shouldReceiveBuilderProps?.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
 };
 
 // src/components/block/components/block-styles.tsx
@@ -4554,8 +4531,9 @@ function Columns(props) {
     return cols()[index]?.width || 100 / cols().length;
   }
   function getColumnCssWidth(index) {
-    const subtractWidth = gutterSize() * (cols().length - 1) / cols().length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+    const width = getWidth(index);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
+    return `calc(${width}% - ${subtractWidth}px)`;
   }
   function getTabletStyle({
     stackedStyle,
@@ -4657,7 +4635,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-f2f53158"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-710294c2"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4685,7 +4663,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-f2f53158 {
+    <style>{`.div-710294c2 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -5382,9 +5360,6 @@ var componentInfo2 = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -5617,12 +5592,6 @@ var componentInfo3 = {
 
 // src/blocks/fragment/component-info.ts
 var componentInfo4 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -5756,21 +5725,12 @@ var componentInfo5 = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 
 // src/blocks/section/component-info.ts
 var componentInfo6 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -5826,10 +5786,7 @@ var componentInfo7 = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 
@@ -6097,10 +6054,7 @@ var tabs_default = Tabs;
 // src/blocks/text/component-info.ts
 var componentInfo10 = {
   shouldReceiveBuilderProps: {
-    builderBlock: TARGET === "reactNative" ? true : false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: TARGET === "reactNative" ? true : false
   },
   name: "Text",
   static: true,
@@ -6135,12 +6089,6 @@ var text_default = Text;
 
 // src/blocks/custom-code/component-info.ts
 var componentInfo11 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Custom Code",
   static: true,
   requiredPermissions: ["editCode"],
@@ -6212,12 +6160,6 @@ var custom_code_default = CustomCode;
 
 // src/blocks/embed/component-info.ts
 var componentInfo12 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Embed",
   static: true,
   inputs: [{
@@ -6225,27 +6167,7 @@ var componentInfo12 = {
     type: "url",
     required: true,
     defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (options) => {
-      const url = options.get("url");
-      if (url) {
-        options.set("content", "Loading...");
-        const apiKey = _iframelyApiKey;
-        return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-          if (options.get("url") === url) {
-            if (data.html) {
-              options.set("content", data.html);
-            } else {
-              options.set("content", "Invalid url, please try another");
-            }
-          }
-        }).catch((_err) => {
-          options.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      } else {
-        options.delete("content");
-      }
-    }
+    helperText: "e.g. enter a youtube url, google map, etc"
   }, {
     name: "content",
     type: "html",
@@ -6797,12 +6719,6 @@ var form_default = FormComponent;
 
 // src/blocks/form/input/component-info.ts
 var componentInfo14 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -6873,12 +6789,6 @@ var input_default = FormInputComponent;
 
 // src/blocks/form/select/component-info.ts
 var componentInfo15 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -6942,12 +6852,6 @@ var select_default = SelectComponent;
 
 // src/blocks/form/submit-button/component-info.ts
 var componentInfo16 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -6982,12 +6886,6 @@ var submit_button_default = SubmitButton;
 
 // src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -7041,12 +6939,6 @@ var textarea_default = Textarea;
 
 // src/blocks/img/component-info.ts
 var componentInfo18 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -7161,10 +7053,7 @@ var componentInfo19 = {
     advanced: true
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 
@@ -7897,7 +7786,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.1.1";
+var SDK_VERSION = "2.0.0";
 
 // src/functions/register.ts
 var registry = {};