@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/chunk-V6TAZMQN.mjs

@@ -1,105 +0,0 @@
-"use client";
-import {
-  HeadingButton,
-  headingIcons
-} from "./chunk-EHY2NAW7.mjs";
-import {
-  getFormattedHeadingName
-} from "./chunk-33QD5PYJ.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/heading-dropdown-menu/index.tsx
-import { Button } from "@kopexa/button";
-import { DropdownMenu } from "@kopexa/dropdown-menu";
-import { isNodeInSchema } from "@kopexa/editor-utils";
-import { ChevronDownIcon, HeadingIcon } from "@kopexa/icons";
-import { isNodeSelection } from "@tiptap/react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HeadingDropdownMenu({
-  editor: providedEditor,
-  levels = [1, 2, 3, 4, 5, 6],
-  hideWhenUnavailable = false,
-  onOpenChange,
-  ...props
-}) {
-  var _a;
-  const [isOpen, setIsOpen] = React.useState(false);
-  const { editor } = useTiptapEditor(providedEditor);
-  const headingInSchema = isNodeInSchema("heading", editor);
-  const handleOnOpenChange = React.useCallback(
-    (open) => {
-      setIsOpen(open);
-      onOpenChange == null ? void 0 : onOpenChange(open);
-    },
-    [onOpenChange]
-  );
-  const getActiveIcon = React.useCallback(() => {
-    if (!editor) return /* @__PURE__ */ jsx(HeadingIcon, {});
-    const activeLevel = levels.find(
-      (level) => editor.isActive("heading", { level })
-    );
-    if (!activeLevel) return /* @__PURE__ */ jsx(HeadingIcon, {});
-    const ActiveIcon = headingIcons[activeLevel];
-    return /* @__PURE__ */ jsx(ActiveIcon, {});
-  }, [editor, levels]);
-  const canToggleAnyHeading = React.useCallback(() => {
-    if (!editor) return false;
-    return levels.some(
-      (level) => editor.can().toggleNode("heading", "paragraph", { level })
-    );
-  }, [editor, levels]);
-  const isDisabled = !canToggleAnyHeading();
-  const isAnyHeadingActive = (_a = editor == null ? void 0 : editor.isActive("heading")) != null ? _a : false;
-  const show = React.useMemo(() => {
-    if (!headingInSchema || !editor) {
-      return false;
-    }
-    if (hideWhenUnavailable) {
-      if (isNodeSelection(editor.state.selection) || !canToggleAnyHeading()) {
-        return false;
-      }
-    }
-    return true;
-  }, [headingInSchema, editor, hideWhenUnavailable, canToggleAnyHeading]);
-  if (!show || !editor || !editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open: isOpen, onOpenChange: handleOnOpenChange, children: [
-    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        disabled: isDisabled,
-        variant: "ghost",
-        color: "default",
-        "data-active-state": isAnyHeadingActive ? "on" : "off",
-        "data-disabled": isDisabled,
-        tabIndex: -1,
-        "aria-label": "Format text as heading",
-        "aria-pressed": isAnyHeadingActive,
-        tooltip: "Heading",
-        endContent: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
-        ...props,
-        children: getActiveIcon()
-      }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: /* @__PURE__ */ jsx(DropdownMenu.Group, { children: levels.map((level) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsx(
-      HeadingButton,
-      {
-        editor,
-        level,
-        text: getFormattedHeadingName(level),
-        tooltip: "",
-        fullWidth: true,
-        spacing: "start"
-      }
-    ) }, `heading-${level}`)) }) })
-  ] });
-}
-
-export {
-  HeadingDropdownMenu
-};

package/dist/chunk-VF3G2URZ.mjs

@@ -1,83 +0,0 @@
-"use client";
-import {
-  CalloutSettings
-} from "./chunk-N4CT5RNC.mjs";
-
-// src/extensions/callout/callout-view.tsx
-import {
-  AlertCircleIcon,
-  AlertIcon,
-  CheckCirleIcon,
-  InfoIcon,
-  ShellIcon
-} from "@kopexa/icons";
-import { callout } from "@kopexa/theme";
-import {
-  NodeViewContent,
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getVariantIcon(variant, iconClass) {
-  switch (variant) {
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, { className: iconClass });
-    case "success":
-      return /* @__PURE__ */ jsx(CheckCirleIcon, { className: iconClass });
-    case "warning":
-      return /* @__PURE__ */ jsx(AlertIcon, { className: iconClass });
-    case "destructive":
-      return /* @__PURE__ */ jsx(AlertCircleIcon, { className: iconClass });
-    default:
-      return /* @__PURE__ */ jsx(ShellIcon, { className: iconClass });
-  }
-}
-function CalloutNodeView({ editor, node, getPos }) {
-  const attrs = node.attrs;
-  const { variant = "info", title } = attrs;
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const styles = useMemo(
-    () => callout({
-      variant,
-      radius: "md",
-      size: "md"
-    }),
-    [variant]
-  );
-  return /* @__PURE__ */ jsxs(
-    NodeViewWrapper,
-    {
-      className: styles.root(),
-      "data-type": "callout",
-      "data-variant": variant,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: styles.iconContainer(), children: getVariantIcon(variant, styles.icon()) }),
-        /* @__PURE__ */ jsxs("div", { className: styles.content(), children: [
-          title && /* @__PURE__ */ jsx("div", { className: styles.title(), children: title }),
-          /* @__PURE__ */ jsx(NodeViewContent, { className: "callout-content" })
-        ] }),
-        isEditable && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx(
-          CalloutSettings,
-          {
-            editor,
-            attrs,
-            getPos
-          }
-        ) })
-      ]
-    }
-  );
-}
-var callout_view_default = CalloutNodeView;
-
-export {
-  CalloutNodeView,
-  callout_view_default
-};

