@stll/folio-react 0.5.0 → 0.7.0

package/dist/compat/eigenpal.js

@@ -1,5 +1,6 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-B4SrVWHb.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-evdyE_GW.js";
 import { t as messages_exports } from "../messages.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { IntlProvider, useTranslations } from "use-intl";
 import { jsx } from "react/jsx-runtime";
@@ -26,25 +27,96 @@ const locales = {
 	tr,
 	"zh-CN": zhCN
 };
-const LocaleProvider = ({ children, i18n, locale }) => {
-	const resolvedLocale = resolveLocale(locale, i18n);
-	return /* @__PURE__ */ jsx(IntlProvider, {
-		locale: resolvedLocale,
-		messages: (0, messages_exports.getFolioMessages)(resolvedLocale),
-		children
-	});
+const LocaleProvider = (t0) => {
+	const $ = c(10);
+	const { children, i18n, locale } = t0;
+	let T0;
+	let t1;
+	let t2;
+	if ($[0] !== i18n || $[1] !== locale) {
+		const resolvedLocale = resolveLocale(locale, i18n);
+		T0 = IntlProvider;
+		t1 = resolvedLocale;
+		t2 = (0, messages_exports.getFolioMessages)(resolvedLocale);
+		$[0] = i18n;
+		$[1] = locale;
+		$[2] = T0;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		T0 = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	let t3;
+	if ($[5] !== T0 || $[6] !== children || $[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			locale: t1,
+			messages: t2,
+			children
+		});
+		$[5] = T0;
+		$[6] = children;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 };
 const useTranslation = () => {
-	return { t: useTranslations("folio") };
+	const $ = c(2);
+	const t0 = useTranslations("folio");
+	let t1;
+	if ($[0] !== t0) {
+		t1 = { t: t0 };
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 };
-const DocxEditor = forwardRef(({ agentPanel: _agentPanel, colorMode: _colorMode, commentsSidebarOpen: _commentsSidebarOpen, disableFindReplaceShortcuts: _disableFindReplaceShortcuts, documentName: _documentName, documentNameEditable: _documentNameEditable, externalContent: _externalContent, externalPlugins: _externalPlugins, i18n, locale, onCommentAdd: _onCommentAdd, onCommentDelete: _onCommentDelete, onCommentReply: _onCommentReply, onCommentResolve: _onCommentResolve, onCommentsSidebarOpenChange: _onCommentsSidebarOpenChange, onDocumentNameChange: _onDocumentNameChange, onOpen: _onOpen, onRenderedDomContextReady: _onRenderedDomContextReady, pluginOverlays: _pluginOverlays, pluginRenderedDomContext: _pluginRenderedDomContext, pluginSidebarItems: _pluginSidebarItems, printOptions: _printOptions, renderLogo: _renderLogo, renderTitleBarRight: _renderTitleBarRight, showFileOpen: _showFileOpen, showHelpMenu: _showHelpMenu, showOutlineButton: _showOutlineButton, watermarkPresets: _watermarkPresets, ...props }, ref) => /* @__PURE__ */ jsx(LocaleProvider, {
-	i18n,
-	locale,
-	children: /* @__PURE__ */ jsx(DocxEditor$1, {
-		...props,
-		ref
-	})
-}));
+const DocxEditor = forwardRef((t0, ref) => {
+	const $ = c(11);
+	let i18n;
+	let locale;
+	let props;
+	if ($[0] !== t0) {
+		const { agentPanel: _agentPanel, colorMode: _colorMode, commentsSidebarOpen: _commentsSidebarOpen, disableFindReplaceShortcuts: _disableFindReplaceShortcuts, documentName: _documentName, documentNameEditable: _documentNameEditable, externalContent: _externalContent, externalPlugins: _externalPlugins, i18n: t1, locale: t2, onCommentAdd: _onCommentAdd, onCommentDelete: _onCommentDelete, onCommentReply: _onCommentReply, onCommentResolve: _onCommentResolve, onCommentsSidebarOpenChange: _onCommentsSidebarOpenChange, onDocumentNameChange: _onDocumentNameChange, onOpen: _onOpen, onRenderedDomContextReady: _onRenderedDomContextReady, pluginOverlays: _pluginOverlays, pluginRenderedDomContext: _pluginRenderedDomContext, pluginSidebarItems: _pluginSidebarItems, printOptions: _printOptions, renderLogo: _renderLogo, renderTitleBarRight: _renderTitleBarRight, showFileOpen: _showFileOpen, showHelpMenu: _showHelpMenu, showOutlineButton: _showOutlineButton, watermarkPresets: _watermarkPresets, ...t3 } = t0;
+		i18n = t1;
+		locale = t2;
+		props = t3;
+		$[0] = t0;
+		$[1] = i18n;
+		$[2] = locale;
+		$[3] = props;
+	} else {
+		i18n = $[1];
+		locale = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== props || $[5] !== ref) {
+		t1 = /* @__PURE__ */ jsx(DocxEditor$1, {
+			...props,
+			ref
+		});
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== i18n || $[8] !== locale || $[9] !== t1) {
+		t2 = /* @__PURE__ */ jsx(LocaleProvider, {
+			i18n,
+			locale,
+			children: t1
+		});
+		$[7] = i18n;
+		$[8] = locale;
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
+});
 DocxEditor.displayName = "EigenpalCompatDocxEditor";
 const resolveLocale = (locale, i18n) => locale ?? i18n?._lang ?? "en";
 //#endregion

package/dist/dialogChrome-BoGYPgeu.js

@@ -0,0 +1,26 @@
+import { c } from "react-compiler-runtime";
+import "react";
+//#region src/components/dialogs/dialogChrome.ts
+function useCloseOnDialogOpenChange(onClose) {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== onClose) {
+		t0 = (open) => {
+			if (!open) onClose();
+		};
+		$[0] = onClose;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+const DIALOG_BACKDROP_CLASS = "fixed inset-0 z-[10000] bg-black/50";
+const DIALOG_POPUP_CLASS = "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[520px] min-w-[360px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl";
+const DIALOG_TITLE_CLASS = "border-b px-5 py-3 text-base font-semibold";
+const DIALOG_BODY_CLASS = "flex flex-col gap-4 px-5 py-4";
+const DIALOG_FOOTER_CLASS = "flex justify-end gap-2 border-t px-5 py-3";
+const DIALOG_LABEL_CLASS = "text-muted-foreground text-[13px]";
+const DIALOG_INPUT_CLASS = "border-input bg-background text-foreground rounded border px-2 py-1.5 text-[13px] outline-none";
+const DIALOG_SECONDARY_BUTTON_CLASS = "border-input rounded border px-4 py-1.5 text-[13px]";
+const DIALOG_PRIMARY_BUTTON_CLASS = "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium disabled:cursor-not-allowed disabled:opacity-50";
+//#endregion
+export { DIALOG_LABEL_CLASS as a, DIALOG_SECONDARY_BUTTON_CLASS as c, DIALOG_INPUT_CLASS as i, DIALOG_TITLE_CLASS as l, DIALOG_BODY_CLASS as n, DIALOG_POPUP_CLASS as o, DIALOG_FOOTER_CLASS as r, DIALOG_PRIMARY_BUTTON_CLASS as s, DIALOG_BACKDROP_CLASS as t, useCloseOnDialogOpenChange as u };

package/dist/dialogs-DK8OVUT_.d.ts

@@ -0,0 +1,330 @@
+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/InsertSymbolDialog.d.ts
+type InsertSymbolDialogProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onInsert: (symbol: string) => void;
+};
+declare function InsertSymbolDialog({
+  isOpen,
+  onClose,
+  onInsert
+}: InsertSymbolDialogProps): 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 { HyperlinkDialog as A, ImagePropertiesData as C, ImagePositionDialog as D, ImagePositionData as E, FindReplaceDialog as F, FindReplaceDialogProps as I, HyperlinkDialogProps as M, FootnotePropertiesDialog as N, ImagePositionDialogProps as O, FootnotePropertiesDialogProps as P, InsertImageDialogProps as S, ImagePropertiesDialogProps as T, InsertTableStyleOption as _, TablePropertiesDialogProps as a, InsertImageDialog as b, SplitCellDialogProps as c, PasteSpecialMode as d, PageSetupDialog as f, InsertTableDialogProps as g, InsertTableDialogData as h, TablePropertiesDialog as i, HyperlinkDialogData as j, HyperlinkBookmarkOption 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, InsertSymbolDialog as v, ImagePropertiesDialog as w, InsertImageDialogData as x, InsertSymbolDialogProps as y };