@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/chunk-GYIYX2JH.mjs

@@ -1,73 +0,0 @@
-"use client";
-import {
-  useTextAlign
-} from "./chunk-IQERE7KP.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/text-align-button/text-align-button.tsx
-import { IconButton } from "@kopexa/button";
-import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-var TextAlignButton = ({
-  editor: providedEditor,
-  align,
-  text,
-  hideWhenUnavailable = false,
-  onAligned,
-  showShortcut = false,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    handleTextAlign,
-    label,
-    canAlign,
-    isActive,
-    Icon,
-    shortcutKeys
-  } = useTextAlign({
-    editor,
-    align,
-    hideWhenUnavailable,
-    onAligned
-  });
-  const handleClick = useCallback(
-    (e) => {
-      onClick == null ? void 0 : onClick(e);
-      if (e.defaultPrevented) return;
-      handleTextAlign();
-    },
-    [handleTextAlign, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      type: "button",
-      disabled: canAlign,
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      "data-disabled": canAlign,
-      tabIndex: -1,
-      "aria-label": label,
-      "aria-pressed": isActive,
-      tooltip: label,
-      shortcutKeys,
-      onClick: handleClick,
-      ...buttonProps,
-      children: /* @__PURE__ */ jsx(Icon, {})
-    }
-  );
-};
-
-export {
-  TextAlignButton
-};

package/dist/chunk-H6LC4LDQ.mjs

@@ -1,63 +0,0 @@
-"use client";
-
-// src/extensions/trailing-node/index.ts
-import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { Extension } from "@tiptap/react";
-function nodeEqualsType({
-  types,
-  node
-}) {
-  if (!node) return false;
-  if (Array.isArray(types)) {
-    return types.includes(node.type);
-  }
-  return node.type === types;
-}
-var TrailingNode = Extension.create({
-  name: "trailingNode",
-  addOptions() {
-    return {
-      node: "paragraph",
-      notAfter: ["paragraph"]
-    };
-  },
-  addProseMirrorPlugins() {
-    const plugin = new PluginKey(this.name);
-    const disabledNodes = Object.entries(this.editor.schema.nodes).map(([, value]) => value).filter((node) => this.options.notAfter.includes(node.name));
-    return [
-      new Plugin({
-        key: plugin,
-        appendTransaction: (_, __, state) => {
-          const { doc, tr, schema } = state;
-          const shouldInsertNodeAtEnd = plugin.getState(state);
-          const endPosition = doc.content.size;
-          const type = schema.nodes[this.options.node];
-          if (!shouldInsertNodeAtEnd) {
-            return null;
-          }
-          if (type) {
-            return tr.insert(endPosition, type.create());
-          }
-          return null;
-        },
-        state: {
-          init: (_, state) => {
-            const lastNode = state.tr.doc.lastChild;
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
-          },
-          apply: (tr, value) => {
-            if (!tr.docChanged) {
-              return value;
-            }
-            const lastNode = tr.doc.lastChild;
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
-          }
-        }
-      })
-    ];
-  }
-});
-
-export {
-  TrailingNode
-};

package/dist/chunk-H7MS2UMO.mjs

