@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/extensions/toc/messages.js

@@ -1,103 +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/toc/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)({
-  title: {
-    id: "editor.toc.title",
-    defaultMessage: "Table of Contents",
-    description: "Title of the table of contents"
-  },
-  save: {
-    id: "editor.toc.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.toc.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  },
-  empty_state: {
-    id: "editor.toc.empty_state",
-    defaultMessage: "No headings found. Add headings (H1-H6) to populate the table of contents.",
-    description: "Empty state when no headings are present"
-  },
-  empty_heading: {
-    id: "editor.toc.empty_heading",
-    defaultMessage: "(Empty heading)",
-    description: "Placeholder for empty heading text"
-  },
-  settings: {
-    id: "editor.toc.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  min_level: {
-    id: "editor.toc.min_level",
-    defaultMessage: "Minimum level",
-    description: "Minimum heading level setting"
-  },
-  max_level: {
-    id: "editor.toc.max_level",
-    defaultMessage: "Maximum level",
-    description: "Maximum heading level setting"
-  },
-  numbered: {
-    id: "editor.toc.numbered",
-    defaultMessage: "Numbering",
-    description: "Numbering toggle label"
-  },
-  numbered_hint: {
-    id: "editor.toc.numbered_hint",
-    defaultMessage: "Show hierarchical numbering (1, 1.1, 1.1.1)",
-    description: "Hint for numbering toggle"
-  },
-  style: {
-    id: "editor.toc.style",
-    defaultMessage: "Style",
-    description: "Style setting label"
-  },
-  style_default: {
-    id: "editor.toc.style_default",
-    defaultMessage: "Default",
-    description: "Default style option"
-  },
-  style_flat: {
-    id: "editor.toc.style_flat",
-    defaultMessage: "Flat",
-    description: "Flat style option"
-  },
-  style_compact: {
-    id: "editor.toc.style_compact",
-    defaultMessage: "Compact",
-    description: "Compact style option"
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  messages
-});

package/dist/extensions/toc/messages.mjs

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

package/dist/extensions/toc/toc-settings.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-import { TocAttrs as TocNodeAttrs } from './index.mjs';
-import '@tiptap/core';
-
-interface TocSettingsProps {
-    editor: Editor;
-    attrs: TocNodeAttrs;
-    getPos: () => number | undefined;
-}
-declare function TocSettings({ editor, attrs, getPos }: TocSettingsProps): react_jsx_runtime.JSX.Element | null;
-
-export { TocSettings };

package/dist/extensions/toc/toc-settings.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-import { TocAttrs as TocNodeAttrs } from './index.js';
-import '@tiptap/core';
-
-interface TocSettingsProps {
-    editor: Editor;
-    attrs: TocNodeAttrs;
-    getPos: () => number | undefined;
-}
-declare function TocSettings({ editor, attrs, getPos }: TocSettingsProps): react_jsx_runtime.JSX.Element | null;
-
-export { TocSettings };

package/dist/extensions/toc/toc-settings.js

@@ -1,283 +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/toc/toc-settings.tsx
-var toc_settings_exports = {};
-__export(toc_settings_exports, {
-  TocSettings: () => TocSettings
-});
-module.exports = __toCommonJS(toc_settings_exports);
-var import_button = require("@kopexa/button");
-var import_dialog = require("@kopexa/dialog");
-var import_icons = require("@kopexa/icons");
-var import_label = require("@kopexa/label");
-var import_select = require("@kopexa/select");
-var import_switch = require("@kopexa/switch");
-var import_react = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/extensions/toc/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  title: {
-    id: "editor.toc.title",
-    defaultMessage: "Table of Contents",
-    description: "Title of the table of contents"
-  },
-  save: {
-    id: "editor.toc.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.toc.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  },
-  empty_state: {
-    id: "editor.toc.empty_state",
-    defaultMessage: "No headings found. Add headings (H1-H6) to populate the table of contents.",
-    description: "Empty state when no headings are present"
-  },
-  empty_heading: {
-    id: "editor.toc.empty_heading",
-    defaultMessage: "(Empty heading)",
-    description: "Placeholder for empty heading text"
-  },
-  settings: {
-    id: "editor.toc.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  min_level: {
-    id: "editor.toc.min_level",
-    defaultMessage: "Minimum level",
-    description: "Minimum heading level setting"
-  },
-  max_level: {
-    id: "editor.toc.max_level",
-    defaultMessage: "Maximum level",
-    description: "Maximum heading level setting"
-  },
-  numbered: {
-    id: "editor.toc.numbered",
-    defaultMessage: "Numbering",
-    description: "Numbering toggle label"
-  },
-  numbered_hint: {
-    id: "editor.toc.numbered_hint",
-    defaultMessage: "Show hierarchical numbering (1, 1.1, 1.1.1)",
-    description: "Hint for numbering toggle"
-  },
-  style: {
-    id: "editor.toc.style",
-    defaultMessage: "Style",
-    description: "Style setting label"
-  },
-  style_default: {
-    id: "editor.toc.style_default",
-    defaultMessage: "Default",
-    description: "Default style option"
-  },
-  style_flat: {
-    id: "editor.toc.style_flat",
-    defaultMessage: "Flat",
-    description: "Flat style option"
-  },
-  style_compact: {
-    id: "editor.toc.style_compact",
-    defaultMessage: "Compact",
-    description: "Compact style option"
-  }
-});
-
-// src/extensions/toc/toc-settings.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var HEADING_LEVELS = [
-  { value: "1", label: "H1" },
-  { value: "2", label: "H2" },
-  { value: "3", label: "H3" },
-  { value: "4", label: "H4" },
-  { value: "5", label: "H5" },
-  { value: "6", label: "H6" }
-];
-function TocSettings({ 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 handleMinLevelChange = (0, import_react.useCallback)((value) => {
-    const minLevel = Number.parseInt(String(value), 10);
-    setLocalAttrs((prev) => ({
-      ...prev,
-      minLevel,
-      // Ensure maxLevel is not less than minLevel
-      maxLevel: Math.max(prev.maxLevel, minLevel)
-    }));
-  }, []);
-  const handleMaxLevelChange = (0, import_react.useCallback)((value) => {
-    const maxLevel = Number.parseInt(String(value), 10);
-    setLocalAttrs((prev) => ({
-      ...prev,
-      maxLevel,
-      // Ensure minLevel is not greater than maxLevel
-      minLevel: Math.min(prev.minLevel, maxLevel)
-    }));
-  }, []);
-  const handleNumberedChange = (0, import_react.useCallback)((checked) => {
-    setLocalAttrs((prev) => ({ ...prev, numbered: checked }));
-  }, []);
-  const handleStyleChange = (0, import_react.useCallback)((value) => {
-    setLocalAttrs((prev) => ({
-      ...prev,
-      style: String(value)
-    }));
-  }, []);
-  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: "grid grid-cols-2 gap-3", 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.min_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_select.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.minLevel),
-                onValueChange: handleMinLevelChange,
-                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: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_select.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) > localAttrs.maxLevel,
-                      children: level.label
-                    },
-                    level.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.max_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_select.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.maxLevel),
-                onValueChange: handleMaxLevelChange,
-                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: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_select.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) < localAttrs.minLevel,
-                      children: level.label
-                    },
-                    level.value
-                  )) })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.numbered) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages.numbered_hint) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_switch.Switch,
-            {
-              size: "sm",
-              checked: localAttrs.numbered,
-              onCheckedChange: handleNumberedChange
-            }
-          )
-        ] }),
-        /* @__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.style) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_select.Select,
-            {
-              size: "sm",
-              value: localAttrs.style,
-              onValueChange: handleStyleChange,
-              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.jsxs)(import_select.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "default", children: intl.formatMessage(messages.style_default) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "flat", children: intl.formatMessage(messages.style_flat) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.Select.Item, { value: "compact", children: intl.formatMessage(messages.style_compact) })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__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) })
-      ] })
-    ] }) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TocSettings
-});

package/dist/extensions/toc/toc-settings.mjs

@@ -1,9 +0,0 @@
-"use client";
-"use client";
-import {
-  TocSettings
-} from "../../chunk-4CDZ547I.mjs";
-import "../../chunk-TAM3VMJT.mjs";
-export {
-  TocSettings
-};

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

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeViewProps } from '@tiptap/react';
-
-/**
- * Table of Contents NodeView Component
- *
- * Renders an inline table of contents based on document headings.
- * Updates automatically when headings change.
- */
-declare function TocNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
-
-export { TocNodeView, TocNodeView as default };

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

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeViewProps } from '@tiptap/react';
-
-/**
- * Table of Contents NodeView Component
- *
- * Renders an inline table of contents based on document headings.
- * Updates automatically when headings change.
- */
-declare function TocNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
-
-export { TocNodeView, TocNodeView as default };