@builder.io/sdk-solid 1.0.36 → 1.1.1

package/dist/index.d.ts

@@ -436,6 +436,47 @@ interface ComponentInfo {
      */
     requiredPermissions?: Array<Permission>;
     hidden?: boolean;
+    /**
+     * When overriding built-in components, if you don't want any special behavior that
+     * the original has, set this to `true` to skip the default behavior
+     *
+     * Default behaviors include special "virtual options", such as a custom
+     * aspect ratio editor for Images, or a special column editor for Columns
+     *
+     * Learn more about overriding built-in components here: https://www.builder.io/c/docs/custom-components-overriding
+     */
+    override?: boolean;
+    /**
+     * Whether or not the component should receive SDK-related props.
+     */
+    shouldReceiveBuilderProps?: {
+        /**
+         * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
+         *
+         * Defaults to `true`.
+         */
+        builderBlock?: boolean;
+        /**
+         * Whether or not the component should receive the `builderContext` prop, containing the current context.
+         * The Builder Context contains a lot of data relevant to the current `Content` render.
+         * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
+         *
+         * Defaults to `true`.
+         */
+        builderContext?: boolean;
+        /**
+         * Whether or not the component should receive the `builderComponents` array, containing the all registered components (custom and built-in).
+         *
+         * Defaults to `false`.
+         */
+        builderComponents?: boolean;
+        /**
+         * Whether or not the component should receive the `builderLinkComponent` prop, containing the custom link component provided to `Content`.
+         *
+         * Defaults to `false`.
+         */
+        builderLinkComponent?: boolean;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 

package/lib/browser/dev.js

@@ -784,25 +784,56 @@ 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) => {
-  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderLinkComponent: linkComponent
-  } : {};
+  };
 };
 var provideRegisteredComponents = (block, registeredComponents) => {
-  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderComponents: registeredComponents
-  } : {};
+  };
 };
 var provideBuilderBlock = (block, builderBlock) => {
-  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderBlock
-  } : {};
+  };
 };
 var provideBuilderContext = (block, context) => {
-  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderContext: context
-  } : {};
+  };
 };
 
 // src/constants/device-sizes.ts
@@ -2253,7 +2284,13 @@ var componentInfo = {
         options.set("items", []);
       }
     }
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/accordion/helpers.ts
@@ -2476,7 +2513,13 @@ var componentInfo2 = {
     friendlyName: "Open link in new tab"
   }],
   static: true,
-  noWrap: true
+  noWrap: true,
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/columns/component-info.ts
@@ -2696,11 +2739,23 @@ var componentInfo3 = {
     defaultValue: false,
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: true
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/fragment/component-info.ts
 var componentInfo4 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -2833,11 +2888,23 @@ var componentInfo5 = {
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: true,
     defaultValue: 0.7041
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 
 // 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",
@@ -2891,7 +2958,13 @@ var componentInfo7 = {
     type: "string",
     required: true,
     defaultValue: "children"
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 var _tmpl$8 = /* @__PURE__ */ template(`<div>`);
 function Slot(props) {
@@ -2953,7 +3026,13 @@ var componentInfo8 = {
     name: "useChildren",
     hideFromUI: true,
     type: "boolean"
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/tabs/component-info.ts
@@ -3093,7 +3172,13 @@ var componentInfo9 = {
       label: "Right",
       value: "flex-end"
     }]
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 var _tmpl$9 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$25 = /* @__PURE__ */ template(`<div><div class=builder-tabs-wrap>`);
@@ -3196,6 +3281,12 @@ delegateEvents(["click"]);
 
 // src/blocks/text/component-info.ts
 var componentInfo10 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: TARGET === "reactNative" ? true : false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Text",
   static: true,
   isRSC: true,
@@ -3227,6 +3318,12 @@ 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"],
@@ -3303,6 +3400,12 @@ 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: [{
@@ -3622,7 +3725,13 @@ var componentInfo13 = {
         text: "Submit"
       }
     }
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/functions/get-env.ts
@@ -3942,6 +4051,12 @@ 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: [
@@ -4027,6 +4142,12 @@ 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: {
@@ -4113,6 +4234,12 @@ 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: {
@@ -4151,6 +4278,12 @@ 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: [{
@@ -4215,6 +4348,12 @@ 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,
@@ -4336,7 +4475,13 @@ var componentInfo19 = {
     helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
     defaultValue: true,
     advanced: true
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
 var _tmpl$28 = /* @__PURE__ */ template(`<div>`);
@@ -5103,7 +5248,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.36";
+var SDK_VERSION = "1.1.1";
 
 // src/functions/register.ts
 var registry = {};