package/dist/chunk-VRQ6OSAZ.mjs

@@ -1,76 +0,0 @@
-"use client";
-
-// src/context/editor-file-context.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var EditorFileContext = createContext(null);
-var DEFAULT_CACHE_BUFFER = 2 * 60 * 1e3;
-var DEFAULT_CACHE_TTL = 10 * 60 * 1e3;
-var defaultIsReference = (src) => {
-  if (!src) return false;
-  if (src.startsWith("http://") || src.startsWith("https://")) return false;
-  if (src.startsWith("data:")) return false;
-  if (src.startsWith("blob:")) return false;
-  return true;
-};
-function EditorFileProvider({
-  children,
-  onUpload,
-  onResolve,
-  isReference = defaultIsReference,
-  cacheBuffer = DEFAULT_CACHE_BUFFER,
-  defaultCacheTtl = DEFAULT_CACHE_TTL
-}) {
-  const cacheRef = useRef(/* @__PURE__ */ new Map());
-  const resolve = useCallback(
-    async (ref) => {
-      const cache = cacheRef.current;
-      const now = Date.now();
-      const cached = cache.get(ref);
-      if (cached && cached.expiresAt > now + cacheBuffer) {
-        return cached.url;
-      }
-      const url = await onResolve(ref);
-      cache.set(ref, {
-        url,
-        expiresAt: now + defaultCacheTtl
-      });
-      return url;
-    },
-    [onResolve, cacheBuffer, defaultCacheTtl]
-  );
-  const value = useMemo(
-    () => ({
-      isAvailable: true,
-      upload: onUpload,
-      resolve,
-      isReference
-    }),
-    [onUpload, resolve, isReference]
-  );
-  return /* @__PURE__ */ jsx(EditorFileContext.Provider, { value, children });
-}
-function useEditorFile() {
-  return useContext(EditorFileContext);
-}
-function useEditorFileRequired() {
-  const context = useContext(EditorFileContext);
-  if (!context) {
-    throw new Error(
-      "useEditorFileRequired must be used within an EditorFileProvider"
-    );
-  }
-  return context;
-}
-
-export {
-  EditorFileProvider,
-  useEditorFile,
-  useEditorFileRequired
-};

package/dist/chunk-VTKJPVNM.mjs

