@builder.io/sdk-qwik 0.0.9 → 0.0.12

package/src/blocks/img/img.jsx

@@ -1,76 +1,19 @@
 // GENERATED BY MITOSIS
 
 import { isEditing } from "../../functions/is-editing.js";
-import { Fragment, Host, component$, h } from "@builder.io/qwik";
-export const ImgComponent = component$(
-  (props) => {
-    return (
-      <Host
-        style={{
-          objectFit: props.backgroundSize || "cover",
-          objectPosition: props.backgroundPosition || "center",
-        }}
-        {...props.attributes}
-        key={(isEditing() && props.imgSrc) || "default-key"}
-        alt={props.altText}
-        src={props.imgSrc}
-      ></Host>
-    );
-  },
-  { tagName: "img" }
-);
+import { Fragment, component$, h } from "@builder.io/qwik";
+export const ImgComponent = component$((props) => {
+  return (
+    <img
+      style={{
+        objectFit: props.backgroundSize || "cover",
+        objectPosition: props.backgroundPosition || "center",
+      }}
+      key={(isEditing() && props.imgSrc) || "default-key"}
+      alt={props.altText}
+      src={props.imgSrc || props.image}
+      {...props.attributes}
+    ></img>
+  );
+});
 export default ImgComponent;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [
-    {
-      imports: {
-        isEditing: "isEditing",
-      },
-      path: "../../functions/is-editing.js",
-    },
-  ],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        style: {
-          code: "{\n  objectFit: props.backgroundSize || 'cover',\n  objectPosition: props.backgroundPosition || 'center'\n}",
-        },
-        _spread: {
-          code: "props.attributes",
-        },
-        key: {
-          code: "isEditing() && props.imgSrc || 'default-key'",
-        },
-        alt: {
-          code: "props.altText",
-        },
-        src: {
-          code: "props.imgSrc",
-        },
-      },
-      children: [],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "ImgComponent",
-  subComponents: [],
-  interfaces: [
-    "export interface ImgProps {\n  attributes?: any;\n  imgSrc?: string;\n  altText?: string;\n  backgroundSize?: 'cover' | 'contain';\n  backgroundPosition?: 'center' | 'top' | 'left' | 'right' | 'bottom' | 'top left' | 'top right' | 'bottom left' | 'bottom right';\n}",
-  ],
-  propsTypeRef: "ImgProps",
-};

package/src/blocks/input/input.jsx

@@ -1,87 +1,21 @@
 // GENERATED BY MITOSIS
 
 import { isEditing } from "../../functions/is-editing.js";
-import { Fragment, Host, component$, h } from "@builder.io/qwik";
-export const FormInputComponent = component$(
-  (props) => {
-    return (
-      <Host
-        {...props.attributes}
-        key={
-          isEditing() && props.defaultValue ? props.defaultValue : "default-key"
-        }
-        placeholder={props.placeholder}
-        type={props.type}
-        name={props.name}
-        value={props.value}
-        defaultValue={props.defaultValue}
-        required={props.required}
-      ></Host>
-    );
-  },
-  { tagName: "input" }
-);
+import { Fragment, component$, h } from "@builder.io/qwik";
+export const FormInputComponent = component$((props) => {
+  return (
+    <input
+      {...props.attributes}
+      key={
+        isEditing() && props.defaultValue ? props.defaultValue : "default-key"
+      }
+      placeholder={props.placeholder}
+      type={props.type}
+      name={props.name}
+      value={props.value}
+      defaultValue={props.defaultValue}
+      required={props.required}
+    ></input>
+  );
+});
 export default FormInputComponent;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [
-    {
-      imports: {
-        isEditing: "isEditing",
-      },
-      path: "../../functions/is-editing.js",
-    },
-  ],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        _spread: {
-          code: "props.attributes",
-        },
-        key: {
-          code: "isEditing() && props.defaultValue ? props.defaultValue : 'default-key'",
-        },
-        placeholder: {
-          code: "props.placeholder",
-        },
-        type: {
-          code: "props.type",
-        },
-        name: {
-          code: "props.name",
-        },
-        value: {
-          code: "props.value",
-        },
-        defaultValue: {
-          code: "props.defaultValue",
-        },
-        required: {
-          code: "props.required",
-        },
-      },
-      children: [],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "FormInputComponent",
-  subComponents: [],
-  interfaces: [
-    "export interface FormInputProps {\n  type?: string;\n  attributes?: any;\n  name?: string;\n  value?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  required?: boolean;\n}",
-  ],
-  propsTypeRef: "FormInputProps",
-};

package/src/blocks/raw-text/raw-text.jsx

@@ -1,53 +1,12 @@
 // GENERATED BY MITOSIS
 
-import { Fragment, Host, component$, h } from "@builder.io/qwik";
-export const RawText = component$(
-  (props) => {
-    return (
-      <Host
-        class={props.attributes?.class || props.attributes?.className}
-        dangerouslySetInnerHTML={props.text || ""}
-      ></Host>
-    );
-  },
-  { tagName: "span" }
-);
+import { Fragment, component$, h } from "@builder.io/qwik";
+export const RawText = component$((props) => {
+  return (
+    <span
+      class={props.attributes?.class || props.attributes?.className}
+      dangerouslySetInnerHTML={props.text || ""}
+    ></span>
+  );
+});
 export default RawText;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        class: {
-          code: "props.attributes?.class || props.attributes?.className",
-        },
-        innerHTML: {
-          code: "props.text || ''",
-        },
-      },
-      children: [],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "RawText",
-  subComponents: [],
-  interfaces: [
-    "export interface RawTextProps {\n  attributes?: any;\n  text?: string; // builderBlock?: any;\n\n}",
-  ],
-  propsTypeRef: "RawTextProps",
-};

