@builder.io/sdk-solid 1.0.35 → 1.0.36

package/lib/browser/dev.js

@@ -4086,6 +4086,9 @@ function SelectComponent(props) {
       },
       get name() {
         return props.name;
+      },
+      get required() {
+        return props.required;
       }
     }), false, true);
     insert(_el$, createComponent(For, {
@@ -4146,8 +4149,72 @@ function SubmitButton(props) {
 }
 var submit_button_default = SubmitButton;
 
-// src/blocks/img/component-info.ts
+// src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: true,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: true,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: false
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+var _tmpl$17 = /* @__PURE__ */ template(`<textarea>`);
+function Textarea(props) {
+  return (() => {
+    const _el$ = _tmpl$17();
+    spread(_el$, mergeProps({}, () => props.attributes, {
+      get placeholder() {
+        return props.placeholder;
+      },
+      get name() {
+        return props.name;
+      },
+      get value() {
+        return props.value;
+      },
+      get defaultValue() {
+        return props.defaultValue;
+      },
+      get required() {
+        return props.required;
+      }
+    }), false, false);
+    return _el$;
+  })();
+}
+var textarea_default = Textarea;
+
+// src/blocks/img/component-info.ts
+var componentInfo18 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4162,10 +4229,10 @@ var componentInfo17 = {
   noWrap: true,
   static: true
 };
-var _tmpl$17 = /* @__PURE__ */ template(`<img>`);
+var _tmpl$18 = /* @__PURE__ */ template(`<img>`);
 function ImgComponent(props) {
   return (() => {
-    const _el$ = _tmpl$17();
+    const _el$ = _tmpl$18();
     spread(_el$, mergeProps({
       get style() {
         return {
@@ -4189,7 +4256,7 @@ function ImgComponent(props) {
 var img_default = ImgComponent;
 
 // src/blocks/video/component-info.ts
-var componentInfo18 = {
+var componentInfo19 = {
   name: "Video",
   canHaveChildren: true,
   defaultStyles: {
@@ -4271,7 +4338,7 @@ var componentInfo18 = {
     advanced: true
   }]
 };
-var _tmpl$18 = /* @__PURE__ */ template(`<source type=video/mp4>`);
+var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
 var _tmpl$28 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$35 = /* @__PURE__ */ template(`<div><video class=builder-video>`);
 function Video(props) {
@@ -4334,7 +4401,7 @@ function Video(props) {
         return !props.lazyLoad;
       },
       get children() {
-        const _el$3 = _tmpl$18();
+        const _el$3 = _tmpl$19();
         effect(() => setAttribute(_el$3, "src", props.video));
         return _el$3;
       }
@@ -4408,12 +4475,15 @@ var getExtraComponents = () => [{
 }, {
   component: select_default,
   ...componentInfo15
+}, {
+  component: textarea_default,
+  ...componentInfo17
 }], {
   component: img_default,
-  ...componentInfo17
+  ...componentInfo18
 }, {
   component: video_default,
-  ...componentInfo18
+  ...componentInfo19
 }];
 
 // src/constants/builder-registered-components.ts
@@ -4516,10 +4586,10 @@ var getUpdateVariantVisibilityScript = ({
 }) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${variationId}", "${contentId}", ${isHydrationTarget}
   )`;
-var _tmpl$19 = /* @__PURE__ */ template(`<script>`);
+var _tmpl$20 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {
-    const _el$ = _tmpl$19();
+    const _el$ = _tmpl$20();
     effect((_p$) => {
       const _v$ = props.scriptStr, _v$2 = props.id;
       _v$ !== _p$._v$ && (_el$.innerHTML = _p$._v$ = _v$);
@@ -5033,7 +5103,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.35";
+var SDK_VERSION = "1.0.36";
 
 // src/functions/register.ts
 var registry = {};
@@ -6017,7 +6087,7 @@ var fetchSymbolContent = async ({
 };
 
 // src/blocks/symbol/symbol.tsx
-var _tmpl$20 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$21 = /* @__PURE__ */ template(`<div>`);
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
   const blocksWrapper = createMemo(() => {
@@ -6049,7 +6119,7 @@ function Symbol(props) {
   }
   createEffect(on(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return (() => {
-    const _el$ = _tmpl$20();
+    const _el$ = _tmpl$21();
     spread(_el$, mergeProps({
       get ["class"]() {
         return className();

package/lib/browser/dev.jsx

@@ -3667,6 +3667,7 @@ function SelectComponent(props) {
     key={isEditing() && props.defaultValue ? props.defaultValue : "default-key"}
     defaultValue={props.defaultValue}
     name={props.name}
+    required={props.required}
   ><For8 each={props.options}>{(option, _index) => {
     const index = _index();
     return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
@@ -3708,8 +3709,61 @@ function SubmitButton(props) {
 }
 var submit_button_default = SubmitButton;
 
-// src/blocks/img/component-info.ts
+// src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: true,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: true,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: false
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+
+// src/blocks/form/textarea/textarea.tsx
+function Textarea(props) {
+  return <><textarea
+    {...{}}
+    {...props.attributes}
+    placeholder={props.placeholder}
+    name={props.name}
+    value={props.value}
+    defaultValue={props.defaultValue}
+    required={props.required}
+  /></>;
+}
+var textarea_default = Textarea;
+
+// src/blocks/img/component-info.ts
+var componentInfo18 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -3742,7 +3796,7 @@ function ImgComponent(props) {
 var img_default = ImgComponent;
 
 // src/blocks/video/component-info.ts
-var componentInfo18 = {
+var componentInfo19 = {
   name: "Video",
   canHaveChildren: true,
   defaultStyles: {
@@ -3931,12 +3985,15 @@ var getExtraComponents = () => [{
 }, {
   component: select_default,
   ...componentInfo15
+}, {
+  component: textarea_default,
+  ...componentInfo17
 }], {
   component: img_default,
-  ...componentInfo17
+  ...componentInfo18
 }, {
   component: video_default,
-  ...componentInfo18
+  ...componentInfo19
 }];
 
 // src/constants/builder-registered-components.ts
@@ -4556,7 +4613,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.35";
+var SDK_VERSION = "1.0.36";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/index.js

@@ -4076,6 +4076,9 @@ function SelectComponent(props) {
       },
       get name() {
         return props.name;
+      },
+      get required() {
+        return props.required;
       }
     }), false, true);
     insert(_el$, createComponent(For, {
@@ -4136,8 +4139,72 @@ function SubmitButton(props) {
 }
 var submit_button_default = SubmitButton;
 
-// src/blocks/img/component-info.ts
+// src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: true,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: true,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: false
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+var _tmpl$17 = /* @__PURE__ */ template(`<textarea>`);
+function Textarea(props) {
+  return (() => {
+    const _el$ = _tmpl$17();
+    spread(_el$, mergeProps({}, () => props.attributes, {
+      get placeholder() {
+        return props.placeholder;
+      },
+      get name() {
+        return props.name;
+      },
+      get value() {
+        return props.value;
+      },
+      get defaultValue() {
+        return props.defaultValue;
+      },
+      get required() {
+        return props.required;
+      }
+    }), false, false);
+    return _el$;
+  })();
+}
+var textarea_default = Textarea;
+
+// src/blocks/img/component-info.ts
+var componentInfo18 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4152,10 +4219,10 @@ var componentInfo17 = {
   noWrap: true,
   static: true
 };
-var _tmpl$17 = /* @__PURE__ */ template(`<img>`);
+var _tmpl$18 = /* @__PURE__ */ template(`<img>`);
 function ImgComponent(props) {
   return (() => {
-    const _el$ = _tmpl$17();
+    const _el$ = _tmpl$18();
     spread(_el$, mergeProps({
       get style() {
         return {
@@ -4179,7 +4246,7 @@ function ImgComponent(props) {
 var img_default = ImgComponent;
 
 // src/blocks/video/component-info.ts
-var componentInfo18 = {
+var componentInfo19 = {
   name: "Video",
   canHaveChildren: true,
   defaultStyles: {
@@ -4261,7 +4328,7 @@ var componentInfo18 = {
     advanced: true
   }]
 };
-var _tmpl$18 = /* @__PURE__ */ template(`<source type=video/mp4>`);
+var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
 var _tmpl$28 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$35 = /* @__PURE__ */ template(`<div><video class=builder-video>`);
 function Video(props) {
@@ -4324,7 +4391,7 @@ function Video(props) {
         return !props.lazyLoad;
       },
       get children() {
-        const _el$3 = _tmpl$18();
+        const _el$3 = _tmpl$19();
         effect(() => setAttribute(_el$3, "src", props.video));
         return _el$3;
       }
@@ -4398,12 +4465,15 @@ var getExtraComponents = () => [{
 }, {
   component: select_default,
   ...componentInfo15
+}, {
+  component: textarea_default,
+  ...componentInfo17
 }], {
   component: img_default,
-  ...componentInfo17
+  ...componentInfo18
 }, {
   component: video_default,
-  ...componentInfo18
+  ...componentInfo19
 }];
 
 // src/constants/builder-registered-components.ts
@@ -4506,10 +4576,10 @@ var getUpdateVariantVisibilityScript = ({
 }) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${variationId}", "${contentId}", ${isHydrationTarget}
   )`;
-var _tmpl$19 = /* @__PURE__ */ template(`<script>`);
+var _tmpl$20 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {
-    const _el$ = _tmpl$19();
+    const _el$ = _tmpl$20();
     effect((_p$) => {
       const _v$ = props.scriptStr, _v$2 = props.id;
       _v$ !== _p$._v$ && (_el$.innerHTML = _p$._v$ = _v$);
@@ -5018,7 +5088,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.35";
+var SDK_VERSION = "1.0.36";
 
 // src/functions/register.ts
 var registry = {};
@@ -6000,7 +6070,7 @@ var fetchSymbolContent = async ({
 };
 
 // src/blocks/symbol/symbol.tsx
-var _tmpl$20 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$21 = /* @__PURE__ */ template(`<div>`);
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
   const blocksWrapper = createMemo(() => {
@@ -6032,7 +6102,7 @@ function Symbol(props) {
   }
   createEffect(on(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return (() => {
-    const _el$ = _tmpl$20();
+    const _el$ = _tmpl$21();
     spread(_el$, mergeProps({
       get ["class"]() {
         return className();

package/lib/browser/index.jsx

@@ -3657,6 +3657,7 @@ function SelectComponent(props) {
     key={isEditing() && props.defaultValue ? props.defaultValue : "default-key"}
     defaultValue={props.defaultValue}
     name={props.name}
+    required={props.required}
   ><For8 each={props.options}>{(option, _index) => {
     const index = _index();
     return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
@@ -3698,8 +3699,61 @@ function SubmitButton(props) {
 }
 var submit_button_default = SubmitButton;
 
-// src/blocks/img/component-info.ts
+// src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: true,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: true,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: false
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+
+// src/blocks/form/textarea/textarea.tsx
+function Textarea(props) {
+  return <><textarea
+    {...{}}
+    {...props.attributes}
+    placeholder={props.placeholder}
+    name={props.name}
+    value={props.value}
+    defaultValue={props.defaultValue}
+    required={props.required}
+  /></>;
+}
+var textarea_default = Textarea;
+
+// src/blocks/img/component-info.ts
+var componentInfo18 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -3732,7 +3786,7 @@ function ImgComponent(props) {
 var img_default = ImgComponent;
 
 // src/blocks/video/component-info.ts
-var componentInfo18 = {
+var componentInfo19 = {
   name: "Video",
   canHaveChildren: true,
   defaultStyles: {
@@ -3921,12 +3975,15 @@ var getExtraComponents = () => [{
 }, {
   component: select_default,
   ...componentInfo15
+}, {
+  component: textarea_default,
+  ...componentInfo17
 }], {
   component: img_default,
-  ...componentInfo17
+  ...componentInfo18
 }, {
   component: video_default,
-  ...componentInfo18
+  ...componentInfo19
 }];
 
 // src/constants/builder-registered-components.ts
@@ -4541,7 +4598,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.35";
+var SDK_VERSION = "1.0.36";
 
 // src/functions/register.ts
 var registry = {};