@@ -1,148 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-import {
-  sanitizeUrl
-} from "./chunk-TZQQ6C2Q.mjs";
-
-// src/ui/link-popover/use-link-popover.ts
-import { isMarkInSchema } from "@kopexa/editor-utils";
-import { LinkIcon } from "@kopexa/icons";
-import * as React from "react";
-function canSetLink(editor) {
-  if (!editor || !editor.isEditable) return false;
-  return editor.can().setMark("link");
-}
-function isLinkActive(editor) {
-  if (!editor || !editor.isEditable) return false;
-  return editor.isActive("link");
-}
-function shouldShowLinkButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  const linkInSchema = isMarkInSchema("link", editor);
-  if (!linkInSchema || !editor) {
-    return false;
-  }
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canSetLink(editor);
-  }
-  return true;
-}
-function useLinkHandler(props) {
-  const { editor, onSetLink } = props;
-  const [url, setUrl] = React.useState(null);
-  React.useEffect(() => {
-    if (!editor) return;
-    const { href } = editor.getAttributes("link");
-    if (isLinkActive(editor) && url === null) {
-      setUrl(href || "");
-    }
-  }, [editor, url]);
-  React.useEffect(() => {
-    if (!editor) return;
-    const updateLinkState = () => {
-      const { href } = editor.getAttributes("link");
-      setUrl(href || "");
-    };
-    editor.on("selectionUpdate", updateLinkState);
-    return () => {
-      editor.off("selectionUpdate", updateLinkState);
-    };
-  }, [editor]);
-  const setLink = React.useCallback(() => {
-    if (!url || !editor) return;
-    const { selection } = editor.state;
-    const isEmpty = selection.empty;
-    let chain = editor.chain().focus();
-    chain = chain.extendMarkRange("link").setLink({ href: url });
-    if (isEmpty) {
-      chain = chain.insertContent({ type: "text", text: url });
-    }
-    chain.run();
-    setUrl(null);
-    onSetLink == null ? void 0 : onSetLink();
-  }, [editor, onSetLink, url]);
-  const removeLink = React.useCallback(() => {
-    if (!editor) return;
-    editor.chain().focus().extendMarkRange("link").unsetLink().setMeta("preventAutolink", true).run();
-    setUrl("");
-  }, [editor]);
-  const openLink = React.useCallback(
-    (target = "_blank", features = "noopener,noreferrer") => {
-      if (!url) return;
-      const safeUrl = sanitizeUrl(url, window.location.href);
-      if (safeUrl !== "#") {
-        window.open(safeUrl, target, features);
-      }
-    },
-    [url]
-  );
-  return {
-    url: url || "",
-    setUrl,
-    setLink,
-    removeLink,
-    openLink
-  };
-}
-function useLinkState(props) {
-  const { editor, hideWhenUnavailable = false } = props;
-  const canSet = canSetLink(editor);
-  const isActive = isLinkActive(editor);
-  const [isVisible, setIsVisible] = React.useState(false);
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(
-        shouldShowLinkButton({
-          editor,
-          hideWhenUnavailable
-        })
-      );
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  return {
-    isVisible,
-    canSet,
-    isActive
-  };
-}
-function useLinkPopover(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onSetLink
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const { isVisible, canSet, isActive } = useLinkState({
-    editor,
-    hideWhenUnavailable
-  });
-  const linkHandler = useLinkHandler({
-    editor,
-    onSetLink
-  });
-  return {
-    isVisible,
-    canSet,
-    isActive,
-    label: "Link",
-    Icon: LinkIcon,
-    ...linkHandler
-  };
-}
-
-export {
-  canSetLink,
-  isLinkActive,
-  shouldShowLinkButton,
-  useLinkHandler,
-  useLinkState,
-  useLinkPopover
-};

package/dist/chunk-VX3HSJ76.mjs

@@ -1,73 +0,0 @@
-"use client";
-import {
-  useTableBlock
-} from "./chunk-YJAHZXLG.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/table-button/index.tsx
-import { ToolbarButton } from "@kopexa/toolbar";
-import { useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TableButton = ({
-  editor: providedEditor,
-  text,
-  hideWhenUnavailable = false,
-  onToggled,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    canToggle,
-    isActive,
-    handleToggle,
-    label,
-    //     shortcutKeys,
-    Icon
-  } = useTableBlock({
-    editor,
-    hideWhenUnavailable,
-    onToggled
-  });
-  const handleClick = useCallback(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleToggle();
-    },
-    [handleToggle, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      disabled: !canToggle,
-      "data-disabled": !canToggle,
-      tabIndex: -1,
-      "aria-label": label,
-      "aria-pressed": isActive,
-      title: label,
-      onClick: handleClick,
-      isIconOnly: !text && !children,
-      ...buttonProps,
-      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Icon, {}),
-        text && /* @__PURE__ */ jsx("span", { children: text })
-      ] })
-    }
-  );
-};
-
-export {
-  TableButton
-};

package/dist/chunk-W2FLOOJ6.mjs

@@ -1,75 +0,0 @@
-"use client";
-import {
-  useBlockquote
-} from "./chunk-ZZ4OU46C.mjs";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/blockquote-button/blockquote-button.tsx
-import { ToolbarButton } from "@kopexa/toolbar";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BlockquoteButton = ({
-  editor: providedEditor,
-  text,
-  hideWhenUnavailable = false,
-  onToggled,
-  showShortcut = false,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    canToggle,
-    isActive,
-    handleToggle,
-    label,
-    shortcutKeys,
-    Icon
-  } = useBlockquote({
-    editor,
-    hideWhenUnavailable,
-    onToggled
-  });
-  const handleClick = React.useCallback(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleToggle();
-    },
-    [handleToggle, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      disabled: !canToggle,
-      "data-disabled": !canToggle,
-      "data-active-state": isActive ? "on" : "off",
-      tabIndex: -1,
-      "aria-label": "blockquote",
-      "aria-pressed": isActive,
-      title: label,
-      shortcutKeys,
-      onClick: handleClick,
-      isIconOnly: !text && !children,
-      ...buttonProps,
-      children: children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Icon, {}),
-        text && /* @__PURE__ */ jsx("span", { children: text })
-      ] })
-    }
-  );
-};
-
-export {
-  BlockquoteButton
-};