package/src/blocks/section/section.jsx

@@ -1,97 +1,20 @@
 // GENERATED BY MITOSIS
 
-import { Fragment, Host, Slot, component$, h } from "@builder.io/qwik";
-export const SectionComponent = component$(
-  (props) => {
-    return (
-      <Host
-        {...props.attributes}
-        style={(() => {
-          props.maxWidth && typeof props.maxWidth === "number"
-            ? {
-                maxWidth: props.maxWidth,
-              }
-            : undefined;
-        })()}
-      >
-        <Slot></Slot>
-      </Host>
-    );
-  },
-  { tagName: "section" }
-);
+import { Fragment, Slot, component$, h } from "@builder.io/qwik";
+export const SectionComponent = component$((props) => {
+  return (
+    <section
+      {...props.attributes}
+      style={(() => {
+        props.maxWidth && typeof props.maxWidth === "number"
+          ? {
+              maxWidth: props.maxWidth,
+            }
+          : undefined;
+      })()}
+    >
+      <Slot></Slot>
+    </section>
+  );
+});
 export default SectionComponent;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        _spread: {
-          code: "props.attributes",
-        },
-        style: {
-          code: "props.maxWidth && typeof props.maxWidth === 'number' ? {\n  maxWidth: props.maxWidth\n} : undefined",
-        },
-      },
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            _text: {
-              code: "props.children",
-            },
-          },
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n    ",
-          },
-          bindings: {},
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "SectionComponent",
-  subComponents: [],
-  interfaces: [
-    "export interface SectionProps {\n  maxWidth?: number;\n  attributes?: any;\n  children?: any;\n  builderBlock?: any;\n}",
-  ],
-  propsTypeRef: "SectionProps",
-};

package/src/blocks/select/select.jsx

@@ -1,149 +1,24 @@
 // GENERATED BY MITOSIS
 
 import { isEditing } from "../../functions/is-editing.js";
-import { Fragment, Host, component$, h } from "@builder.io/qwik";
-export const SelectComponent = component$(
-  (props) => {
-    return (
-      <Host
-        {...props.attributes}
-        value={props.value}
-        key={
-          isEditing() && props.defaultValue ? props.defaultValue : "default-key"
-        }
-        defaultValue={props.defaultValue}
-        name={props.name}
-      >
-        {(props.options || []).map((option) => {
-          return (
-            <option value={option.value}>{option.name || option.value}</option>
-          );
-        })}
-      </Host>
-    );
-  },
-  { tagName: "select" }
-);
+import { Fragment, component$, h } from "@builder.io/qwik";
+export const SelectComponent = component$((props) => {
+  return (
+    <select
+      {...props.attributes}
+      value={props.value}
+      key={
+        isEditing() && props.defaultValue ? props.defaultValue : "default-key"
+      }
+      defaultValue={props.defaultValue}
+      name={props.name}
+    >
+      {(props.options || []).map((option) => {
+        return (
+          <option value={option.value}>{option.name || option.value}</option>
+        );
+      })}
+    </select>
+  );
+});
 export default SelectComponent;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [
-    {
-      imports: {
-        isEditing: "isEditing",
-      },
-      path: "../../functions/is-editing.js",
-    },
-  ],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        _spread: {
-          code: "props.attributes",
-        },
-        value: {
-          code: "props.value",
-        },
-        key: {
-          code: "isEditing() && props.defaultValue ? props.defaultValue : 'default-key'",
-        },
-        defaultValue: {
-          code: "props.defaultValue",
-        },
-        name: {
-          code: "props.name",
-        },
-      },
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "For",
-          meta: {},
-          scope: {
-            For: ["option"],
-          },
-          properties: {
-            _forName: "option",
-          },
-          bindings: {
-            each: {
-              code: "props.options",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "option",
-              meta: {},
-              scope: {},
-              properties: {},
-              bindings: {
-                value: {
-                  code: "option.value",
-                },
-              },
-              children: [
-                {
-                  "@type": "@builder.io/mitosis/node",
-                  name: "div",
-                  meta: {},
-                  scope: {},
-                  properties: {},
-                  bindings: {
-                    _text: {
-                      code: "option.name || option.value",
-                    },
-                  },
-                  children: [],
-                },
-              ],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n    ",
-          },
-          bindings: {},
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "SelectComponent",
-  subComponents: [],
-  interfaces: [
-    "export interface FormSelectProps {\n  options?: {\n    name?: string;\n    value: string;\n  }[];\n  attributes?: any;\n  name?: string;\n  value?: string;\n  defaultValue?: string;\n}",
-  ],
-  propsTypeRef: "FormSelectProps",
-};

package/src/blocks/submit-button/submit-button.jsx

@@ -1,87 +1,11 @@
 // GENERATED BY MITOSIS
 
-import { Fragment, Host, component$, h } from "@builder.io/qwik";
-export const SubmitButton = component$(
-  (props) => {
-    return (
-      <Host type="submit" {...props.attributes}>
-        <>{props.text}</>
-      </Host>
-    );
-  },
-  { tagName: "button" }
-);
+import { Fragment, component$, h } from "@builder.io/qwik";
+export const SubmitButton = component$((props) => {
+  return (
+    <button type="submit" {...props.attributes}>
+      {props.text}
+    </button>
+  );
+});
 export default SubmitButton;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {
-        type: "submit",
-      },
-      bindings: {
-        _spread: {
-          code: "props.attributes",
-        },
-      },
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            _text: {
-              code: "props.text",
-            },
-          },
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n    ",
-          },
-          bindings: {},
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "SubmitButton",
-  subComponents: [],
-  interfaces: [
-    "export interface ButtonProps {\n  attributes?: any;\n  text?: string;\n}",
-  ],
-  propsTypeRef: "ButtonProps",
-};