@builder.io/sdk-qwik 0.12.2 → 0.12.4

package/types/src/blocks/button/button.types.d.ts

@@ -1,4 +1,5 @@
-export interface ButtonProps {
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;
     link?: string;

package/types/src/blocks/columns/columns.d.ts

@@ -17,4 +17,4 @@ export declare const columnCssVars: (props: any, state: any, index: number) => D
 export declare const getWidthForBreakpointSize: (props: any, state: any, size: SizeName) => number;
 export declare const Columns: import("@builder.io/qwik").Component<PropsWithBuilderData<ColumnProps>>;
 export default Columns;
-export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n.div-Columns-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";
+export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n";

package/types/src/blocks/columns/columns.types.d.ts

@@ -1,13 +1,13 @@
 import type { BuilderBlock } from '../../types/builder-block.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
+    link?: string;
 };
 type StackColumnsAt = 'tablet' | 'mobile' | 'never';
-export interface ColumnProps extends BuilderComponentsProp {
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     columns?: Column[];
-    builderBlock: BuilderBlock;
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;

package/types/src/blocks/symbol/symbol.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -8,7 +8,7 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps extends BuilderComponentsProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;

package/types/src/components/block/block.d.ts

@@ -4,6 +4,7 @@ export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
 };
 export declare const Block: import("@builder.io/qwik").Component<BlockProps>;
 export default Block;

package/types/src/components/block/components/block-wrapper.d.ts

@@ -5,6 +5,7 @@ type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: BuilderContextInterface;
+    linkComponent: any;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).

package/types/src/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -14,6 +14,7 @@ export interface ComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
     builderBlock: BuilderBlock;
     includeBlockProps: boolean;
     isInteractive: boolean | undefined;
@@ -23,8 +24,7 @@ export declare const getWrapperProps: ({ componentOptions, builderBlock, context
 }) => InteractiveElementProps | {
     attributes?: {
         'builder-id': string | undefined;
-        style: string | Partial<CSSStyleDeclaration> | undefined;
-        class: string;
+        style: string | Partial<CSSStyleDeclaration>;
         href: any;
     } | {
         [index: string]: any;

package/types/src/components/block/components/repeated-block.d.ts

@@ -1,9 +1,7 @@
-import { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
-import { BuilderBlock } from "../../../types/builder-block.js";
-type Props = {
-    block: BuilderBlock;
+import { BuilderContextInterface } from "../../../context/types.js";
+import { BlockProps } from "../block.jsx";
+type Props = Omit<BlockProps, "context"> & {
     repeatContext: BuilderContextInterface;
-    registeredComponents: RegisteredComponents;
 };
 export declare const RepeatedBlock: import("@builder.io/qwik").Component<Props>;
 export default RepeatedBlock;

package/types/src/components/blocks/blocks.types.d.ts

@@ -3,4 +3,5 @@ import type { BlocksWrapperProps } from './blocks-wrapper.jsx';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
+    linkComponent?: any;
 };

package/types/src/components/content-variants/content-variants.types.d.ts

@@ -30,6 +30,10 @@ export interface ContentVariantsPrps {
      * An array of custom components to register (optional).
      */
     customComponents?: RegisteredComponent[];
+    /**
+     * The component to use for rendering links. Defaults to anchor element `<a>`.
+     */
+    linkComponent?: any;
     /**
      * A boolean to enable or disable tracking (optional). Defaults to `true`.
      */
@@ -47,7 +51,7 @@ export interface ContentVariantsPrps {
      */
     enrich?: boolean;
     /**
-     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your content. Defaults to `<div>` ('ScrollView' in React Native).
      */
     contentWrapper?: any;
     /**
@@ -55,7 +59,7 @@ export interface ContentVariantsPrps {
      */
     contentWrapperProps?: any;
     /**
-     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your blocks. Defaults to `<div>` ('ScrollView' in React Native).
      */
     blocksWrapper?: any;
     /**

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.2";
+export declare const SDK_VERSION = "0.12.4";

package/types/src/functions/get-block-properties.d.ts

@@ -5,7 +5,6 @@ export declare function getBlockProperties({ block, context }: {
     context: BuilderContextInterface;
 }): {
     'builder-id': string | undefined;
-    style: string | Partial<CSSStyleDeclaration> | undefined;
-    class: string;
+    style: string | Partial<CSSStyleDeclaration>;
     href: any;
 };

package/types/src/functions/get-class-prop-name.d.ts

@@ -0,0 +1 @@
+export declare const getClassPropName: () => "className" | "class";

package/types/src/functions/get-style.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare const getStyle: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => string | Partial<CSSStyleDeclaration>;
+/**
+ * Svelte does not support style attribute as an object so we need to flatten it.
+ *
+ * Additionally, Svelte, Vue and other frameworks use kebab-case styles, so we need to convert them.
+ */
+export declare function mapStyleObjToStrIfNeeded(style: Partial<CSSStyleDeclaration>): string | Partial<CSSStyleDeclaration>;

package/types/src/functions/transform-block-properties.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderContextInterface } from '../context/types';
-import type { BuilderBlock } from '../types/builder-block';
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
 export declare function transformBlockProperties<T>({ properties }: {
     properties: T;
     context: BuilderContextInterface;

package/types/src/functions/transform-style-property.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformStyleProperty({ style }: {
+    style: Partial<CSSStyleDeclaration>;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): Partial<CSSStyleDeclaration>;

package/types/src/helpers/omit.d.ts

@@ -0,0 +1 @@
+export declare function omit<T extends object>(obj: T, ...values: (keyof T)[]): Partial<T>;

package/types/src/types/builder-block.d.ts

@@ -54,6 +54,7 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    href?: string;
     /**
      * generated by the "Hide If" binding
      */

package/types/src/types/builder-props.d.ts

@@ -7,3 +7,6 @@ export type PropsWithBuilderData<T> = T & {
 export type BuilderComponentsProp = {
     builderComponents: RegisteredComponents;
 };
+export type BuilderLinkComponentProp = {
+    builderLinkComponent?: any;
+};