@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/ui/table-button/index.js

@@ -1,202 +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/ui/table-button/index.tsx
-var table_button_exports = {};
-__export(table_button_exports, {
-  TableButton: () => TableButton
-});
-module.exports = __toCommonJS(table_button_exports);
-var import_toolbar = require("@kopexa/toolbar");
-var import_react5 = require("react");
-
-// src/hooks/use-tiptap-editor.ts
-var import_react = require("@tiptap/react");
-var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
-  const mainEditor = (0, import_react2.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/table-button/use-table.ts
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-function canToggle(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("table", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"])) {
-    return false;
-  }
-  try {
-    return editor.can().insertTable({ rows: 3, cols: 3, withHeaderRow: true });
-  } catch {
-    return false;
-  }
-}
-function toggleTable(editor, config) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggle(editor)) return false;
-  try {
-    return editor.chain().focus().insertTable({
-      rows: (config == null ? void 0 : config.rows) || 3,
-      cols: (config == null ? void 0 : config.cols) || 3,
-      withHeaderRow: (_a = config == null ? void 0 : config.withHeaderRow) != null ? _a : true
-    }).run();
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("table", editor)) return false;
-  if (hideWhenUnavailable) {
-    if ((0, import_react3.isNodeSelection)(editor.state.selection) || !canToggle) {
-      return false;
-    }
-  }
-  return true;
-}
-function useTableBlock(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = (0, import_react4.useState)(true);
-  const canToggleState = canToggle(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("table")) || false;
-  (0, import_react4.useEffect)(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = (0, import_react4.useCallback)(() => {
-    if (!editor) return false;
-    const success = toggleTable(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle: canToggleState,
-    label: "Table",
-    // shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
-    Icon: import_icons.TableIcon
-  };
-}
-
-// src/ui/table-button/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var TableButton = ({
-  editor: providedEditor,
-  text,
-  hideWhenUnavailable = false,
-  onToggled,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    canToggle: canToggle2,
-    isActive,
-    handleToggle,
-    label,
-    //     shortcutKeys,
-    Icon
-  } = useTableBlock({
-    editor,
-    hideWhenUnavailable,
-    onToggled
-  });
-  const handleClick = (0, import_react5.useCallback)(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleToggle();
-    },
-    [handleToggle, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_toolbar.ToolbarButton,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      disabled: !canToggle2,
-      "data-disabled": !canToggle2,
-      tabIndex: -1,
-      "aria-label": label,
-      "aria-pressed": isActive,
-      title: label,
-      onClick: handleClick,
-      isIconOnly: !text && !children,
-      ...buttonProps,
-      children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}),
-        text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text })
-      ] })
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableButton
-});

package/dist/ui/table-button/index.mjs

@@ -1,9 +0,0 @@
-"use client";
-import {
-  TableButton
-} from "../../chunk-VX3HSJ76.mjs";
-import "../../chunk-YJAHZXLG.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  TableButton
-};

package/dist/ui/table-button/use-table.d.mts

