basefn 1.10.0 → 1.11.0

package/src/components/Basefn__Sidebar.res

@@ -26,9 +26,9 @@ let sizeToString = (size: size) => {
 
 @jsx.component
 let make = (
-  ~logo: option<Component.node>=?,
+  ~logo: option<Node.node>=?,
   ~sections: array<navSection>,
-  ~footer: option<Component.node>=?,
+  ~footer: option<Node.node>=?,
   ~size: size=Md,
   ~collapsed: bool=false,
 ) => {
@@ -66,7 +66,7 @@ let make = (
         <div class="basefn-sidebar__section">
           {switch section.title {
           | Some(title) =>
-            <div class="basefn-sidebar__section-title"> {Component.text(title)} </div>
+            <div class="basefn-sidebar__section-title"> {Node.text(title)} </div>
           | None => <> </>
           }}
           {section.items
@@ -76,17 +76,17 @@ let make = (
 
             Router.link(
               ~to={item.url},
-              ~attrs=[Component.attr("class", itemClass)],
+              ~attrs=[Node.attr("class", itemClass)],
               ~children=[
-                <div class="basefn-sidebar__item-text"> {Component.text(item.label)} </div>,
+                <div class="basefn-sidebar__item-text"> {Node.text(item.label)} </div>,
               ],
               (),
             )
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </div>
       })
-      ->Component.fragment}
+      ->Node.fragment}
     </nav>
     {switch footer {
     | Some(footerContent) => <div class="basefn-sidebar__footer"> {footerContent} </div>

package/src/components/Basefn__Sidebar.res.mjs

@@ -1,8 +1,12 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
 import * as Basefn__Dom from "../Basefn__Dom.res.mjs";
+import * as Effect$Xote from "xote/src/Effect.res.mjs";
+import * as Router$Xote from "xote/src/Router.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 
 import './Basefn__Sidebar.css'
 ;
@@ -25,63 +29,63 @@ function Basefn__Sidebar(props) {
   let logo = props.logo;
   let size = __size !== undefined ? __size : "Md";
   let collapsed = __collapsed !== undefined ? __collapsed : false;
-  let scrolling = Xote.Signal.make(false, undefined, undefined);
+  let scrolling = Signal$Xote.make(false, undefined, undefined);
   let getSidebarClass = () => {
     let sizeClass = " basefn-sidebar--" + sizeToString(size);
     let collapsedClass = collapsed ? " basefn-sidebar--collapsed" : "";
     return "basefn-sidebar" + sizeClass + collapsedClass;
   };
-  Xote.Effect.run(() => Basefn__Dom.addEventListener("scroll", () => {
+  Effect$Xote.run(() => Basefn__Dom.addEventListener("scroll", () => {
     let scrollY = window.scrollY;
-    Xote.Signal.set(scrolling, scrollY >= 64);
+    Signal$Xote.set(scrolling, scrollY >= 64);
   }), undefined);
   let tmp;
   if (logo !== undefined) {
-    let $$class = Xote.Computed.make(() => "basefn-sidebar__header" + (
-      Xote.Signal.get(scrolling) ? " basefn-sidebar__header--scrolling" : ""
+    let $$class = Computed$Xote.make(() => "basefn-sidebar__header" + (
+      Signal$Xote.get(scrolling) ? " basefn-sidebar__header--scrolling" : ""
     ), undefined);
-    tmp = Xote__JSX.Elements.jsx("div", {
+    tmp = XoteJSX$Xote.Elements.jsx("div", {
       class: $$class,
-      children: Xote__JSX.Elements.jsx("div", {
+      children: XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-sidebar__logo",
         children: logo
       })
     });
   } else {
-    tmp = Xote__JSX.jsx(Xote__JSX.jsxFragment, {});
+    tmp = XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {});
   }
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: getSidebarClass(),
-    children: Xote__JSX.array([
+    children: XoteJSX$Xote.array([
       tmp,
-      Xote__JSX.Elements.jsx("nav", {
+      XoteJSX$Xote.Elements.jsx("nav", {
         class: "basefn-sidebar__nav",
-        children: Xote.Component.fragment(props.sections.map(section => {
+        children: Node$Xote.fragment(props.sections.map(section => {
           let title = section.title;
-          return Xote__JSX.Elements.jsxs("div", {
+          return XoteJSX$Xote.Elements.jsxs("div", {
             class: "basefn-sidebar__section",
-            children: Xote__JSX.array([
-              title !== undefined ? Xote__JSX.Elements.jsx("div", {
+            children: XoteJSX$Xote.array([
+              title !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-sidebar__section-title",
-                  children: Xote.Component.text(title)
-                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-              Xote.Component.fragment(section.items.map((item, index) => {
+                  children: Node$Xote.text(title)
+                }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+              Node$Xote.fragment(section.items.map((item, index) => {
                 let itemClass = "basefn-sidebar__item" + (
                   item.active ? " basefn-sidebar__item--active" : ""
                 );
-                return Xote.Router.link(item.url, [Xote.Component.attr("class", itemClass)], [Xote__JSX.Elements.jsx("div", {
+                return Router$Xote.link(item.url, [Node$Xote.attr("class", itemClass)], [XoteJSX$Xote.Elements.jsx("div", {
                     class: "basefn-sidebar__item-text",
-                    children: Xote.Component.text(item.label)
+                    children: Node$Xote.text(item.label)
                   })], undefined);
               }))
             ])
           });
         }))
       }),
-      footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+      footer !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-sidebar__footer",
           children: footer
-        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+        }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
     ])
   });
 }

package/src/components/Basefn__Skeleton.res.mjs

@@ -1,6 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Skeleton.css'
 ;
@@ -46,7 +46,7 @@ function Basefn__Skeleton(props) {
     let heightStyle = height !== undefined ? "height: " + height + ";" : "";
     return widthStyle + heightStyle;
   };
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: getClassName(),
     style: getStyle()
   });

package/src/components/Basefn__Slider.res

@@ -31,12 +31,12 @@ let make = (
         <div class="basefn-slider__header">
           {switch label {
           | Some(labelText) =>
-            <span class="basefn-slider__label"> {Component.text(labelText)} </span>
+            <span class="basefn-slider__label"> {Node.text(labelText)} </span>
           | None => <> </>
           }}
           {showValue
             ? <span class="basefn-slider__value">
-                {Component.textSignal(() => Float.toString(Signal.get(value)))}
+                {Node.signalText(() => Float.toString(Signal.get(value)))}
               </span>
             : <> </>}
         </div>
@@ -57,9 +57,9 @@ let make = (
         <div class="basefn-slider__markers">
           {markerLabels
           ->Array.map(marker => {
-            <span class="basefn-slider__marker"> {Component.text(marker)} </span>
+            <span class="basefn-slider__marker"> {Node.text(marker)} </span>
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </div>
       | None => <> </>
       }}

package/src/components/Basefn__Slider.res.mjs

@@ -1,9 +1,10 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
 import * as Core__Float from "@rescript/core/src/Core__Float.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
 import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Slider.css'
 ;
@@ -26,7 +27,7 @@ function Basefn__Slider(props) {
   let handleInput = evt => {
     let target = evt.target;
     let newValue = Core__Option.getOr(Core__Float.fromString(target.value), 0.0);
-    Xote.Signal.set(value, newValue);
+    Signal$Xote.set(value, newValue);
     if (onChange !== undefined) {
       return onChange(newValue);
     }
@@ -36,30 +37,30 @@ function Basefn__Slider(props) {
   if (label !== undefined || showValue) {
     exit = 1;
   } else {
-    tmp = Xote__JSX.jsx(Xote__JSX.jsxFragment, {});
+    tmp = XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {});
   }
   if (exit === 1) {
-    tmp = Xote__JSX.Elements.jsxs("div", {
+    tmp = XoteJSX$Xote.Elements.jsxs("div", {
       class: "basefn-slider__header",
-      children: Xote__JSX.array([
-        label !== undefined ? Xote__JSX.Elements.jsx("span", {
+      children: XoteJSX$Xote.array([
+        label !== undefined ? XoteJSX$Xote.Elements.jsx("span", {
             class: "basefn-slider__label",
-            children: Xote.Component.text(label)
-          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-        showValue ? Xote__JSX.Elements.jsx("span", {
+            children: Node$Xote.text(label)
+          }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+        showValue ? XoteJSX$Xote.Elements.jsx("span", {
             class: "basefn-slider__value",
-            children: Xote.Component.textSignal(() => Xote.Signal.get(value).toString())
-          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+            children: Node$Xote.signalText(() => Signal$Xote.get(value).toString())
+          }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
       ])
     });
   }
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: "basefn-slider",
-    children: Xote__JSX.Elements.jsxs("div", {
+    children: XoteJSX$Xote.Elements.jsxs("div", {
       class: "basefn-slider__wrapper",
-      children: Xote__JSX.array([
+      children: XoteJSX$Xote.array([
         tmp,
-        Xote__JSX.Elements.jsx("input", {
+        XoteJSX$Xote.Elements.jsx("input", {
           class: "basefn-slider__input",
           type: "range",
           value: value,
@@ -69,13 +70,13 @@ function Basefn__Slider(props) {
           step: step.toString(),
           onInput: handleInput
         }),
-        markers !== undefined ? Xote__JSX.Elements.jsx("div", {
+        markers !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
             class: "basefn-slider__markers",
-            children: Xote.Component.fragment(markers.map(marker => Xote__JSX.Elements.jsx("span", {
+            children: Node$Xote.fragment(markers.map(marker => XoteJSX$Xote.Elements.jsx("span", {
               class: "basefn-slider__marker",
-              children: Xote.Component.text(marker)
+              children: Node$Xote.text(marker)
             })))
-          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+          }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
       ])
     })
   });

package/src/components/Basefn__Spinner.res

@@ -36,7 +36,7 @@ let make = (~size: size=Md, ~variant: variant=Default, ~label: string="") => {
   <div class="basefn-spinner-container">
     <div class={getClassName()} role="status" ariaLabel="Loading" />
     {if showLabel {
-      <span class="basefn-spinner__label"> {Component.text(label)} </span>
+      <span class="basefn-spinner__label"> {Node.text(label)} </span>
     } else {
       <empty />
     }}

package/src/components/Basefn__Spinner.res.mjs

@@ -1,7 +1,7 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Spinner.css'
 ;
@@ -43,18 +43,18 @@ function Basefn__Spinner(props) {
     return "basefn-spinner " + sizeClass + " " + variantClass;
   };
   let showLabel = label !== "";
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: "basefn-spinner-container",
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsx("div", {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsx("div", {
         class: getClassName(),
         role: "status",
         "aria-label": "Loading"
       }),
-      showLabel ? Xote__JSX.Elements.jsx("span", {
+      showLabel ? XoteJSX$Xote.Elements.jsx("span", {
           class: "basefn-spinner__label",
-          children: Xote.Component.text(label)
-        }) : Xote__JSX.Elements.jsx("empty", {})
+          children: Node$Xote.text(label)
+        }) : XoteJSX$Xote.Elements.jsx("empty", {})
     ])
   });
 }

package/src/components/Basefn__Spotlight.res

@@ -128,10 +128,10 @@ let make = (
     let currentItems = Signal.get(filteredItems)
 
     if Array.length(currentItems) === 0 {
-      <div class="basefn-spotlight__empty"> {Component.text(emptyMessage)} </div>
+      <div class="basefn-spotlight__empty"> {Node.text(emptyMessage)} </div>
     } else {
       let lastGroup: ref<option<string>> = ref(None)
-      let elements: array<Component.node> = []
+      let elements: array<Node.node> = []
 
       currentItems->Array.forEachWithIndex((item, index) => {
         switch item.group {
@@ -139,7 +139,7 @@ let make = (
             lastGroup := Some(group)
             let _ = elements->Array.push(
               <div key={"group-" ++ group} class="basefn-spotlight__group-label">
-                {Component.text(group)}
+                {Node.text(group)}
               </div>,
             )
           }
@@ -153,10 +153,10 @@ let make = (
         let _ = elements->Array.push(
           <button key={item.id} class={itemClass} onClick={_ => handleSelect(item)}>
             <div class="basefn-spotlight__item-content">
-              <div class="basefn-spotlight__item-label"> {Component.text(item.label)} </div>
+              <div class="basefn-spotlight__item-label"> {Node.text(item.label)} </div>
               {switch item.description {
               | Some(desc) =>
-                <div class="basefn-spotlight__item-description"> {Component.text(desc)} </div>
+                <div class="basefn-spotlight__item-description"> {Node.text(desc)} </div>
               | None => <> </>
               }}
             </div>
@@ -164,7 +164,7 @@ let make = (
         )
       })
 
-      elements->Component.fragment
+      elements->Node.fragment
     }
   }
 
@@ -186,17 +186,17 @@ let make = (
             <div class="basefn-spotlight__results"> {renderResults()} </div>
             <div class="basefn-spotlight__footer">
               <span class="basefn-spotlight__footer-hint">
-                <span class="basefn-spotlight__footer-key"> {Component.text("\u2191")} </span>
-                <span class="basefn-spotlight__footer-key"> {Component.text("\u2193")} </span>
-                {Component.text("to navigate")}
+                <span class="basefn-spotlight__footer-key"> {Node.text("\u2191")} </span>
+                <span class="basefn-spotlight__footer-key"> {Node.text("\u2193")} </span>
+                {Node.text("to navigate")}
               </span>
               <span class="basefn-spotlight__footer-hint">
-                <span class="basefn-spotlight__footer-key"> {Component.text("\u21b5")} </span>
-                {Component.text("to select")}
+                <span class="basefn-spotlight__footer-key"> {Node.text("\u21b5")} </span>
+                {Node.text("to select")}
               </span>
               <span class="basefn-spotlight__footer-hint">
-                <span class="basefn-spotlight__footer-key"> {Component.text("esc")} </span>
-                {Component.text("to close")}
+                <span class="basefn-spotlight__footer-key"> {Node.text("esc")} </span>
+                {Node.text("to close")}
               </span>
             </div>
           </div>
@@ -207,5 +207,5 @@ let make = (
     }
   })
 
-  Component.signalFragment(content)
+  Node.signalFragment(content)
 }