@reacteditor/core 0.0.1-alpha.0

package/dist/chunk-2YLS65V2.mjs

@@ -0,0 +1,103 @@
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/extension.ts
+init_react_import();
+import { Extension } from "@tiptap/core";
+import { Blockquote } from "@tiptap/extension-blockquote";
+import { Bold } from "@tiptap/extension-bold";
+import { Code } from "@tiptap/extension-code";
+import { CodeBlock } from "@tiptap/extension-code-block";
+import { Document } from "@tiptap/extension-document";
+import { HardBreak } from "@tiptap/extension-hard-break";
+import { Heading } from "@tiptap/extension-heading";
+import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
+import { Italic } from "@tiptap/extension-italic";
+import { Link } from "@tiptap/extension-link";
+import {
+  BulletList,
+  ListItem,
+  ListKeymap,
+  OrderedList
+} from "@tiptap/extension-list";
+import { Paragraph } from "@tiptap/extension-paragraph";
+import { Strike } from "@tiptap/extension-strike";
+import { Text } from "@tiptap/extension-text";
+import TextAlign from "@tiptap/extension-text-align";
+import { Underline } from "@tiptap/extension-underline";
+var defaultEditorRichTextOptions = {
+  textAlign: {
+    types: ["heading", "paragraph"]
+  }
+};
+var EditorRichText = Extension.create({
+  name: "editorRichText",
+  addExtensions() {
+    const extensions = [];
+    const options = __spreadValues(__spreadValues({}, this.options), defaultEditorRichTextOptions);
+    if (options.bold !== false) {
+      extensions.push(Bold.configure(options.bold));
+    }
+    if (options.blockquote !== false) {
+      extensions.push(Blockquote.configure(options.blockquote));
+    }
+    if (options.code !== false) {
+      extensions.push(Code.configure(options.code));
+    }
+    if (options.codeBlock !== false) {
+      extensions.push(CodeBlock.configure(options.codeBlock));
+    }
+    if (options.document !== false) {
+      extensions.push(Document.configure(options.document));
+    }
+    if (options.hardBreak !== false) {
+      extensions.push(HardBreak.configure(options.hardBreak));
+    }
+    if (options.heading !== false) {
+      extensions.push(Heading.configure(options.heading));
+    }
+    if (options.horizontalRule !== false) {
+      extensions.push(HorizontalRule.configure(options.horizontalRule));
+    }
+    if (options.italic !== false) {
+      extensions.push(Italic.configure(options.italic));
+    }
+    if (options.listItem !== false) {
+      extensions.push(ListItem.configure(options.listItem));
+      if (options.bulletList !== false) {
+        extensions.push(BulletList.configure(options.bulletList));
+      }
+      if (options.orderedList !== false) {
+        extensions.push(OrderedList.configure(options.orderedList));
+      }
+    }
+    if (options.listKeymap !== false) {
+      extensions.push(ListKeymap.configure(options == null ? void 0 : options.listKeymap));
+    }
+    if (options.link !== false) {
+      extensions.push(Link.configure(options == null ? void 0 : options.link));
+    }
+    if (options.paragraph !== false) {
+      extensions.push(Paragraph.configure(options.paragraph));
+    }
+    if (options.strike !== false) {
+      extensions.push(Strike.configure(options.strike));
+    }
+    if (options.text !== false) {
+      extensions.push(Text.configure(options.text));
+    }
+    if (options.textAlign !== false) {
+      extensions.push(TextAlign.configure(options.textAlign));
+    }
+    if (options.underline !== false) {
+      extensions.push(Underline.configure(options == null ? void 0 : options.underline));
+    }
+    return extensions;
+  }
+});
+
+export {
+  EditorRichText
+};

package/dist/chunk-6B2Q5R3C.mjs

@@ -0,0 +1,53 @@
+import {
+  AlignCenter,
+  AlignJustify,
+  AlignLeft,
+  AlignRight
+} from "./chunk-SURZYH7D.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/AlignSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  left: { label: "Left", icon: AlignLeft },
+  center: { label: "Center", icon: AlignCenter },
+  right: { label: "Right", icon: AlignRight },
+  justify: { label: "Justify", icon: AlignJustify }
+};
+var useAlignOptions = (fieldOptions) => {
+  var _a;
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.textAlign) !== false) {
+    if (!((_a = fieldOptions == null ? void 0 : fieldOptions.textAlign) == null ? void 0 : _a.alignments)) {
+      blockOptions = ["left", "center", "right", "justify"];
+    } else {
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("left")) {
+        blockOptions.push("left");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("center")) {
+        blockOptions.push("center");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("right")) {
+        blockOptions.push("right");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("justify")) {
+        blockOptions.push("justify");
+      }
+    }
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useAlignOptions
+};

