@stll/folio-react 0.4.0 → 0.6.0

package/dist/dialogs-j7qyw17x.d.ts

@@ -0,0 +1,318 @@
+import React, { CSSProperties } from "react";
+import { Document, EndnoteProperties, FootnoteProperties, SectionProperties } from "@stll/folio-core/types/document";
+import { Watermark } from "@stll/folio-core/watermark";
+
+//#region src/components/dialogs/findReplaceUtils.d.ts
+/**
+ * A single match result in the document
+ */
+type FindMatch = {
+  /** Index of the paragraph containing the match */paragraphIndex: number; /** Index of the run/content within the paragraph */
+  contentIndex: number; /** Character offset within the content */
+  startOffset: number; /** Character offset for end of match */
+  endOffset: number; /** The matched text */
+  text: string;
+};
+/**
+ * Find options for controlling search behavior
+ */
+type FindOptions = {
+  /** Whether to match case */matchCase: boolean; /** Whether to match whole words only */
+  matchWholeWord: boolean; /** Whether to use regular expressions (future) */
+  useRegex?: boolean;
+};
+/**
+ * Find result with all matches
+ */
+type FindResult = {
+  /** All matches found */matches: FindMatch[]; /** Total match count */
+  totalCount: number; /** Current match index (0-based) */
+  currentIndex: number;
+};
+//#endregion
+//#region src/components/dialogs/FindReplaceDialog.d.ts
+/**
+ * Props for the FindReplaceDialog component
+ */
+type FindReplaceDialogProps = {
+  /** Whether the dialog is open */isOpen: boolean; /** Callback when dialog is closed */
+  onClose: () => void; /** Callback when searching for text */
+  onFind: (searchText: string, options: FindOptions) => FindResult | null; /** Callback when navigating to next match */
+  onFindNext: () => FindMatch | null; /** Callback when navigating to previous match */
+  onFindPrevious: () => FindMatch | null; /** Callback when replacing current match */
+  onReplace: (replaceText: string) => boolean; /** Callback when replacing all matches */
+  onReplaceAll: (searchText: string, replaceText: string, options: FindOptions) => number; /** Callback to highlight matches in document */
+  onHighlightMatches?: (matches: FindMatch[]) => void; /** Callback to clear highlights */
+  onClearHighlights?: () => void; /** Initial search text (e.g., from selected text) */
+  initialSearchText?: string; /** Whether to start in replace mode */
+  replaceMode?: boolean; /** Current match result (from external state) */
+  currentResult?: FindResult | null; /** Additional CSS class */
+  className?: string; /** Additional inline styles */
+  style?: CSSProperties;
+};
+/**
+ * FindReplaceDialog component - Modal for finding and replacing text
+ */
+declare function FindReplaceDialog({
+  isOpen,
+  onClose,
+  onFind,
+  onFindNext,
+  onFindPrevious,
+  onHighlightMatches,
+  onClearHighlights,
+  initialSearchText,
+  currentResult,
+  className,
+  style
+}: FindReplaceDialogProps): React.ReactElement | null;
+//#endregion
+//#region src/components/dialogs/FootnotePropertiesDialog.d.ts
+type FootnotePropertiesDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (footnoteProps: FootnoteProperties, endnoteProps: EndnoteProperties) => void;
+  footnotePr?: FootnoteProperties;
+  endnotePr?: EndnoteProperties;
+};
+declare function FootnotePropertiesDialog({
+  isOpen,
+  onClose,
+  onApply,
+  footnotePr,
+  endnotePr
+}: FootnotePropertiesDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/HyperlinkDialog.d.ts
+type HyperlinkBookmarkOption = {
+  name: string;
+  label?: string;
+};
+type HyperlinkDialogData = {
+  href: string;
+  displayText: string;
+  tooltip?: string;
+};
+type HyperlinkDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (data: HyperlinkDialogData) => void;
+  onRemove?: () => void;
+  currentData?: Partial<HyperlinkDialogData>;
+  selectedText?: string;
+  bookmarks?: readonly HyperlinkBookmarkOption[];
+};
+declare function HyperlinkDialog({
+  isOpen,
+  onClose,
+  onSubmit,
+  onRemove,
+  currentData,
+  selectedText,
+  bookmarks
+}: HyperlinkDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/ImagePositionDialog.d.ts
+/**
+ * Image Position Dialog
+ *
+ * Modal for editing image positioning settings:
+ * - Horizontal: alignment or offset, relative to page/column/margin/paragraph
+ * - Vertical: alignment or offset, relative to page/margin/paragraph/line
+ * - Distance from text (top/bottom/left/right)
+ */
+type ImagePositionData = {
+  horizontal?: {
+    relativeTo?: string;
+    posOffset?: number;
+    align?: string;
+  };
+  vertical?: {
+    relativeTo?: string;
+    posOffset?: number;
+    align?: string;
+  };
+  distTop?: number;
+  distBottom?: number;
+  distLeft?: number;
+  distRight?: number;
+};
+type ImagePositionDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (data: ImagePositionData) => void;
+  currentData?: ImagePositionData;
+};
+declare function ImagePositionDialog({
+  isOpen,
+  onClose,
+  onApply,
+  currentData
+}: ImagePositionDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/ImagePropertiesDialog.d.ts
+/**
+ * Image Properties Dialog
+ *
+ * Modal for editing image properties:
+ * - Alt text for accessibility
+ * - Border/outline style, color, and width
+ */
+type ImagePropertiesData = {
+  alt?: string;
+  borderWidth?: number;
+  borderColor?: string;
+  borderStyle?: string;
+};
+type ImagePropertiesDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (data: ImagePropertiesData) => void;
+  currentData?: ImagePropertiesData;
+};
+declare function ImagePropertiesDialog({
+  isOpen,
+  onClose,
+  onApply,
+  currentData
+}: ImagePropertiesDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/InsertImageDialog.d.ts
+type InsertImageDialogData = {
+  file: File;
+  alt?: string;
+  width?: number;
+  height?: number;
+};
+type InsertImageDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onInsert: (data: InsertImageDialogData) => void;
+  accept?: string;
+};
+declare function InsertImageDialog({
+  isOpen,
+  onClose,
+  onInsert,
+  accept
+}: InsertImageDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/InsertTableDialog.d.ts
+type InsertTableDialogData = {
+  rows: number;
+  columns: number;
+  autofit: boolean;
+  styleId?: string;
+};
+type InsertTableStyleOption = {
+  id: string;
+  name: string;
+};
+type InsertTableDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onInsert: (data: InsertTableDialogData) => void;
+  defaultRows?: number;
+  defaultColumns?: number;
+  styleOptions?: readonly InsertTableStyleOption[];
+};
+declare function InsertTableDialog({
+  isOpen,
+  onClose,
+  onInsert,
+  defaultRows,
+  defaultColumns,
+  styleOptions
+}: InsertTableDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/PageSetupDialog.d.ts
+type PageSetupDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (props: Partial<SectionProperties>) => void;
+  currentProps?: SectionProperties;
+};
+declare function PageSetupDialog({
+  isOpen,
+  onClose,
+  onApply,
+  currentProps
+}: PageSetupDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/PasteSpecialDialog.d.ts
+type PasteSpecialMode = "keepFormatting" | "mergeFormatting" | "plainText";
+type PasteSpecialDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onPaste: (mode: PasteSpecialMode) => void;
+  defaultMode?: PasteSpecialMode;
+};
+declare function PasteSpecialDialog({
+  isOpen,
+  onClose,
+  onPaste,
+  defaultMode
+}: PasteSpecialDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/SplitCellDialog.d.ts
+type SplitCellDialogData = {
+  rows: number;
+  columns: number;
+  mergeBeforeSplit: boolean;
+};
+type SplitCellDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onSplit: (data: SplitCellDialogData) => void;
+  defaultRows?: number;
+  defaultColumns?: number;
+};
+declare function SplitCellDialog({
+  isOpen,
+  onClose,
+  onSplit,
+  defaultRows,
+  defaultColumns
+}: SplitCellDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/TablePropertiesDialog.d.ts
+/**
+ * Table Properties Dialog — width type, width value, alignment.
+ */
+type TableProperties = {
+  width?: number | null;
+  widthType?: string | null;
+  justification?: "left" | "center" | "right" | null;
+};
+type TablePropertiesDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (props: TableProperties) => void;
+  currentProps?: {
+    width?: number;
+    widthType?: string;
+    justification?: string;
+  };
+};
+declare function TablePropertiesDialog({
+  isOpen,
+  onClose,
+  onApply,
+  currentProps
+}: TablePropertiesDialogProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialogs/WatermarkDialog.d.ts
+type WatermarkDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onApply: (watermark: Watermark | undefined) => void;
+  currentWatermark?: Watermark;
+};
+declare function WatermarkDialog({
+  isOpen,
+  onClose,
+  onApply,
+  currentWatermark
+}: WatermarkDialogProps): import("react").JSX.Element;
+//#endregion
+export { HyperlinkDialogProps as A, ImagePropertiesDialogProps as C, HyperlinkBookmarkOption as D, ImagePositionDialogProps as E, FootnotePropertiesDialogProps as M, FindReplaceDialog as N, HyperlinkDialog as O, FindReplaceDialogProps as P, ImagePropertiesDialog as S, ImagePositionDialog as T, InsertTableStyleOption as _, TablePropertiesDialogProps as a, InsertImageDialogProps as b, SplitCellDialogProps as c, PasteSpecialMode as d, PageSetupDialog as f, InsertTableDialogProps as g, InsertTableDialogData as h, TablePropertiesDialog as i, FootnotePropertiesDialog as j, HyperlinkDialogData as k, PasteSpecialDialog as l, InsertTableDialog as m, WatermarkDialogProps as n, SplitCellDialog as o, PageSetupDialogProps as p, TableProperties as r, SplitCellDialogData as s, WatermarkDialog as t, PasteSpecialDialogProps as u, InsertImageDialog as v, ImagePositionData as w, ImagePropertiesData as x, InsertImageDialogData as y };

