xote 4.4.3 → 4.5.0

package/src/Xote__JSX.res.mjs

@@ -9,18 +9,10 @@ function jsx(component, props) {
   return component(props);
 }
 
-function jsxs(component, props) {
-  return component(props);
-}
-
 function jsxKeyed(component, props, key, param) {
   return component(props);
 }
 
-function jsxsKeyed(component, props, key, param) {
-  return component(props);
-}
-
 function jsxFragment(props) {
   let child = props.children;
   if (child !== undefined) {
@@ -77,148 +69,57 @@ function convertBoolAttrValue(key, value) {
   return Xote__Component.signalAttr(key, strSignal);
 }
 
-function propsToAttrs(props) {
-  let attrs = [];
-  let v = props.id;
-  if (v !== undefined) {
-    attrs.push(convertAttrValue("id", Primitive_option.valFromOption(v)));
-  }
-  let v$1 = props.class;
-  if (v$1 !== undefined) {
-    attrs.push(convertAttrValue("class", Primitive_option.valFromOption(v$1)));
-  }
-  let v$2 = props.style;
-  if (v$2 !== undefined) {
-    attrs.push(convertAttrValue("style", Primitive_option.valFromOption(v$2)));
-  }
-  let v$3 = props.type;
-  if (v$3 !== undefined) {
-    attrs.push(convertAttrValue("type", Primitive_option.valFromOption(v$3)));
-  }
-  let v$4 = props.name;
-  if (v$4 !== undefined) {
-    attrs.push(convertAttrValue("name", Primitive_option.valFromOption(v$4)));
-  }
-  let v$5 = props.value;
-  if (v$5 !== undefined) {
-    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 v$7 = props.disabled;
-  if (v$7 !== undefined) {
-    attrs.push(convertBoolAttrValue("disabled", Primitive_option.valFromOption(v$7)));
-  }
-  let v$8 = props.checked;
-  if (v$8 !== undefined) {
-    attrs.push(convertBoolAttrValue("checked", Primitive_option.valFromOption(v$8)));
-  }
-  let v$9 = props.required;
-  if (v$9 !== undefined) {
-    attrs.push(convertBoolAttrValue("required", Primitive_option.valFromOption(v$9)));
-  }
-  let v$10 = props.readOnly;
-  if (v$10 !== undefined) {
-    attrs.push(convertBoolAttrValue("readonly", Primitive_option.valFromOption(v$10)));
-  }
-  let v$11 = props.maxLength;
-  if (v$11 !== undefined) {
-    attrs.push(Xote__Component.attr("maxlength", v$11.toString()));
-  }
-  let v$12 = props.minLength;
-  if (v$12 !== undefined) {
-    attrs.push(Xote__Component.attr("minlength", v$12.toString()));
-  }
-  let v$13 = props.min;
-  if (v$13 !== undefined) {
-    attrs.push(convertAttrValue("min", Primitive_option.valFromOption(v$13)));
-  }
-  let v$14 = props.max;
-  if (v$14 !== undefined) {
-    attrs.push(convertAttrValue("max", Primitive_option.valFromOption(v$14)));
+function addAttr(attrs, opt, key, converter) {
+  if (opt !== undefined) {
+    attrs.push(converter(key, Primitive_option.valFromOption(opt)));
+    return;
   }
-  let v$15 = props.step;
-  if (v$15 !== undefined) {
-    attrs.push(convertAttrValue("step", Primitive_option.valFromOption(v$15)));
-  }
-  let v$16 = props.pattern;
-  if (v$16 !== undefined) {
-    attrs.push(convertAttrValue("pattern", Primitive_option.valFromOption(v$16)));
-  }
-  let v$17 = props.autoComplete;
-  if (v$17 !== undefined) {
-    attrs.push(convertAttrValue("autocomplete", Primitive_option.valFromOption(v$17)));
-  }
-  let v$18 = props.multiple;
-  if (v$18 !== undefined) {
-    attrs.push(convertBoolAttrValue("multiple", Primitive_option.valFromOption(v$18)));
-  }
-  let v$19 = props.accept;
-  if (v$19 !== undefined) {
-    attrs.push(convertAttrValue("accept", Primitive_option.valFromOption(v$19)));
-  }
-  let v$20 = props.rows;
-  if (v$20 !== undefined) {
-    attrs.push(Xote__Component.attr("rows", v$20.toString()));
-  }
-  let v$21 = props.cols;
-  if (v$21 !== undefined) {
-    attrs.push(Xote__Component.attr("cols", v$21.toString()));
-  }
-  let v$22 = props.for;
-  if (v$22 !== undefined) {
-    attrs.push(convertAttrValue("for", Primitive_option.valFromOption(v$22)));
-  }
-  let v$23 = props.href;
-  if (v$23 !== undefined) {
-    attrs.push(convertAttrValue("href", Primitive_option.valFromOption(v$23)));
-  }
-  let v$24 = props.target;
-  if (v$24 !== undefined) {
-    attrs.push(convertAttrValue("target", Primitive_option.valFromOption(v$24)));
-  }
-  let v$25 = props.src;
-  if (v$25 !== undefined) {
-    attrs.push(convertAttrValue("src", Primitive_option.valFromOption(v$25)));
-  }
-  let v$26 = props.alt;
-  if (v$26 !== undefined) {
-    attrs.push(convertAttrValue("alt", Primitive_option.valFromOption(v$26)));
-  }
-  let v$27 = props.width;
-  if (v$27 !== undefined) {
-    attrs.push(convertAttrValue("width", Primitive_option.valFromOption(v$27)));
-  }
-  let v$28 = props.height;
-  if (v$28 !== undefined) {
-    attrs.push(convertAttrValue("height", Primitive_option.valFromOption(v$28)));
-  }
-  let v$29 = props.role;
-  if (v$29 !== undefined) {
-    attrs.push(convertAttrValue("role", Primitive_option.valFromOption(v$29)));
-  }
-  let v$30 = props.tabIndex;
-  if (v$30 !== undefined) {
-    attrs.push(Xote__Component.attr("tabindex", v$30.toString()));
-  }
-  let v$31 = props["aria-label"];
-  if (v$31 !== undefined) {
-    attrs.push(convertAttrValue("aria-label", Primitive_option.valFromOption(v$31)));
-  }
-  let v$32 = props["aria-hidden"];
-  if (v$32 !== undefined) {
-    attrs.push(convertBoolAttrValue("aria-hidden", Primitive_option.valFromOption(v$32)));
-  }
-  let v$33 = props["aria-expanded"];
-  if (v$33 !== undefined) {
-    attrs.push(convertBoolAttrValue("aria-expanded", Primitive_option.valFromOption(v$33)));
-  }
-  let v$34 = props["aria-selected"];
-  if (v$34 !== undefined) {
-    attrs.push(convertBoolAttrValue("aria-selected", Primitive_option.valFromOption(v$34)));
+}
+
+function addIntAttr(attrs, opt, key) {
+  if (opt !== undefined) {
+    attrs.push(Xote__Component.attr(key, opt.toString()));
+    return;
   }
+}
+
+function propsToAttrs(props) {
+  let attrs = [];
+  addAttr(attrs, props.id, "id", convertAttrValue);
+  addAttr(attrs, props.class, "class", convertAttrValue);
+  addAttr(attrs, props.style, "style", convertAttrValue);
+  addAttr(attrs, props.type, "type", convertAttrValue);
+  addAttr(attrs, props.name, "name", convertAttrValue);
+  addAttr(attrs, props.value, "value", convertAttrValue);
+  addAttr(attrs, props.placeholder, "placeholder", convertAttrValue);
+  addAttr(attrs, props.disabled, "disabled", convertBoolAttrValue);
+  addAttr(attrs, props.checked, "checked", convertBoolAttrValue);
+  addAttr(attrs, props.required, "required", convertBoolAttrValue);
+  addAttr(attrs, props.readOnly, "readonly", convertBoolAttrValue);
+  addIntAttr(attrs, props.maxLength, "maxlength");
+  addIntAttr(attrs, props.minLength, "minlength");
+  addAttr(attrs, props.min, "min", convertAttrValue);
+  addAttr(attrs, props.max, "max", convertAttrValue);
+  addAttr(attrs, props.step, "step", convertAttrValue);
+  addAttr(attrs, props.pattern, "pattern", convertAttrValue);
+  addAttr(attrs, props.autoComplete, "autocomplete", convertAttrValue);
+  addAttr(attrs, props.multiple, "multiple", convertBoolAttrValue);
+  addAttr(attrs, props.accept, "accept", convertAttrValue);
+  addIntAttr(attrs, props.rows, "rows");
+  addIntAttr(attrs, props.cols, "cols");
+  addAttr(attrs, props.for, "for", convertAttrValue);
+  addAttr(attrs, props.href, "href", convertAttrValue);
+  addAttr(attrs, props.target, "target", convertAttrValue);
+  addAttr(attrs, props.src, "src", convertAttrValue);
+  addAttr(attrs, props.alt, "alt", convertAttrValue);
+  addAttr(attrs, props.width, "width", convertAttrValue);
+  addAttr(attrs, props.height, "height", convertAttrValue);
+  addAttr(attrs, props.role, "role", convertAttrValue);
+  addIntAttr(attrs, props.tabIndex, "tabindex");
+  addAttr(attrs, props["aria-label"], "aria-label", convertAttrValue);
+  addAttr(attrs, props["aria-hidden"], "aria-hidden", convertBoolAttrValue);
+  addAttr(attrs, props["aria-expanded"], "aria-expanded", convertBoolAttrValue);
+  addAttr(attrs, props["aria-selected"], "aria-selected", convertBoolAttrValue);
   let _dataObj = props.data;
   if (_dataObj !== undefined) {
     ((Object.entries(_dataObj).forEach(([key, value]) => {
@@ -228,78 +129,28 @@ function propsToAttrs(props) {
   return attrs;
 }
 
-function propsToEvents(props) {
-  let events = [];
-  let handler = props.onClick;
-  if (handler !== undefined) {
-    events.push([
-      "click",
-      handler
-    ]);
-  }
-  let handler$1 = props.onInput;
-  if (handler$1 !== undefined) {
-    events.push([
-      "input",
-      handler$1
-    ]);
-  }
-  let handler$2 = props.onChange;
-  if (handler$2 !== undefined) {
-    events.push([
-      "change",
-      handler$2
-    ]);
-  }
-  let handler$3 = props.onSubmit;
-  if (handler$3 !== undefined) {
+function addEvent(events, opt, eventName) {
+  if (opt !== undefined) {
     events.push([
-      "submit",
-      handler$3
-    ]);
-  }
-  let handler$4 = props.onFocus;
-  if (handler$4 !== undefined) {
-    events.push([
-      "focus",
-      handler$4
-    ]);
-  }
-  let handler$5 = props.onBlur;
-  if (handler$5 !== undefined) {
-    events.push([
-      "blur",
-      handler$5
-    ]);
-  }
-  let handler$6 = props.onKeyDown;
-  if (handler$6 !== undefined) {
-    events.push([
-      "keydown",
-      handler$6
-    ]);
-  }
-  let handler$7 = props.onKeyUp;
-  if (handler$7 !== undefined) {
-    events.push([
-      "keyup",
-      handler$7
-    ]);
-  }
-  let handler$8 = props.onMouseEnter;
-  if (handler$8 !== undefined) {
-    events.push([
-      "mouseenter",
-      handler$8
-    ]);
-  }
-  let handler$9 = props.onMouseLeave;
-  if (handler$9 !== undefined) {
-    events.push([
-      "mouseleave",
-      handler$9
+      eventName,
+      Primitive_option.valFromOption(opt)
     ]);
+    return;
   }
+}
+
+function propsToEvents(props) {
+  let events = [];
+  addEvent(events, props.onClick, "click");
+  addEvent(events, props.onInput, "input");
+  addEvent(events, props.onChange, "change");
+  addEvent(events, props.onSubmit, "submit");
+  addEvent(events, props.onFocus, "focus");
+  addEvent(events, props.onBlur, "blur");
+  addEvent(events, props.onKeyDown, "keydown");
+  addEvent(events, props.onKeyUp, "keyup");
+  addEvent(events, props.onMouseEnter, "mouseenter");
+  addEvent(events, props.onMouseLeave, "mouseleave");
   return events;
 }
 
@@ -328,33 +179,34 @@ function createElement(tag, props) {
 
 let jsx$1 = createElement;
 
-let jsxs$1 = createElement;
-
 function jsxKeyed$1(tag, props, key, param) {
   return createElement(tag, props);
 }
 
-function jsxsKeyed$1(tag, props, key, param) {
-  return createElement(tag, props);
-}
-
 let Elements = {
   signal: signal,
   computed: computed,
   convertAttrValue: convertAttrValue,
   convertBoolAttrValue: convertBoolAttrValue,
+  addAttr: addAttr,
+  addIntAttr: addIntAttr,
   propsToAttrs: propsToAttrs,
+  addEvent: addEvent,
   propsToEvents: propsToEvents,
   getChildren: getChildren,
   createElement: createElement,
   jsx: jsx$1,
-  jsxs: jsxs$1,
+  jsxs: jsx$1,
   jsxKeyed: jsxKeyed$1,
-  jsxsKeyed: jsxsKeyed$1
+  jsxsKeyed: jsxKeyed$1
 };
 
 let Component;
 
+let jsxs = jsx;
+
+let jsxsKeyed = jsxKeyed;
+
 export {
   Component,
   jsx,