package/dist/chunk-DXGQXXQG.mjs

@@ -0,0 +1,63 @@
+import {
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Heading5,
+  Heading6
+} from "./chunk-SURZYH7D.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/HeadingSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  h1: { label: "Heading 1", icon: Heading1 },
+  h2: { label: "Heading 2", icon: Heading2 },
+  h3: { label: "Heading 3", icon: Heading3 },
+  h4: { label: "Heading 4", icon: Heading4 },
+  h5: { label: "Heading 5", icon: Heading5 },
+  h6: { label: "Heading 6", icon: Heading6 }
+};
+var useHeadingOptions = (fieldOptions) => {
+  var _a;
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.heading) !== false) {
+    if (!((_a = fieldOptions == null ? void 0 : fieldOptions.heading) == null ? void 0 : _a.levels)) {
+      blockOptions = ["h1", "h2", "h3", "h4", "h5", "h6"];
+    } else {
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(1)) {
+        blockOptions.push("h1");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(2)) {
+        blockOptions.push("h2");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(3)) {
+        blockOptions.push("h3");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(4)) {
+        blockOptions.push("h4");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(5)) {
+        blockOptions.push("h5");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.heading.levels.includes(6)) {
+        blockOptions.push("h6");
+      }
+    }
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useHeadingOptions
+};

package/dist/chunk-F7S5S6I2.mjs

@@ -0,0 +1,114 @@
+import {
+  styles_module_default
+} from "./chunk-MFI3RDA4.mjs";
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-V2OPYD42.mjs";
+import {
+  useAppStore,
+  useAppStoreApi
+} from "./chunk-SURZYH7D.mjs";
+import {
+  get_class_name_factory_default
+} from "./chunk-Y2EFNT5P.mjs";
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/components/EditorInner.tsx
+init_react_import();
+import {
+  memo,
+  useCallback
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
+var EditorInner = memo(
+  ({
+    children,
+    menu,
+    readOnly = false,
+    field,
+    inline = false,
+    editor,
+    id
+  }) => {
+    const { initialHeight } = field;
+    const isActive = useAppStore(
+      (s) => {
+        var _a;
+        return ((_a = s.currentRichText) == null ? void 0 : _a.id) === id && inline === s.currentRichText.inline;
+      }
+    );
+    const appStoreApi = useAppStoreApi();
+    const handleHotkeyCapture = useCallback(
+      (event) => {
+        var _a, _b;
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "i") {
+          event.stopPropagation();
+          event.preventDefault();
+          (_b = editor == null ? void 0 : (_a = editor.commands).toggleItalic) == null ? void 0 : _b.call(_a);
+        }
+        if (event.key.toLowerCase() === "backspace") {
+          event.stopPropagation();
+        }
+      },
+      [editor]
+    );
+    const handleBlur = useCallback(
+      (e) => {
+        var _a, _b;
+        const targetInMenu = !!((_b = (_a = e.relatedTarget) == null ? void 0 : _a.closest) == null ? void 0 : _b.call(
+          _a,
+          "[data-editor-rte-menu]"
+        ));
+        if (e.relatedTarget && !targetInMenu) {
+          appStoreApi.setState({
+            currentRichText: null
+          });
+        } else {
+          e.stopPropagation();
+        }
+      },
+      [appStoreApi]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: getClassName({
+          editor: !inline,
+          inline,
+          isActive,
+          disabled: readOnly
+        }),
+        style: inline ? {} : { height: initialHeight != null ? initialHeight : 192, overflowY: "auto" },
+        onKeyDownCapture: handleHotkeyCapture,
+        onBlur: handleBlur,
+        children: [
+          !inline && /* @__PURE__ */ jsx("div", { className: getClassName("menu"), children: menu }),
+          children
+        ]
+      }
+    );
+  }
+);
+EditorInner.displayName = "EditorInner";
+
+// components/RichTextMenu/index.tsx
+init_react_import();
+import { lazy, Suspense } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LoadedRichTextMenuFull = lazy(
+  () => import("./full-OBTPW7TC.mjs").then((m) => ({
+    default: m.LoadedRichTextMenuFull
+  }))
+);
+var LoadedRichTextMenu = (props) => {
+  return /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(LoadedRichTextMenuInner, __spreadValues({}, props)), children: /* @__PURE__ */ jsx2(LoadedRichTextMenuFull, __spreadValues({}, props)) });
+};
+
+export {
+  EditorInner,
+  LoadedRichTextMenu
+};