@measured/puck 0.21.0-canary.7ed9655b → 0.21.0-canary.8358d3e1

package/dist/Render-Y567PGZ7.mjs

@@ -0,0 +1,53 @@
+import {
+  PuckRichText
+} from "./chunk-R6CVX2IY.mjs";
+import {
+  styles_module_default
+} from "./chunk-WUWXFMEM.mjs";
+import {
+  get_class_name_factory_default,
+  init_react_import
+} from "./chunk-DCSQEDMK.mjs";
+
+// components/RichTextEditor/components/Render.tsx
+init_react_import();
+import { generateHTML, generateJSON } from "@tiptap/html";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
+function RichTextRender({
+  content,
+  field
+}) {
+  const { tiptap = {}, options } = field;
+  const { extensions = [] } = tiptap;
+  const loadedExtensions = useMemo(
+    () => [PuckRichText.configure(options), ...extensions],
+    [field, extensions]
+  );
+  const normalized = useMemo(() => {
+    if (typeof content === "object" && (content == null ? void 0 : content.type) === "doc") {
+      return content;
+    }
+    if (typeof content === "string") {
+      const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
+      if (isHtml) {
+        return generateJSON(content, loadedExtensions);
+      }
+      return {
+        type: "doc",
+        content: [
+          { type: "paragraph", content: [{ type: "text", text: content }] }
+        ]
+      };
+    }
+    return { type: "doc", content: [] };
+  }, [content, loadedExtensions]);
+  const html = useMemo(() => {
+    return generateHTML(normalized, loadedExtensions);
+  }, [normalized, loadedExtensions]);
+  return /* @__PURE__ */ jsx("div", { className: getClassName(), children: /* @__PURE__ */ jsx("div", { className: "rich-text", dangerouslySetInnerHTML: { __html: html } }) });
+}
+export {
+  RichTextRender
+};

package/dist/chunk-3QHWXJEI.mjs

@@ -0,0 +1,33 @@
+import {
+  List,
+  ListOrdered
+} from "./chunk-7KY6RHEY.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.mjs";
+
+// components/RichTextMenu/controls/ListSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  ul: { label: "Bullet list", icon: List },
+  ol: { label: "Numbered list", icon: ListOrdered }
+};
+var useListOptions = (fieldOptions) => {
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.listItem) !== false) {
+    blockOptions = ["ul", "ol"];
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useListOptions
+};