@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/extensions/callout/index.js

@@ -1,380 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/extensions/callout/index.ts
-var callout_exports = {};
-__export(callout_exports, {
-  CalloutNode: () => CalloutNode,
-  default: () => callout_default
-});
-module.exports = __toCommonJS(callout_exports);
-var import_core = require("@tiptap/core");
-var import_react4 = require("@tiptap/react");
-
-// src/extensions/callout/callout-view.tsx
-var import_icons2 = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-
-// src/extensions/callout/callout-settings.tsx
-var import_button = require("@kopexa/button");
-var import_dialog = require("@kopexa/dialog");
-var import_icons = require("@kopexa/icons");
-var import_input = require("@kopexa/input");
-var import_label = require("@kopexa/label");
-var import_select = require("@kopexa/select");
-var import_react = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/extensions/callout/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  settings: {
-    id: "editor.callout.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  variant: {
-    id: "editor.callout.variant",
-    defaultMessage: "Variant",
-    description: "Variant setting label"
-  },
-  variant_default: {
-    id: "editor.callout.variant_default",
-    defaultMessage: "Default",
-    description: "Default variant option"
-  },
-  variant_info: {
-    id: "editor.callout.variant_info",
-    defaultMessage: "Info",
-    description: "Info variant option"
-  },
-  variant_success: {
-    id: "editor.callout.variant_success",
-    defaultMessage: "Success",
-    description: "Success variant option"
-  },
-  variant_warning: {
-    id: "editor.callout.variant_warning",
-    defaultMessage: "Warning",
-    description: "Warning variant option"
-  },
-  variant_destructive: {
-    id: "editor.callout.variant_destructive",
-    defaultMessage: "Error",
-    description: "Destructive/Error variant option"
-  },
-  title: {
-    id: "editor.callout.title",
-    defaultMessage: "Title",
-    description: "Title input label"
-  },
-  title_placeholder: {
-    id: "editor.callout.title_placeholder",
-    defaultMessage: "Optional title...",
-    description: "Title input placeholder"
-  },
-  save: {
-    id: "editor.callout.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.callout.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  }
-});
-
-// src/extensions/callout/callout-settings.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var VARIANTS = [
-  { value: "default", messageKey: "variant_default" },
-  { value: "info", messageKey: "variant_info" },
-  { value: "success", messageKey: "variant_success" },
-  { value: "warning", messageKey: "variant_warning" },
-  { value: "destructive", messageKey: "variant_destructive" }
-];
-function CalloutSettings({
-  editor,
-  attrs,
-  getPos
-}) {
-  const intl = (0, import_react_intl2.useIntl)();
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [localAttrs, setLocalAttrs] = (0, import_react.useState)(attrs);
-  (0, import_react.useEffect)(() => {
-    if (isOpen) {
-      setLocalAttrs(attrs);
-    }
-  }, [isOpen, attrs]);
-  const handleSave = (0, import_react.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.view.dispatch(
-      editor.state.tr.setNodeMarkup(pos, void 0, localAttrs)
-    );
-    setIsOpen(false);
-  }, [editor, localAttrs, getPos]);
-  const handleCancel = (0, import_react.useCallback)(() => {
-    setLocalAttrs(attrs);
-    setIsOpen(false);
-  }, [attrs]);
-  const handleVariantChange = (0, import_react.useCallback)((value) => {
-    setLocalAttrs((prev) => ({
-      ...prev,
-      variant: String(value)
-    }));
-  }, []);
-  const handleTitleChange = (0, import_react.useCallback)(
-    (e) => {
-      const value = e.target.value;
-      setLocalAttrs((prev) => ({
-        ...prev,
-        title: value || null
-      }));
-    },
-    []
-  );
-  if (!editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.IconButton,
-      {
-        size: "sm",
-        variant: "ghost",
-        "aria-label": intl.formatMessage(messages.settings),
-        onClick: (e) => {
-          e.stopPropagation();
-          e.preventDefault();
-          setIsOpen(true);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SettingsIcon, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { children: intl.formatMessage(messages.settings) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.variant) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_select.Select,
-            {
-              size: "sm",
-              value: localAttrs.variant,
-              onValueChange: handleVariantChange,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Content, { children: VARIANTS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: v.value, children: intl.formatMessage(messages[v.messageKey]) }, v.value)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.title) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_input.Input,
-            {
-              size: "sm",
-              value: localAttrs.title || "",
-              onChange: handleTitleChange,
-              placeholder: intl.formatMessage(messages.title_placeholder)
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: handleSave, children: intl.formatMessage(messages.save) })
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/extensions/callout/callout-view.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function getVariantIcon(variant, iconClass) {
-  switch (variant) {
-    case "info":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.InfoIcon, { className: iconClass });
-    case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.CheckCirleIcon, { className: iconClass });
-    case "warning":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.AlertIcon, { className: iconClass });
-    case "destructive":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.AlertCircleIcon, { className: iconClass });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.ShellIcon, { className: iconClass });
-  }
-}
-function CalloutNodeView({ editor, node, getPos }) {
-  const attrs = node.attrs;
-  const { variant = "info", title } = attrs;
-  const isEditable = (0, import_react2.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const styles = (0, import_react3.useMemo)(
-    () => (0, import_theme.callout)({
-      variant,
-      radius: "md",
-      size: "md"
-    }),
-    [variant]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    import_react2.NodeViewWrapper,
-    {
-      className: styles.root(),
-      "data-type": "callout",
-      "data-variant": variant,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.iconContainer(), children: getVariantIcon(variant, styles.icon()) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.content(), children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.title(), children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewContent, { className: "callout-content" })
-        ] }),
-        isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          CalloutSettings,
-          {
-            editor,
-            attrs,
-            getPos
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/extensions/callout/index.ts
-var CalloutNode = import_core.Node.create({
-  name: "calloutNode",
-  group: "block",
-  content: "block+",
-  defining: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      variant: {
-        default: "info",
-        parseHTML: (element) => element.getAttribute("data-variant") || "info",
-        renderHTML: (attributes) => ({
-          "data-variant": attributes.variant
-        })
-      },
-      title: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-title") || null,
-        renderHTML: (attributes) => {
-          if (!attributes.title) return {};
-          return {
-            "data-title": attributes.title
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="callout"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      (0, import_core.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "callout"
-      }),
-      0
-    ];
-  },
-  addNodeView() {
-    return (0, import_react4.ReactNodeViewRenderer)(CalloutNodeView);
-  },
-  addCommands() {
-    return {
-      insertCallout: (variant = "info") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { variant },
-          content: [
-            {
-              type: "paragraph"
-            }
-          ]
-        });
-      },
-      updateCalloutSettings: (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;
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      // Allow backspace at start to lift content out of callout
-      Backspace: ({ editor }) => {
-        var _a;
-        const { state } = editor;
-        const { selection } = state;
-        const { $from } = selection;
-        if ($from.parent.type.name === "paragraph" && $from.parentOffset === 0) {
-          const calloutNode = $from.node(-1);
-          if ((calloutNode == null ? void 0 : calloutNode.type.name) === this.name) {
-            if (calloutNode.childCount === 1 && ((_a = calloutNode.firstChild) == null ? void 0 : _a.textContent) === "") {
-              return editor.commands.deleteNode(this.name);
-            }
-          }
-        }
-        return false;
-      }
-    };
-  }
-});
-var callout_default = CalloutNode;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CalloutNode
-});

