xote 4.3.1 → 4.4.1

package/src/Xote__JSX.res.mjs

@@ -71,13 +71,17 @@ function propsToAttrs(props) {
   if (v$3 !== undefined) {
     attrs.push(convertAttrValue("type", Primitive_option.valFromOption(v$3)));
   }
-  let v$4 = props.value;
+  let v$4 = props.name;
   if (v$4 !== undefined) {
-    attrs.push(convertAttrValue("value", Primitive_option.valFromOption(v$4)));
+    attrs.push(convertAttrValue("name", Primitive_option.valFromOption(v$4)));
   }
-  let v$5 = props.placeholder;
+  let v$5 = props.value;
   if (v$5 !== undefined) {
-    attrs.push(convertAttrValue("placeholder", Primitive_option.valFromOption(v$5)));
+    attrs.push(convertAttrValue("value", Primitive_option.valFromOption(v$5)));
+  }
+  let v$6 = props.placeholder;
+  if (v$6 !== undefined) {
+    attrs.push(convertAttrValue("placeholder", Primitive_option.valFromOption(v$6)));
   }
   let match = props.disabled;
   if (match !== undefined && match) {
@@ -87,13 +91,121 @@ function propsToAttrs(props) {
   if (match$1 !== undefined && match$1) {
     attrs.push(Xote__Component.attr("checked", "true"));
   }
-  let v$6 = props.href;
-  if (v$6 !== undefined) {
-    attrs.push(convertAttrValue("href", Primitive_option.valFromOption(v$6)));
+  let match$2 = props.required;
+  if (match$2 !== undefined && match$2) {
+    attrs.push(Xote__Component.attr("required", "true"));
   }
-  let v$7 = props.target;
+  let match$3 = props.readOnly;
+  if (match$3 !== undefined && match$3) {
+    attrs.push(Xote__Component.attr("readonly", "true"));
+  }
+  let v$7 = props.maxLength;
   if (v$7 !== undefined) {
-    attrs.push(convertAttrValue("target", Primitive_option.valFromOption(v$7)));
+    attrs.push(Xote__Component.attr("maxlength", v$7.toString()));
+  }
+  let v$8 = props.minLength;
+  if (v$8 !== undefined) {
+    attrs.push(Xote__Component.attr("minlength", v$8.toString()));
+  }
+  let v$9 = props.min;
+  if (v$9 !== undefined) {
+    attrs.push(convertAttrValue("min", Primitive_option.valFromOption(v$9)));
+  }
+  let v$10 = props.max;
+  if (v$10 !== undefined) {
+    attrs.push(convertAttrValue("max", Primitive_option.valFromOption(v$10)));
+  }
+  let v$11 = props.step;
+  if (v$11 !== undefined) {
+    attrs.push(convertAttrValue("step", Primitive_option.valFromOption(v$11)));
+  }
+  let v$12 = props.pattern;
+  if (v$12 !== undefined) {
+    attrs.push(convertAttrValue("pattern", Primitive_option.valFromOption(v$12)));
+  }
+  let v$13 = props.autoComplete;
+  if (v$13 !== undefined) {
+    attrs.push(convertAttrValue("autocomplete", Primitive_option.valFromOption(v$13)));
+  }
+  let match$4 = props.multiple;
+  if (match$4 !== undefined && match$4) {
+    attrs.push(Xote__Component.attr("multiple", "true"));
+  }
+  let v$14 = props.accept;
+  if (v$14 !== undefined) {
+    attrs.push(convertAttrValue("accept", Primitive_option.valFromOption(v$14)));
+  }
+  let v$15 = props.rows;
+  if (v$15 !== undefined) {
+    attrs.push(Xote__Component.attr("rows", v$15.toString()));
+  }
+  let v$16 = props.cols;
+  if (v$16 !== undefined) {
+    attrs.push(Xote__Component.attr("cols", v$16.toString()));
+  }
+  let v$17 = props.for;
+  if (v$17 !== undefined) {
+    attrs.push(convertAttrValue("for", Primitive_option.valFromOption(v$17)));
+  }
+  let v$18 = props.href;
+  if (v$18 !== undefined) {
+    attrs.push(convertAttrValue("href", Primitive_option.valFromOption(v$18)));
+  }
+  let v$19 = props.target;
+  if (v$19 !== undefined) {
+    attrs.push(convertAttrValue("target", Primitive_option.valFromOption(v$19)));
+  }
+  let v$20 = props.src;
+  if (v$20 !== undefined) {
+    attrs.push(convertAttrValue("src", Primitive_option.valFromOption(v$20)));
+  }
+  let v$21 = props.alt;
+  if (v$21 !== undefined) {
+    attrs.push(convertAttrValue("alt", Primitive_option.valFromOption(v$21)));
+  }
+  let v$22 = props.width;
+  if (v$22 !== undefined) {
+    attrs.push(convertAttrValue("width", Primitive_option.valFromOption(v$22)));
+  }
+  let v$23 = props.height;
+  if (v$23 !== undefined) {
+    attrs.push(convertAttrValue("height", Primitive_option.valFromOption(v$23)));
+  }
+  let v$24 = props.role;
+  if (v$24 !== undefined) {
+    attrs.push(convertAttrValue("role", Primitive_option.valFromOption(v$24)));
+  }
+  let v$25 = props.tabIndex;
+  if (v$25 !== undefined) {
+    attrs.push(Xote__Component.attr("tabindex", v$25.toString()));
+  }
+  let v$26 = props["aria-label"];
+  if (v$26 !== undefined) {
+    attrs.push(convertAttrValue("aria-label", Primitive_option.valFromOption(v$26)));
+  }
+  let match$5 = props["aria-hidden"];
+  if (match$5 !== undefined) {
+    if (match$5) {
+      attrs.push(Xote__Component.attr("aria-hidden", "true"));
+    } else {
+      attrs.push(Xote__Component.attr("aria-hidden", "false"));
+    }
+  }
+  let match$6 = props["aria-expanded"];
+  if (match$6 !== undefined) {
+    if (match$6) {
+      attrs.push(Xote__Component.attr("aria-expanded", "true"));
+    } else {
+      attrs.push(Xote__Component.attr("aria-expanded", "false"));
+    }
+  }
+  let match$7 = props["aria-selected"];
+  if (match$7 !== undefined) {
+    if (match$7) {
+      attrs.push(Xote__Component.attr("aria-selected", "true"));
+    } else {
+      attrs.push(Xote__Component.attr("aria-selected", "false"));
+    }
   }
   let _dataObj = props.data;
   if (_dataObj !== undefined) {