package/dist/dialogs.d.ts

@@ -0,0 +1,2 @@
+import { A as HyperlinkDialogProps, C as ImagePropertiesDialogProps, D as HyperlinkBookmarkOption, E as ImagePositionDialogProps, M as FootnotePropertiesDialogProps, N as FindReplaceDialog, O as HyperlinkDialog, P as FindReplaceDialogProps, S as ImagePropertiesDialog, T as ImagePositionDialog, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialogProps, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as FootnotePropertiesDialog, k as HyperlinkDialogData, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertImageDialog, w as ImagePositionData, x as ImagePropertiesData, y as InsertImageDialogData } from "./dialogs-j7qyw17x.js";
+export { FindReplaceDialog, type FindReplaceDialogProps, FootnotePropertiesDialog, type FootnotePropertiesDialogProps, type HyperlinkBookmarkOption, HyperlinkDialog, type HyperlinkDialogData, type HyperlinkDialogProps, type ImagePositionData, ImagePositionDialog, type ImagePositionDialogProps, type ImagePropertiesData, ImagePropertiesDialog, type ImagePropertiesDialogProps, InsertImageDialog, type InsertImageDialogData, type InsertImageDialogProps, InsertTableDialog, type InsertTableDialogData, type InsertTableDialogProps, type InsertTableStyleOption, PageSetupDialog, type PageSetupDialogProps, PasteSpecialDialog, type PasteSpecialDialogProps, type PasteSpecialMode, SplitCellDialog, type SplitCellDialogData, type SplitCellDialogProps, type TableProperties, TablePropertiesDialog, type TablePropertiesDialogProps, WatermarkDialog, type WatermarkDialogProps };

package/dist/dialogs.js

@@ -0,0 +1,8 @@
+import { t as FindReplaceDialog } from "./FindReplaceDialog-DLdBekSR.js";
+import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-CUjq9c6H.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-CzvXYJyG.js";
+import { t as ImagePositionDialog } from "./ImagePositionDialog-BMuO9rLT.js";
+import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-C8iEgdmN.js";
+import { t as PageSetupDialog } from "./PageSetupDialog-BKsSMCGb.js";
+import { t as TablePropertiesDialog } from "./TablePropertiesDialog-Dw8gvL78.js";
+export { FindReplaceDialog, FootnotePropertiesDialog, HyperlinkDialog, ImagePositionDialog, ImagePropertiesDialog, InsertImageDialog, InsertTableDialog, PageSetupDialog, PasteSpecialDialog, SplitCellDialog, TablePropertiesDialog, WatermarkDialog };