package/dist/extensions/callout/index.mjs

@@ -1,13 +0,0 @@
-"use client";
-"use client";
-import {
-  CalloutNode,
-  callout_default
-} from "../../chunk-32SUXCAQ.mjs";
-import "../../chunk-VF3G2URZ.mjs";
-import "../../chunk-N4CT5RNC.mjs";
-import "../../chunk-JCV5SEKN.mjs";
-export {
-  CalloutNode,
-  callout_default as default
-};

package/dist/extensions/callout/messages.d.mts

@@ -1,59 +0,0 @@
-declare const messages: {
-    settings: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_default: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_info: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_success: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_warning: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_destructive: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    title_placeholder: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    save: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    cancel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-
-export { messages };

package/dist/extensions/callout/messages.d.ts

@@ -1,59 +0,0 @@
-declare const messages: {
-    settings: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_default: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_info: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_success: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_warning: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    variant_destructive: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    title_placeholder: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    save: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    cancel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-
-export { messages };

package/dist/extensions/callout/messages.js

@@ -1,88 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/extensions/callout/messages.ts
-var messages_exports = {};
-__export(messages_exports, {
-  messages: () => messages
-});
-module.exports = __toCommonJS(messages_exports);
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  settings: {
-    id: "editor.callout.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  variant: {
-    id: "editor.callout.variant",
-    defaultMessage: "Variant",
-    description: "Variant setting label"
-  },
-  variant_default: {
-    id: "editor.callout.variant_default",
-    defaultMessage: "Default",
-    description: "Default variant option"
-  },
-  variant_info: {
-    id: "editor.callout.variant_info",
-    defaultMessage: "Info",
-    description: "Info variant option"
-  },
-  variant_success: {
-    id: "editor.callout.variant_success",
-    defaultMessage: "Success",
-    description: "Success variant option"
-  },
-  variant_warning: {
-    id: "editor.callout.variant_warning",
-    defaultMessage: "Warning",
-    description: "Warning variant option"
-  },
-  variant_destructive: {
-    id: "editor.callout.variant_destructive",
-    defaultMessage: "Error",
-    description: "Destructive/Error variant option"
-  },
-  title: {
-    id: "editor.callout.title",
-    defaultMessage: "Title",
-    description: "Title input label"
-  },
-  title_placeholder: {
-    id: "editor.callout.title_placeholder",
-    defaultMessage: "Optional title...",
-    description: "Title input placeholder"
-  },
-  save: {
-    id: "editor.callout.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.callout.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  messages
-});

package/dist/extensions/callout/messages.mjs

@@ -1,7 +0,0 @@
-"use client";
-import {
-  messages
-} from "../../chunk-JCV5SEKN.mjs";
-export {
-  messages
-};

package/dist/extensions/image/image-view.d.mts

@@ -1,15 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeViewProps } from '@tiptap/react';
-
-/**
- * Image NodeView Component
- *
- * Handles:
- * - Resolving file references to displayable URLs
- * - Upload states for drag & drop / paste uploads
- * - Loading states while resolving URLs
- * - Error handling for failed resolution
- */
-declare function ImageNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
-
-export { ImageNodeView, ImageNodeView as default };

package/dist/extensions/image/image-view.d.ts

@@ -1,15 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeViewProps } from '@tiptap/react';
-
-/**
- * Image NodeView Component
- *
- * Handles:
- * - Resolving file references to displayable URLs
- * - Upload states for drag & drop / paste uploads
- * - Loading states while resolving URLs
- * - Error handling for failed resolution
- */
-declare function ImageNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
-
-export { ImageNodeView, ImageNodeView as default };