@bettercms-ai/ui 0.8.2 → 0.8.3

package/dist/renderer.js

@@ -442,12 +442,32 @@ function buildComponents() {
     unknownBlockStyle: ({ children }) => /* @__PURE__ */ jsx2("p", { children })
   };
 }
+var isListItem = (node) => node._type === "block" && typeof node.listItem === "string" && !!node.listItem;
+function runsOf(blocks) {
+  const runs = [];
+  for (const node of blocks) {
+    const last = runs.at(-1);
+    if (last && isListItem(node) && isListItem(last[0])) last.push(node);
+    else runs.push([node]);
+  }
+  return runs;
+}
 function PortableText({ value, bindingBase }) {
   const blocks = React.useMemo(() => normalizePortableText(readValue(value)), [value]);
   const components = React.useMemo(buildComponents, []);
+  const listComponents = React.useMemo(() => {
+    if (!bindingBase) return null;
+    const keys = new Set(blocks.map((b) => b._key));
+    return {
+      ...components,
+      listItem: ({ value: item, children }) => keys.has(item._key) ? /* @__PURE__ */ jsx2("li", { "data-bcms-field": `${bindingBase}#${item._key}`, "data-bcms-kind": "richtext", children }) : /* @__PURE__ */ jsx2("li", { children })
+    };
+  }, [bindingBase, blocks, components]);
   if (blocks.length === 0) return null;
-  if (!bindingBase) return /* @__PURE__ */ jsx2(PT, { value: blocks, components });
-  return /* @__PURE__ */ jsx2(Fragment, { children: blocks.map((node) => /* @__PURE__ */ jsx2(Bound, { base: bindingBase, nodeKey: node._key, children: /* @__PURE__ */ jsx2(PT, { value: [node], components }) }, node._key)) });
+  if (!bindingBase || !listComponents) return /* @__PURE__ */ jsx2(PT, { value: blocks, components });
+  return /* @__PURE__ */ jsx2(Fragment, { children: runsOf(blocks).map(
+    (run) => isListItem(run[0]) ? /* @__PURE__ */ jsx2(PT, { value: run, components: listComponents }, run[0]._key) : /* @__PURE__ */ jsx2(Bound, { base: bindingBase, nodeKey: run[0]._key, children: /* @__PURE__ */ jsx2(PT, { value: run, components }) }, run[0]._key)
+  ) });
 }
 function readValue(value) {
   if (Array.isArray(value)) return value;