@@ -1,168 +0,0 @@
-"use client";
-import {
-  SuggestionMenu
-} from "./chunk-L5RDMV3H.mjs";
-
-// src/extensions/variable/variable-suggestion.tsx
-import { getElementOverflowPosition } from "@kopexa/editor-utils";
-import { slashDropdownMenu } from "@kopexa/theme";
-import { PluginKey } from "@tiptap/pm/state";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var VariableSuggestionPluginKey = new PluginKey("variableSuggestion");
-function VariableSuggestion({
-  editor,
-  variables
-}) {
-  const getItems = React.useCallback(
-    ({ query }) => {
-      const normalizedQuery = query.toLowerCase().trim();
-      const items = [];
-      const matchingVariables = variables.filter((variable) => {
-        var _a, _b;
-        if (!normalizedQuery) return true;
-        return variable.name.toLowerCase().includes(normalizedQuery) || variable.label.toLowerCase().includes(normalizedQuery) || ((_a = variable.category) == null ? void 0 : _a.toLowerCase().includes(normalizedQuery)) || ((_b = variable.description) == null ? void 0 : _b.toLowerCase().includes(normalizedQuery));
-      });
-      for (const variable of matchingVariables) {
-        items.push({
-          title: variable.label,
-          subtext: variable.name,
-          group: variable.category,
-          keywords: [variable.name, variable.label, variable.category].filter(
-            Boolean
-          ),
-          onSelect: ({ editor: editor2 }) => {
-            const attrs = {
-              name: variable.name,
-              fallback: variable.fallback,
-              category: variable.category
-            };
-            editor2.chain().focus().insertVariable(attrs).run();
-          }
-        });
-      }
-      if (normalizedQuery && !variables.some((v) => v.name.toLowerCase() === normalizedQuery)) {
-        items.push({
-          title: `Neue Variable "${query}"`,
-          subtext: query,
-          group: "Neu",
-          onSelect: ({ editor: editor2 }) => {
-            const attrs = {
-              name: query
-            };
-            editor2.chain().focus().insertVariable(attrs).run();
-          }
-        });
-      }
-      return items;
-    },
-    [variables]
-  );
-  return /* @__PURE__ */ jsx(
-    SuggestionMenu,
-    {
-      editor,
-      pluginKey: VariableSuggestionPluginKey,
-      char: "{{",
-      items: getItems,
-      allowSpaces: false,
-      selector: "tiptap-variable-suggestion-menu",
-      children: (props) => /* @__PURE__ */ jsx(VariableList, { ...props })
-    }
-  );
-}
-var VariableItem = ({
-  item,
-  isSelected,
-  onSelect
-}) => {
-  const itemRef = React.useRef(null);
-  React.useEffect(() => {
-    const selector = document.querySelector(
-      '[data-selector="tiptap-variable-suggestion-menu"]'
-    );
-    if (!itemRef.current || !isSelected || !selector) return;
-    const overflow = getElementOverflowPosition(itemRef.current, selector);
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
-    }
-  }, [isSelected]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref: itemRef,
-      type: "button",
-      "data-active-state": isSelected ? "on" : "off",
-      onClick: onSelect,
-      className: "w-full flex items-center justify-between gap-3 px-2 py-1.5 text-sm rounded-sm outline-none hover:bg-muted data-[active-state=on]:bg-muted",
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: item.title }),
-        /* @__PURE__ */ jsx("code", { className: "text-xs text-muted-foreground font-mono shrink-0", children: item.subtext })
-      ]
-    }
-  );
-};
-var VariableList = ({
-  items,
-  selectedIndex,
-  onSelect
-}) => {
-  const styles = slashDropdownMenu();
-  const renderedItems = React.useMemo(() => {
-    const rendered = [];
-    const groups = {};
-    items.forEach((item, index) => {
-      const groupLabel = item.group || "";
-      if (!groups[groupLabel]) {
-        groups[groupLabel] = { items: [], indices: [] };
-      }
-      groups[groupLabel].items.push(item);
-      groups[groupLabel].indices.push(index);
-    });
-    Object.entries(groups).forEach(([groupLabel, groupData], groupIndex) => {
-      const groupItems = groupData.items.map((item, itemIndex) => {
-        const originalIndex = groupData.indices[itemIndex];
-        return /* @__PURE__ */ jsx(
-          VariableItem,
-          {
-            item,
-            isSelected: originalIndex === selectedIndex,
-            onSelect: () => onSelect(item)
-          },
-          `item-${originalIndex}-${item.title}`
-        );
-      });
-      if (groupLabel) {
-        rendered.push(
-          /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: groupLabel }),
-            groupItems
-          ] }, `group-${groupIndex}-${groupLabel}`)
-        );
-      } else {
-        rendered.push(...groupItems);
-      }
-    });
-    return rendered;
-  }, [items, selectedIndex, onSelect]);
-  if (!renderedItems.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: styles.card(),
-      style: {
-        maxHeight: "var(--suggestion-menu-max-height)",
-        minWidth: "240px"
-      },
-      children: /* @__PURE__ */ jsx("div", { className: styles.body(), children: renderedItems })
-    }
-  );
-};
-
-export {
-  VariableSuggestion
-};

package/dist/chunk-HLLA2HRV.mjs

@@ -1 +0,0 @@
-"use client";

package/dist/chunk-HTJ2RXOG.mjs

@@ -1,32 +0,0 @@
-"use client";
-import {
-  ImageNodeView
-} from "./chunk-KYLBKQ2E.mjs";
-
-// src/extensions/image/index.ts
-import { Image as TiptapImage } from "@tiptap/extension-image";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var ImageNode = TiptapImage.extend({
-  addAttributes() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      // Upload state for drag & drop / paste uploads
-      uploadState: {
-        default: null,
-        rendered: false
-      },
-      uploadProgress: {
-        default: null,
-        rendered: false
-      }
-    };
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(ImageNodeView);
-  }
-});
-
-export {
-  ImageNode
-};

package/dist/chunk-IFXRPGIJ.mjs

@@ -1,98 +0,0 @@
-"use client";
-import {
-  TocNodeView
-} from "./chunk-2V6VOAPI.mjs";
-
-// src/extensions/toc/index.ts
-import { mergeAttributes, Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var TocNode = Node.create({
-  name: "tableOfContentsNode",
-  group: "block",
-  atom: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      minLevel: {
-        default: 1,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-min-level") || "1", 10),
-        renderHTML: (attributes) => ({
-          "data-min-level": attributes.minLevel
-        })
-      },
-      maxLevel: {
-        default: 6,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-max-level") || "6", 10),
-        renderHTML: (attributes) => ({
-          "data-max-level": attributes.maxLevel
-        })
-      },
-      numbered: {
-        default: false,
-        parseHTML: (element) => element.getAttribute("data-numbered") === "true",
-        renderHTML: (attributes) => ({
-          "data-numbered": attributes.numbered ? "true" : "false"
-        })
-      },
-      style: {
-        default: "default",
-        parseHTML: (element) => element.getAttribute("data-style") || "default",
-        renderHTML: (attributes) => ({
-          "data-style": attributes.style
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="toc"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "toc"
-      })
-    ];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(TocNodeView);
-  },
-  addCommands() {
-    return {
-      insertTableOfContents: () => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name
-        });
-      },
-      updateTocSettings: (attrs) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            ...attrs
-          });
-        }
-        return true;
-      }
-    };
-  }
-});
-var toc_default = TocNode;
-
-export {
-  TocNode,
-  toc_default
-};

