@builder.io/sdk-qwik 0.0.8 → 0.0.9

package/src/blocks/input/component-info.js

@@ -0,0 +1,74 @@
+const componentInfo = {
+  name: "Form:Input",
+  builtIn: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
+  inputs: [
+    {
+      name: "type",
+      type: "text",
+      enum: [
+        "text",
+        "number",
+        "email",
+        "url",
+        "checkbox",
+        "radio",
+        "range",
+        "date",
+        "datetime-local",
+        "search",
+        "tel",
+        "time",
+        "file",
+        "month",
+        "week",
+        "password",
+        "color",
+        "hidden"
+      ],
+      defaultValue: "text"
+    },
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"'
+    },
+    {
+      name: "placeholder",
+      type: "string",
+      defaultValue: "Hello there",
+      helperText: "Text to display when there is no value"
+    },
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "value",
+      type: "string",
+      advanced: true
+    },
+    {
+      name: "required",
+      type: "boolean",
+      helperText: "Is this input required to be filled out to submit a form",
+      defaultValue: false
+    }
+  ],
+  noWrap: true,
+  static: true,
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  }
+};
+export {
+  componentInfo
+};

package/src/blocks/input/input.jsx

@@ -0,0 +1,87 @@
+// 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" }
+);
+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/component-info.js

@@ -0,0 +1,16 @@
+const componentInfo = {
+  name: "Builder:RawText",
+  hideFromInsertMenu: true,
+  builtIn: true,
+  inputs: [
+    {
+      name: "text",
+      bubble: true,
+      type: "longText",
+      required: true
+    }
+  ]
+};
+export {
+  componentInfo
+};

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

@@ -0,0 +1,53 @@
+// 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" }
+);
+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/component-info.js

@@ -0,0 +1,49 @@
+const componentInfo = {
+  name: "Core:Section",
+  static: true,
+  builtIn: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
+  inputs: [
+    {
+      name: "maxWidth",
+      type: "number",
+      defaultValue: 1200
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      description: "Only render this section when in view"
+    }
+  ],
+  defaultStyles: {
+    paddingLeft: "20px",
+    paddingRight: "20px",
+    paddingTop: "50px",
+    paddingBottom: "50px",
+    marginTop: "0px",
+    width: "100vw",
+    marginLeft: "calc(50% - 50vw)"
+  },
+  canHaveChildren: true,
+  defaultChildren: [
+    {
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          textAlign: "center"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
+        }
+      }
+    }
+  ]
+};
+export {
+  componentInfo
+};

package/src/blocks/section/section.jsx

@@ -0,0 +1,97 @@
+// 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" }
+);
+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/component-info.js

@@ -0,0 +1,59 @@
+const componentInfo = {
+  name: "Form:Select",
+  builtIn: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
+  defaultStyles: {
+    alignSelf: "flex-start"
+  },
+  inputs: [
+    {
+      name: "options",
+      type: "list",
+      required: true,
+      subFields: [
+        {
+          name: "value",
+          type: "text",
+          required: true
+        },
+        {
+          name: "name",
+          type: "text"
+        }
+      ],
+      defaultValue: [
+        {
+          value: "option 1"
+        },
+        {
+          value: "option 2"
+        }
+      ]
+    },
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"'
+    },
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "value",
+      type: "string",
+      advanced: true
+    },
+    {
+      name: "required",
+      type: "boolean",
+      defaultValue: false
+    }
+  ],
+  static: true,
+  noWrap: true
+};
+export {
+  componentInfo
+};

package/src/blocks/select/select.jsx

@@ -0,0 +1,149 @@
+// 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" }
+);
+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/component-info.js

@@ -0,0 +1,28 @@
+const componentInfo = {
+  name: "Form:SubmitButton",
+  builtIn: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#3898EC",
+    color: "white",
+    borderRadius: "4px",
+    cursor: "pointer"
+  },
+  inputs: [
+    {
+      name: "text",
+      type: "text",
+      defaultValue: "Click me"
+    }
+  ],
+  static: true,
+  noWrap: true
+};
+export {
+  componentInfo
+};

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

@@ -0,0 +1,87 @@
+// 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" }
+);
+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",
+};