@@ -1,51 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-/**
- * Checks if table can be toggled in the current editor state
- */
-declare function canToggle(editor: Editor | null): boolean;
-/**
- * Toggles table block in the editor
- */
-declare function toggleTable(editor: Editor | null, config?: {
-    rows?: number;
-    cols?: number;
-    withHeaderRow?: boolean;
-}): boolean;
-/**
- * Determines if the table block button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-}): boolean;
-/**
- * Configuration for the table block functionality
- */
-interface UseTableBlockConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Whether the button should hide when table block is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful table block toggle.
-     */
-    onToggled?: () => void;
-}
-declare function useTableBlock(config?: UseTableBlockConfig): {
-    isVisible: boolean;
-    isActive: boolean;
-    handleToggle: () => boolean;
-    canToggle: boolean;
-    label: string;
-    Icon: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-
-export { type UseTableBlockConfig, canToggle, shouldShowButton, toggleTable, useTableBlock };

package/dist/ui/table-button/use-table.d.ts

@@ -1,51 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-/**
- * Checks if table can be toggled in the current editor state
- */
-declare function canToggle(editor: Editor | null): boolean;
-/**
- * Toggles table block in the editor
- */
-declare function toggleTable(editor: Editor | null, config?: {
-    rows?: number;
-    cols?: number;
-    withHeaderRow?: boolean;
-}): boolean;
-/**
- * Determines if the table block button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-}): boolean;
-/**
- * Configuration for the table block functionality
- */
-interface UseTableBlockConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Whether the button should hide when table block is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful table block toggle.
-     */
-    onToggled?: () => void;
-}
-declare function useTableBlock(config?: UseTableBlockConfig): {
-    isVisible: boolean;
-    isActive: boolean;
-    handleToggle: () => boolean;
-    canToggle: boolean;
-    label: string;
-    Icon: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-
-export { type UseTableBlockConfig, canToggle, shouldShowButton, toggleTable, useTableBlock };

package/dist/ui/table-button/use-table.js

@@ -1,146 +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/ui/table-button/use-table.ts
-var use_table_exports = {};
-__export(use_table_exports, {
-  canToggle: () => canToggle,
-  shouldShowButton: () => shouldShowButton,
-  toggleTable: () => toggleTable,
-  useTableBlock: () => useTableBlock
-});
-module.exports = __toCommonJS(use_table_exports);
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-
-// src/hooks/use-tiptap-editor.ts
-var import_react = require("@tiptap/react");
-var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
-  const mainEditor = (0, import_react2.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/table-button/use-table.ts
-function canToggle(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("table", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"])) {
-    return false;
-  }
-  try {
-    return editor.can().insertTable({ rows: 3, cols: 3, withHeaderRow: true });
-  } catch {
-    return false;
-  }
-}
-function toggleTable(editor, config) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggle(editor)) return false;
-  try {
-    return editor.chain().focus().insertTable({
-      rows: (config == null ? void 0 : config.rows) || 3,
-      cols: (config == null ? void 0 : config.cols) || 3,
-      withHeaderRow: (_a = config == null ? void 0 : config.withHeaderRow) != null ? _a : true
-    }).run();
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("table", editor)) return false;
-  if (hideWhenUnavailable) {
-    if ((0, import_react3.isNodeSelection)(editor.state.selection) || !canToggle) {
-      return false;
-    }
-  }
-  return true;
-}
-function useTableBlock(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = (0, import_react4.useState)(true);
-  const canToggleState = canToggle(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("table")) || false;
-  (0, import_react4.useEffect)(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = (0, import_react4.useCallback)(() => {
-    if (!editor) return false;
-    const success = toggleTable(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle: canToggleState,
-    label: "Table",
-    // shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
-    Icon: import_icons.TableIcon
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  canToggle,
-  shouldShowButton,
-  toggleTable,
-  useTableBlock
-});

package/dist/ui/table-button/use-table.mjs

@@ -1,14 +0,0 @@
-"use client";
-import {
-  canToggle,
-  shouldShowButton,
-  toggleTable,
-  useTableBlock
-} from "../../chunk-YJAHZXLG.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  canToggle,
-  shouldShowButton,
-  toggleTable,
-  useTableBlock
-};

package/dist/ui/text-align-button/index.d.mts

@@ -1,6 +0,0 @@
-export { TextAlignButton, TextAlignButtonProps } from './text-align-button.mjs';
-export { TEXT_ALIGN_SHORTCUT_KEYS, TextAlign, UseTextAlignConfig, canSetTextAlign, hasSetTextAlign, isTextAlignActive, setTextAlign, shouldShowButton, textAlignIcons, textAlignLabels, useTextAlign } from './use-text-align.mjs';
-import 'react/jsx-runtime';
-import '@kopexa/button';
-import '@kopexa/icons';
-import '@tiptap/react';

package/dist/ui/text-align-button/index.d.ts

@@ -1,6 +0,0 @@
-export { TextAlignButton, TextAlignButtonProps } from './text-align-button.js';
-export { TEXT_ALIGN_SHORTCUT_KEYS, TextAlign, UseTextAlignConfig, canSetTextAlign, hasSetTextAlign, isTextAlignActive, setTextAlign, shouldShowButton, textAlignIcons, textAlignLabels, useTextAlign } from './use-text-align.js';
-import 'react/jsx-runtime';
-import '@kopexa/button';
-import '@kopexa/icons';
-import '@tiptap/react';