@zeke-02/docx-editor-react 0.1.0

package/dist/useFindReplace-C5gZIvkA.d.ts

@@ -0,0 +1,219 @@
+import React__default, { CSSProperties, ReactNode } from 'react';
+import { Table } from '@zeke-02/docx-editor-core/types/document';
+import { FindMatch, FindOptions } from '@zeke-02/docx-editor-core/utils/findReplace';
+
+/**
+ * TableToolbar Component
+ *
+ * Provides controls for editing tables:
+ * - Add row above/below
+ * - Add column left/right
+ * - Delete row/column
+ * - Merge cells
+ * - Split cell
+ *
+ * Shows when cursor is in a table.
+ */
+
+/**
+ * Table editing action types
+ */
+type TableAction = 'addRowAbove' | 'addRowBelow' | 'addColumnLeft' | 'addColumnRight' | 'deleteRow' | 'deleteColumn' | 'mergeCells' | 'splitCell' | 'deleteTable' | 'selectTable' | 'selectRow' | 'selectColumn' | 'borderAll' | 'borderOutside' | 'borderInside' | 'borderNone' | 'borderTop' | 'borderBottom' | 'borderLeft' | 'borderRight' | {
+    type: 'cellFillColor';
+    color: string | null;
+} | {
+    type: 'borderColor';
+    color: string;
+} | {
+    type: 'borderWidth';
+    size: number;
+} | {
+    type: 'cellBorder';
+    side: 'top' | 'bottom' | 'left' | 'right' | 'all';
+    style: string;
+    size: number;
+    color: string;
+} | {
+    type: 'cellVerticalAlign';
+    align: 'top' | 'center' | 'bottom';
+} | {
+    type: 'cellMargins';
+    margins: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+} | {
+    type: 'cellTextDirection';
+    direction: string | null;
+} | {
+    type: 'toggleNoWrap';
+} | {
+    type: 'rowHeight';
+    height: number | null;
+    rule?: 'auto' | 'atLeast' | 'exact';
+} | {
+    type: 'toggleHeaderRow';
+} | {
+    type: 'distributeColumns';
+} | {
+    type: 'autoFitContents';
+} | {
+    type: 'tableProperties';
+    props: {
+        width?: number | null;
+        widthType?: string | null;
+        justification?: 'left' | 'center' | 'right' | null;
+    };
+} | {
+    type: 'openTableProperties';
+} | {
+    type: 'applyTableStyle';
+    styleId: string;
+};
+/**
+ * Selection within a table
+ */
+interface TableSelection {
+    /** Index of the table in the document */
+    tableIndex: number;
+    /** Row index (0-indexed) */
+    rowIndex: number;
+    /** Column index (0-indexed) */
+    columnIndex: number;
+    /** Selected cell range for multi-cell selection */
+    selectedCells?: {
+        startRow: number;
+        startCol: number;
+        endRow: number;
+        endCol: number;
+    };
+}
+/**
+ * Context for table operations
+ */
+interface TableContext {
+    /** The table being edited */
+    table: Table;
+    /** Current selection within the table */
+    selection: TableSelection;
+    /** Whether multiple cells are selected (for merge) */
+    hasMultiCellSelection: boolean;
+    /** Whether current cell can be split */
+    canSplitCell: boolean;
+    /** Total number of rows */
+    rowCount: number;
+    /** Total number of columns */
+    columnCount: number;
+}
+interface TableSplitConfig {
+    minRows: number;
+    minCols: number;
+    initialRows: number;
+    initialCols: number;
+}
+/**
+ * Props for TableToolbar component
+ */
+interface TableToolbarProps {
+    /** Current table context (null if cursor not in table) */
+    context: TableContext | null;
+    /** Callback when a table action is triggered */
+    onAction?: (action: TableAction, context: TableContext) => void;
+    /** Whether the toolbar is disabled */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Show labels next to icons */
+    showLabels?: boolean;
+    /** Compact mode */
+    compact?: boolean;
+    /** Position of the toolbar */
+    position?: 'top' | 'floating';
+    /** Custom render for additional buttons */
+    children?: ReactNode;
+}
+/**
+ * TableToolbar - Shows table manipulation controls when cursor is in a table
+ */
+declare function TableToolbar({ context, onAction, disabled, className, style, showLabels, compact, position, children, }: TableToolbarProps): React__default.ReactElement | null;
+
+/**
+ * useFindReplace Hook
+ *
+ * React hook for managing find/replace dialog state.
+ * Extracted from FindReplaceDialog.tsx.
+ */
+
+/**
+ * Options for the useFindReplace hook
+ */
+interface FindReplaceOptions {
+    /** Whether to show replace functionality initially */
+    initialReplaceMode?: boolean;
+    /** Callback when matches change */
+    onMatchesChange?: (matches: FindMatch[]) => void;
+    /** Callback when current match changes */
+    onCurrentMatchChange?: (match: FindMatch | null, index: number) => void;
+}
+/**
+ * State for the find/replace hook
+ */
+interface FindReplaceState {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Current search text */
+    searchText: string;
+    /** Current replace text */
+    replaceText: string;
+    /** Find options */
+    options: FindOptions;
+    /** All matches found */
+    matches: FindMatch[];
+    /** Current match index */
+    currentIndex: number;
+    /** Whether in replace mode */
+    replaceMode: boolean;
+}
+/**
+ * Return type for the useFindReplace hook
+ */
+interface UseFindReplaceReturn {
+    /** Current state */
+    state: FindReplaceState;
+    /** Open the find dialog */
+    openFind: (selectedText?: string) => void;
+    /** Open the replace dialog */
+    openReplace: (selectedText?: string) => void;
+    /** Close the dialog */
+    close: () => void;
+    /** Toggle dialog visibility */
+    toggle: () => void;
+    /** Update search text */
+    setSearchText: (text: string) => void;
+    /** Update replace text */
+    setReplaceText: (text: string) => void;
+    /** Update find options */
+    setOptions: (options: Partial<FindOptions>) => void;
+    /** Set search results */
+    setMatches: (matches: FindMatch[], currentIndex?: number) => void;
+    /** Go to next match */
+    goToNextMatch: () => number;
+    /** Go to previous match */
+    goToPreviousMatch: () => number;
+    /** Go to a specific match by index */
+    goToMatch: (index: number) => void;
+    /** Get current match */
+    getCurrentMatch: () => FindMatch | null;
+    /** Check if has matches */
+    hasMatches: () => boolean;
+}
+/**
+ * Hook for managing find/replace dialog state
+ */
+declare function useFindReplace(hookOptions?: FindReplaceOptions): UseFindReplaceReturn;
+
+export { type FindReplaceOptions as F, type TableSelection as T, type UseFindReplaceReturn as U, type TableContext as a, type TableSplitConfig as b, type TableAction as c, type FindReplaceState as d, TableToolbar as e, type TableToolbarProps as f, useFindReplace as u };

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@zeke-02/docx-editor-react",
+  "version": "0.1.0",
+  "description": "React DOCX editor adapter for @zeke-02/docx-editor-core (fork of @zeke-02/docx-editor-react).",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.mjs",
+      "require": "./dist/ui.js"
+    },
+    "./dialogs": {
+      "types": "./dist/dialogs.d.ts",
+      "import": "./dist/dialogs.mjs",
+      "require": "./dist/dialogs.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.js"
+    },
+    "./plugin-api": {
+      "types": "./dist/plugin-api.d.ts",
+      "import": "./dist/plugin-api.mjs",
+      "require": "./dist/plugin-api.js"
+    },
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "import": "./dist/styles.mjs",
+      "require": "./dist/styles.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "typesVersions": {
+    "*": {
+      "ui": [
+        "./dist/ui.d.ts"
+      ],
+      "dialogs": [
+        "./dist/dialogs.d.ts"
+      ],
+      "hooks": [
+        "./dist/hooks.d.ts"
+      ],
+      "plugin-api": [
+        "./dist/plugin-api.d.ts"
+      ],
+      "styles": [
+        "./dist/styles.d.ts"
+      ]
+    }
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && bun run build:css && node ../../scripts/inject-package-doc.mjs --package @zeke-02/docx-editor-react",
+    "build:css": "tailwindcss -c ./tailwind.config.js -i ./src/styles/editor.css -o ./dist/styles.css --minify",
+    "typecheck": "tsc --noEmit",
+    "api:extract": "node ../../scripts/api-extractor.mjs --package @zeke-02/docx-editor-react --local",
+    "api:check": "node ../../scripts/api-extractor.mjs --package @zeke-02/docx-editor-react"
+  },
+  "peerDependencies": {
+    "prosemirror-commands": "^1.5.2",
+    "prosemirror-dropcursor": "^1.8.2",
+    "prosemirror-history": "^1.4.0",
+    "prosemirror-keymap": "^1.2.2",
+    "prosemirror-model": "^1.19.4",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.8.5",
+    "prosemirror-transform": "^1.12.0",
+    "prosemirror-view": "^1.41.6",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@zeke-02/docx-editor-agents": "0.1.0",
+    "@zeke-02/docx-editor-core": "0.1.0",
+    "@eigenpal/docx-editor-i18n": "^1.0.3",
+    "@radix-ui/react-select": "^2.2.6",
+    "clsx": "^2.1.0",
+    "sonner": "^2.0.7"
+  },
+  "devDependencies": {
+    "prosemirror-commands": "^1.5.2",
+    "prosemirror-dropcursor": "^1.8.2",
+    "prosemirror-history": "^1.4.0",
+    "prosemirror-keymap": "^1.2.2",
+    "prosemirror-model": "^1.19.4",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.8.5",
+    "prosemirror-transform": "^1.12.0",
+    "prosemirror-view": "^1.41.6"
+  },
+  "keywords": [
+    "docx",
+    "editor",
+    "template",
+    "word",
+    "document",
+    "react",
+    "prosemirror"
+  ],
+  "author": {
+    "name": "Jedr Blaszyk",
+    "email": "jedr@eigenpal.com",
+    "url": "https://github.com/jedrazb"
+  },
+  "license": "Apache-2.0",
+  "homepage": "https://docx-editor.dev/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zeke-02/docx-editor.git",
+    "directory": "packages/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}