@builder.io/sdk-qwik 0.1.7 → 0.1.9

package/lib/index.qwik.cjs

@@ -324,6 +324,13 @@ const useBlock$1 = function useBlock2(props, state) {
     shouldEvaluateBindings: true
   });
 };
+const canShowBlock$1 = function canShowBlock2(props, state) {
+  if (checkIsDefined(useBlock$1(props).hide))
+    return !useBlock$1(props).hide;
+  if (checkIsDefined(useBlock$1(props).show))
+    return useBlock$1(props).show;
+  return true;
+};
 const css = function css2(props, state) {
   const styles = useBlock$1(props).responsiveStyles;
   const content = props.context.content;
@@ -354,7 +361,7 @@ const css = function css2(props, state) {
 };
 const BlockStyles = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: css(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
+    children: css(props) && canShowBlock$1(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
       styles: css(props)
     }, "LQ_0") : null,
     [qwik._IMMUTABLE]: {
@@ -572,6 +579,13 @@ const useBlock = function useBlock22(props, state) {
     shouldEvaluateBindings: true
   });
 };
+const canShowBlock = function canShowBlock22(props, state) {
+  if (checkIsDefined(useBlock(props).hide))
+    return !useBlock(props).hide;
+  if (checkIsDefined(useBlock(props).show))
+    return useBlock(props).show;
+  return true;
+};
 const proxyState = function proxyState2(props, state) {
   if (typeof Proxy === "undefined") {
     console.error("no Proxy available in this environment, cannot proxy state.");
@@ -644,7 +658,7 @@ const RenderBlock = (props) => {
   const state = {};
   state.tag = tag(props);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: !component(props)?.noWrap ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: canShowBlock(props) ? !component(props)?.noWrap ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [
         isEmptyHtmlElement(tag(props)) ? /* @__PURE__ */ jsxRuntime.jsx(state.tag, {
           ...attributes(props),
@@ -691,7 +705,7 @@ const RenderBlock = (props) => {
       }
     }, "9d_1") : /* @__PURE__ */ jsxRuntime.jsx(RenderComponent, {
       ...renderComponentProps(props)
-    }, "9d_2"),
+    }, "9d_2") : null,
     [qwik._IMMUTABLE]: {
       children: false
     }
@@ -1577,9 +1591,9 @@ const SectionComponent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((prop
     style: {
       width: "100%",
       alignSelf: "stretch",
-      flexGrow: "1",
+      flexGrow: 1,
       boxSizing: "border-box",
-      maxWidth: `${props.maxWidth && typeof props.maxWidth === "number" ? props.maxWidth : 1200}px`,
+      maxWidth: props.maxWidth || 1200,
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",

package/lib/index.qwik.mjs

@@ -322,6 +322,13 @@ const useBlock$1 = function useBlock2(props, state) {
     shouldEvaluateBindings: true
   });
 };
+const canShowBlock$1 = function canShowBlock2(props, state) {
+  if (checkIsDefined(useBlock$1(props).hide))
+    return !useBlock$1(props).hide;
+  if (checkIsDefined(useBlock$1(props).show))
+    return useBlock$1(props).show;
+  return true;
+};
 const css = function css2(props, state) {
   const styles = useBlock$1(props).responsiveStyles;
   const content = props.context.content;
@@ -352,7 +359,7 @@ const css = function css2(props, state) {
 };
 const BlockStyles = (props) => {
   return /* @__PURE__ */ jsx(Fragment, {
-    children: css(props) ? /* @__PURE__ */ jsx(RenderInlinedStyles, {
+    children: css(props) && canShowBlock$1(props) ? /* @__PURE__ */ jsx(RenderInlinedStyles, {
       styles: css(props)
     }, "LQ_0") : null,
     [_IMMUTABLE]: {
@@ -570,6 +577,13 @@ const useBlock = function useBlock22(props, state) {
     shouldEvaluateBindings: true
   });
 };
+const canShowBlock = function canShowBlock22(props, state) {
+  if (checkIsDefined(useBlock(props).hide))
+    return !useBlock(props).hide;
+  if (checkIsDefined(useBlock(props).show))
+    return useBlock(props).show;
+  return true;
+};
 const proxyState = function proxyState2(props, state) {
   if (typeof Proxy === "undefined") {
     console.error("no Proxy available in this environment, cannot proxy state.");
@@ -642,7 +656,7 @@ const RenderBlock = (props) => {
   const state = {};
   state.tag = tag(props);
   return /* @__PURE__ */ jsx(Fragment, {
-    children: !component(props)?.noWrap ? /* @__PURE__ */ jsxs(Fragment, {
+    children: canShowBlock(props) ? !component(props)?.noWrap ? /* @__PURE__ */ jsxs(Fragment, {
       children: [
         isEmptyHtmlElement(tag(props)) ? /* @__PURE__ */ jsx(state.tag, {
           ...attributes(props),
@@ -689,7 +703,7 @@ const RenderBlock = (props) => {
       }
     }, "9d_1") : /* @__PURE__ */ jsx(RenderComponent, {
       ...renderComponentProps(props)
-    }, "9d_2"),
+    }, "9d_2") : null,
     [_IMMUTABLE]: {
       children: false
     }
@@ -1575,9 +1589,9 @@ const SectionComponent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     style: {
       width: "100%",
       alignSelf: "stretch",
-      flexGrow: "1",
+      flexGrow: 1,
       boxSizing: "border-box",
-      maxWidth: `${props.maxWidth && typeof props.maxWidth === "number" ? props.maxWidth : 1200}px`,
+      maxWidth: props.maxWidth || 1200,
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/types/components/render-block/block-styles.d.ts

@@ -5,6 +5,7 @@ export declare type BlockStylesProps = {
     context: BuilderContextInterface;
 };
 export declare const useBlock: (props: any, state: any) => BuilderBlock;
+export declare const canShowBlock: (props: any, state: any) => boolean | undefined;
 export declare const css: (props: any, state: any) => string;
 export declare const BlockStyles: (props: BlockStylesProps & {
     key?: any;

package/types/components/render-block/render-block.d.ts

@@ -7,6 +7,7 @@ export declare type RenderBlockProps = {
 export declare const component: (props: any, state: any) => import("../../context/types.js").RegisteredComponent | null | undefined;
 export declare const tag: (props: any, state: any) => string;
 export declare const useBlock: (props: any, state: any) => any;
+export declare const canShowBlock: (props: any, state: any) => any;
 export declare const proxyState: (props: any, state: any) => any;
 export declare const actions: (props: any, state: any) => {
     [index: string]: (event: Event) => any;

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

@@ -54,5 +54,13 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    /**
+     * generated by the "Hide If" binding
+     */
+    hide?: boolean;
+    /**
+     * generated by the "Show If" binding
+     */
+    show?: boolean;
 }
 export {};