@builder.io/sdk-svelte 1.1.2 → 2.0.0

package/lib/browser/blocks/button/component-info.js

@@ -32,9 +32,6 @@ export const componentInfo = {
     static: true,
     noWrap: true,
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
         builderLinkComponent: true
     }
 };

package/lib/browser/blocks/columns/columns.svelte

@@ -35,8 +35,9 @@ function getWidth(index) {
     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, desktopStyle, }) {
     return stackAt === "tablet" ? stackedStyle : desktopStyle;

package/lib/browser/blocks/custom-code/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Custom Code',
     static: true,
     requiredPermissions: ['editCode'],

package/lib/browser/blocks/embed/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Embed',
     static: true,
     inputs: [{

package/lib/browser/blocks/form/input/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Input',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
     inputs: [{

package/lib/browser/blocks/form/select/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Select',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
     defaultStyles: {

package/lib/browser/blocks/form/submit-button/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:SubmitButton',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
     defaultStyles: {

package/lib/browser/blocks/form/textarea/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:TextArea',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
     inputs: [{

package/lib/browser/blocks/fragment/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Fragment',
     static: true,
     hidden: true,

package/lib/browser/blocks/image/component-info.js

@@ -125,9 +125,6 @@ export const componentInfo = {
             defaultValue: 0.7041
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/browser/blocks/img/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     // friendlyName?
     name: 'Raw:Img',
     hideFromInsertMenu: true,

package/lib/browser/blocks/raw-text/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Builder:RawText',
     hideFromInsertMenu: true,
     inputs: [{

package/lib/browser/blocks/section/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    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',

package/lib/browser/blocks/slot/component-info.js

@@ -12,9 +12,6 @@ export const componentInfo = {
             defaultValue: 'children'
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: true,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderContext: true
     }
 };

package/lib/browser/blocks/text/component-info.js

@@ -1,10 +1,7 @@
 import { TARGET } from '../../constants/target';
 export const componentInfo = {
     shouldReceiveBuilderProps: {
-        builderBlock: TARGET === 'reactNative' ? true : false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: TARGET === 'reactNative' ? true : false
     },
     name: 'Text',
     static: true,

package/lib/browser/blocks/video/component-info.js

@@ -80,9 +80,6 @@ export const componentInfo = {
             advanced: true
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/browser/components/block/block.helpers.d.ts

@@ -17,22 +17,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent?: undefined;
-} | {
     builderLinkComponent: any;
+} | {
+    builderLinkComponent?: undefined;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents?: undefined;
-} | {
     builderComponents: RegisteredComponents;
+} | {
+    builderComponents?: undefined;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock?: undefined;
-} | {
     builderBlock: BuilderBlock;
+} | {
+    builderBlock?: undefined;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: Writable<BuilderContextInterface>) => {
-    builderContext?: undefined;
-} | {
     builderContext: Writable<BuilderContextInterface>;
+} | {
+    builderContext?: undefined;
 };

package/lib/browser/components/block/block.helpers.js

@@ -73,54 +73,31 @@ export const getInheritedStyles = ({ block, context }) => {
     }
     return extractTextStyles(style);
 };
-const 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
-    };
-};
 export const 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 {};
 };
 export const 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 {};
 };
 export const provideBuilderBlock = (block, builderBlock) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderBlock
-    };
+    if (block?.shouldReceiveBuilderProps?.builderBlock)
+        return {
+            builderBlock
+        };
+    return {};
 };
 export const 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 {};
 };

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.1.2";
+export declare const SDK_VERSION = "2.0.0";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.1.2";
+export const SDK_VERSION = "2.0.0";

package/lib/edge/blocks/button/component-info.js

@@ -32,9 +32,6 @@ export const componentInfo = {
     static: true,
     noWrap: true,
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
         builderLinkComponent: true
     }
 };

package/lib/edge/blocks/columns/columns.svelte

@@ -35,8 +35,9 @@ function getWidth(index) {
     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, desktopStyle, }) {
     return stackAt === "tablet" ? stackedStyle : desktopStyle;

package/lib/edge/blocks/custom-code/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Custom Code',
     static: true,
     requiredPermissions: ['editCode'],

package/lib/edge/blocks/embed/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Embed',
     static: true,
     inputs: [{

package/lib/edge/blocks/form/input/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Input',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',
     inputs: [{

package/lib/edge/blocks/form/select/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:Select',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',
     defaultStyles: {

package/lib/edge/blocks/form/submit-button/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:SubmitButton',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',
     defaultStyles: {

package/lib/edge/blocks/form/textarea/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Form:TextArea',
     image: 'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',
     inputs: [{

package/lib/edge/blocks/fragment/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Fragment',
     static: true,
     hidden: true,

package/lib/edge/blocks/image/component-info.js

@@ -125,9 +125,6 @@ export const componentInfo = {
             defaultValue: 0.7041
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/edge/blocks/img/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     // friendlyName?
     name: 'Raw:Img',
     hideFromInsertMenu: true,

package/lib/edge/blocks/raw-text/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Builder:RawText',
     hideFromInsertMenu: true,
     inputs: [{

package/lib/edge/blocks/section/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    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',

package/lib/edge/blocks/slot/component-info.js

@@ -12,9 +12,6 @@ export const componentInfo = {
             defaultValue: 'children'
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: true,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderContext: true
     }
 };

package/lib/edge/blocks/text/component-info.js

@@ -1,10 +1,7 @@
 import { TARGET } from '../../constants/target';
 export const componentInfo = {
     shouldReceiveBuilderProps: {
-        builderBlock: TARGET === 'reactNative' ? true : false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: TARGET === 'reactNative' ? true : false
     },
     name: 'Text',
     static: true,

package/lib/edge/blocks/video/component-info.js

@@ -80,9 +80,6 @@ export const componentInfo = {
             advanced: true
         }],
     shouldReceiveBuilderProps: {
-        builderBlock: true,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
+        builderBlock: true
     }
 };

package/lib/edge/components/block/block.helpers.d.ts

@@ -17,22 +17,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent?: undefined;
-} | {
     builderLinkComponent: any;
+} | {
+    builderLinkComponent?: undefined;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents?: undefined;
-} | {
     builderComponents: RegisteredComponents;
+} | {
+    builderComponents?: undefined;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock?: undefined;
-} | {
     builderBlock: BuilderBlock;
+} | {
+    builderBlock?: undefined;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: Writable<BuilderContextInterface>) => {
-    builderContext?: undefined;
-} | {
     builderContext: Writable<BuilderContextInterface>;
+} | {
+    builderContext?: undefined;
 };

package/lib/edge/components/block/block.helpers.js

@@ -73,54 +73,31 @@ export const getInheritedStyles = ({ block, context }) => {
     }
     return extractTextStyles(style);
 };
-const 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
-    };
-};
 export const 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 {};
 };
 export const 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 {};
 };
 export const provideBuilderBlock = (block, builderBlock) => {
-    if (!block)
-        return {};
-    const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-    if (!shouldReceiveProp)
-        return {};
-    return {
-        builderBlock
-    };
+    if (block?.shouldReceiveBuilderProps?.builderBlock)
+        return {
+            builderBlock
+        };
+    return {};
 };
 export const 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 {};
 };

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.1.2";
+export declare const SDK_VERSION = "2.0.0";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.1.2";
+export const SDK_VERSION = "2.0.0";

package/lib/node/blocks/button/component-info.js

@@ -32,9 +32,6 @@ export const componentInfo = {
     static: true,
     noWrap: true,
     shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
         builderLinkComponent: true
     }
 };

package/lib/node/blocks/columns/columns.svelte

@@ -35,8 +35,9 @@ function getWidth(index) {
     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, desktopStyle, }) {
     return stackAt === "tablet" ? stackedStyle : desktopStyle;

package/lib/node/blocks/custom-code/component-info.js

@@ -1,10 +1,4 @@
 export const componentInfo = {
-    shouldReceiveBuilderProps: {
-        builderBlock: false,
-        builderContext: false,
-        builderComponents: false,
-        builderLinkComponent: false
-    },
     name: 'Custom Code',
     static: true,
     requiredPermissions: ['editCode'],