package/dist/chunk-IOB3REX6.mjs

@@ -1,173 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/list-button/index.tsx
-import { Button } from "@kopexa/button";
-import { isNodeInSchema } from "@kopexa/editor-utils";
-import { ListIcon, ListOrderedIcon, ListTodoIcon } from "@kopexa/icons";
-import { isNodeSelection } from "@tiptap/react";
-import { useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var listOptions = [
-  {
-    label: "Bullet List",
-    type: "bulletList",
-    icon: ListIcon
-  },
-  {
-    label: "Ordered List",
-    type: "orderedList",
-    icon: ListOrderedIcon
-  },
-  {
-    label: "Task List",
-    type: "taskList",
-    icon: ListTodoIcon
-  }
-];
-var listShortcutKeys = {
-  bulletList: "Ctrl-Shift-8",
-  orderedList: "Ctrl-Shift-7",
-  taskList: "Ctrl-Shift-9"
-};
-function canToggleList(editor, type) {
-  if (!editor) {
-    return false;
-  }
-  switch (type) {
-    case "bulletList":
-      return editor.can().toggleBulletList();
-    case "orderedList":
-      return editor.can().toggleOrderedList();
-    case "taskList":
-      return editor.can().toggleList("taskList", "taskItem");
-    default:
-      return false;
-  }
-}
-function isListActive(editor, type) {
-  if (!editor) return false;
-  switch (type) {
-    case "bulletList":
-      return editor.isActive("bulletList");
-    case "orderedList":
-      return editor.isActive("orderedList");
-    case "taskList":
-      return editor.isActive("taskList");
-    default:
-      return false;
-  }
-}
-function toggleList(editor, type) {
-  if (!editor) return;
-  switch (type) {
-    case "bulletList":
-      editor.chain().focus().toggleBulletList().run();
-      break;
-    case "orderedList":
-      editor.chain().focus().toggleOrderedList().run();
-      break;
-    case "taskList":
-      editor.chain().focus().toggleList("taskList", "taskItem").run();
-      break;
-  }
-}
-function getListOption(type) {
-  return listOptions.find((option) => option.type === type);
-}
-function shouldShowListButton(params) {
-  const { editor, type, hideWhenUnavailable, listInSchema } = params;
-  if (!listInSchema || !editor) {
-    return false;
-  }
-  if (hideWhenUnavailable) {
-    if (isNodeSelection(editor.state.selection) || !canToggleList(editor, type)) {
-      return false;
-    }
-  }
-  return true;
-}
-function useListState(editor, type) {
-  const listInSchema = isNodeInSchema(type, editor);
-  const listOption = getListOption(type);
-  const isActive = isListActive(editor, type);
-  const shortcutKey = listShortcutKeys[type];
-  return {
-    listInSchema,
-    listOption,
-    isActive,
-    shortcutKey
-  };
-}
-var ListButton = ({
-  editor: providedEditor,
-  type,
-  hideWhenUnavailable = false,
-  className = "",
-  onClick,
-  text,
-  children,
-  ref,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const { listInSchema, listOption, isActive, shortcutKey } = useListState(
-    editor,
-    type
-  );
-  const Icon = (listOption == null ? void 0 : listOption.icon) || ListIcon;
-  const handleClick = useCallback(
-    (e) => {
-      onClick == null ? void 0 : onClick(e);
-      if (!e.defaultPrevented && editor) {
-        toggleList(editor, type);
-      }
-    },
-    [onClick, editor, type]
-  );
-  const show = useMemo(() => {
-    return shouldShowListButton({
-      editor,
-      type,
-      hideWhenUnavailable,
-      listInSchema
-    });
-  }, [editor, type, hideWhenUnavailable, listInSchema]);
-  if (!show || !editor || !editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      className: className.trim(),
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      tabIndex: -1,
-      "aria-label": (listOption == null ? void 0 : listOption.label) || type,
-      "aria-pressed": isActive,
-      tooltip: (listOption == null ? void 0 : listOption.label) || type,
-      shortcutKeys: shortcutKey,
-      onClick: handleClick,
-      startContent: /* @__PURE__ */ jsx(Icon, {}),
-      ...buttonProps,
-      ref,
-      children: children || text
-    }
-  );
-};
-
-export {
-  listOptions,
-  listShortcutKeys,
-  canToggleList,
-  isListActive,
-  toggleList,
-  getListOption,
-  shouldShowListButton,
-  useListState,
-  ListButton
-};