@stll/folio-react 0.4.0 → 0.6.0

package/README.md

@@ -48,7 +48,7 @@ layout engine, DOCX ↔ Markdown), depend on `@stll/folio-core` directly.
 
 ## Peer dependencies
 
-`react` ^19 · `react-dom` ^19 · `use-intl` >=4
+`react` ^18 or ^19 · `react-dom` ^18 or ^19 · `use-intl` >=4
 
 ## Acknowledgements
 

package/dist/{CommentsSidebar-BsYOInaX.js → CommentsSidebar-_utmEkA9.js}

@@ -1,4 +1,4 @@
-import { t as containedHandler } from "./contained-handler-4uiqUVRn.js";
+import { d as containedHandler } from "./renderAsync-CwHTsxBN.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";

package/dist/{FindReplaceDialog-EFjmqEbg.js → FindReplaceDialog-DLdBekSR.js}

@@ -1,5 +1,5 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
-import "./useFindReplace-MZ8wi31A.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "lucide-react";
 import { useTranslations } from "use-intl";
@@ -49,6 +49,7 @@ function getFindEnterAction({ searchText, result, shiftKey }) {
 * - findReplaceUtils.ts — Pure search/replace functions and types
 * - useFindReplace.ts   — React hook for dialog state management
 */
+var FindReplaceDialog_exports = /* @__PURE__ */ __exportAll({ FindReplaceDialog: () => FindReplaceDialog });
 /**
 * FindReplaceDialog component - Modal for finding and replacing text
 */
@@ -355,4 +356,4 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 	});
 }
 //#endregion
-export { FindReplaceDialog };
+export { FindReplaceDialog_exports as n, FindReplaceDialog as t };

package/dist/{FootnotePropertiesDialog-VfF7SQo2.js → FootnotePropertiesDialog-CUjq9c6H.js}

@@ -1,4 +1,5 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dialogs/FootnotePropertiesDialog.tsx
@@ -7,6 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *
 * Edits position, numbering format, start number, and restart rules.
 */
+var FootnotePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ FootnotePropertiesDialog: () => FootnotePropertiesDialog });
 const numberFormatOptions = [
 	{
 		value: "decimal",
@@ -262,4 +264,4 @@ function FootnotePropertiesDialog({ isOpen, onClose, onApply, footnotePr, endnot
 	});
 }
 //#endregion
-export { FootnotePropertiesDialog };
+export { FootnotePropertiesDialog_exports as n, FootnotePropertiesDialog as t };

package/dist/{ImagePositionDialog-FGLCOf0Q.js → ImagePositionDialog-BMuO9rLT.js}

@@ -1,4 +1,5 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dialogs/ImagePositionDialog.tsx
@@ -10,6 +11,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - Vertical: alignment or offset, relative to page/margin/paragraph/line
 * - Distance from text (top/bottom/left/right)
 */
+var ImagePositionDialog_exports = /* @__PURE__ */ __exportAll({ ImagePositionDialog: () => ImagePositionDialog });
 function ImagePositionDialog({ isOpen, onClose, onApply, currentData }) {
 	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
 	const id = useId();
@@ -390,4 +392,4 @@ function ImagePositionDialog({ isOpen, onClose, onApply, currentData }) {
 	});
 }
 //#endregion
-export { ImagePositionDialog };
+export { ImagePositionDialog_exports as n, ImagePositionDialog as t };

package/dist/{ImagePropertiesDialog-Baokui4M.js → ImagePropertiesDialog-C8iEgdmN.js}

@@ -1,4 +1,5 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dialogs/ImagePropertiesDialog.tsx
@@ -9,6 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - Alt text for accessibility
 * - Border/outline style, color, and width
 */
+var ImagePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ ImagePropertiesDialog: () => ImagePropertiesDialog });
 function ImagePropertiesDialog({ isOpen, onClose, onApply, currentData }) {
 	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
 	const id = useId();
@@ -193,4 +195,4 @@ function ImagePropertiesDialog({ isOpen, onClose, onApply, currentData }) {
 	});
 }
 //#endregion
-export { ImagePropertiesDialog };
+export { ImagePropertiesDialog_exports as n, ImagePropertiesDialog as t };

package/dist/{PageSetupDialog-Df2HjHiu.js → PageSetupDialog-BKsSMCGb.js}

@@ -1,4 +1,5 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import { useEffect, useId, useState } from "react";
 import { TWIPS_PER_INCH } from "@stll/folio-core/utils/units";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,6 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - Orientation (portrait/landscape)
 * - Margins (top, bottom, left, right) in inches
 */
+var PageSetupDialog_exports = /* @__PURE__ */ __exportAll({ PageSetupDialog: () => PageSetupDialog });
 /** Common page sizes in twips (width x height in portrait orientation) */
 const PAGE_SIZES = [
 	{
@@ -307,4 +309,4 @@ function PageSetupDialog({ isOpen, onClose, onApply, currentProps }) {
 	});
 }
 //#endregion
-export { PageSetupDialog };
+export { PageSetupDialog_exports as n, PageSetupDialog as t };

package/dist/{TablePropertiesDialog-ZmzjSqME.js → TablePropertiesDialog-Dw8gvL78.js}

@@ -1,10 +1,12 @@
-import { r as useFolioUI } from "./folio-ui-CA59webC.js";
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
 import { useCallback, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dialogs/TablePropertiesDialog.tsx
 /**
 * Table Properties Dialog — width type, width value, alignment.
 */
+var TablePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ TablePropertiesDialog: () => TablePropertiesDialog });
 function TablePropertiesDialog({ isOpen, onClose, onApply, currentProps }) {
 	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
 	const id = useId();
@@ -154,4 +156,4 @@ function TablePropertiesDialog({ isOpen, onClose, onApply, currentProps }) {
 	});
 }
 //#endregion
-export { TablePropertiesDialog };
+export { TablePropertiesDialog_exports as n, TablePropertiesDialog as t };

package/dist/compat/eigenpal.d.ts

@@ -0,0 +1,114 @@
+import { i as renderAsync, n as EditorHandle, o as DocxEditorProps, r as RenderAsyncOptions, s as DocxEditorRef, t as DocxEditorHandle } from "../renderAsync-B7UJsZye.js";
+import { ReactNode } from "react";
+import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
+
+//#region src/compat/eigenpal.d.ts
+declare const VERSION = "folio-compat-eigenpal";
+type LegacyTranslations = {
+  _lang?: string;
+};
+type LocaleCode = "en" | "de" | "fr" | "he" | "hi" | "pl" | "pt-BR" | "tr" | "zh-CN";
+type LocaleProviderProps = {
+  children?: ReactNode | undefined;
+  i18n?: LegacyTranslations | undefined;
+  locale?: string | undefined;
+};
+type TFunction = (key: string, vars?: Record<string, string | number>) => string;
+type LegacyDocxEditorProps = DocxEditorProps & {
+  agentPanel?: unknown;
+  colorMode?: "light" | "dark" | "system";
+  commentsSidebarOpen?: boolean;
+  disableFindReplaceShortcuts?: boolean;
+  documentName?: string;
+  documentNameEditable?: boolean;
+  externalContent?: boolean;
+  externalPlugins?: unknown[];
+  i18n?: LegacyTranslations;
+  locale?: string;
+  onCommentAdd?: unknown;
+  onCommentDelete?: unknown;
+  onCommentReply?: unknown;
+  onCommentResolve?: unknown;
+  onCommentsSidebarOpenChange?: unknown;
+  onDocumentNameChange?: unknown;
+  onOpen?: unknown;
+  onRenderedDomContextReady?: unknown;
+  pluginOverlays?: ReactNode;
+  pluginRenderedDomContext?: unknown;
+  pluginSidebarItems?: unknown[];
+  printOptions?: unknown;
+  renderLogo?: unknown;
+  renderTitleBarRight?: unknown;
+  showFileOpen?: boolean;
+  showHelpMenu?: boolean;
+  showOutlineButton?: boolean;
+  watermarkPresets?: readonly string[];
+};
+declare const en: {
+  _lang: string;
+};
+declare const de: {
+  _lang: string;
+};
+declare const fr: {
+  _lang: string;
+};
+declare const he: {
+  _lang: string;
+};
+declare const hi: {
+  _lang: string;
+};
+declare const pl: {
+  _lang: string;
+};
+declare const ptBR: {
+  _lang: string;
+};
+declare const tr: {
+  _lang: string;
+};
+declare const zhCN: {
+  _lang: string;
+};
+declare const locales: Record<LocaleCode, LegacyTranslations>;
+declare const LocaleProvider: ({
+  children,
+  i18n,
+  locale
+}: LocaleProviderProps) => import("react").JSX.Element;
+declare const useTranslation: () => {
+  t: TFunction;
+};
+declare const DocxEditor: import("react").ForwardRefExoticComponent<DocxEditorProps & {
+  agentPanel?: unknown;
+  colorMode?: "light" | "dark" | "system";
+  commentsSidebarOpen?: boolean;
+  disableFindReplaceShortcuts?: boolean;
+  documentName?: string;
+  documentNameEditable?: boolean;
+  externalContent?: boolean;
+  externalPlugins?: unknown[];
+  i18n?: LegacyTranslations;
+  locale?: string;
+  onCommentAdd?: unknown;
+  onCommentDelete?: unknown;
+  onCommentReply?: unknown;
+  onCommentResolve?: unknown;
+  onCommentsSidebarOpenChange?: unknown;
+  onDocumentNameChange?: unknown;
+  onOpen?: unknown;
+  onRenderedDomContextReady?: unknown;
+  pluginOverlays?: ReactNode;
+  pluginRenderedDomContext?: unknown;
+  pluginSidebarItems?: unknown[];
+  printOptions?: unknown;
+  renderLogo?: unknown;
+  renderTitleBarRight?: unknown;
+  showFileOpen?: boolean;
+  showHelpMenu?: boolean;
+  showOutlineButton?: boolean;
+  watermarkPresets?: readonly string[];
+} & import("react").RefAttributes<DocxEditorRef>>;
+//#endregion
+export { type CreateEmptyDocumentOptions, DocxEditor, type DocxEditorHandle, type DocxEditorRef, type EditorHandle, LegacyDocxEditorProps, LocaleCode, LocaleProvider, LocaleProviderProps, type RenderAsyncOptions, TFunction, VERSION, createDocumentWithText, createEmptyDocument, de, en, fr, he, hi, locales, pl, ptBR, renderAsync, tr, useTranslation, zhCN };

package/dist/compat/eigenpal.js

@@ -0,0 +1,51 @@
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-CwHTsxBN.js";
+import { t as messages_exports } from "../messages.js";
+import { forwardRef } from "react";
+import { IntlProvider, useTranslations } from "use-intl";
+import { jsx } from "react/jsx-runtime";
+import { createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
+//#region src/compat/eigenpal.tsx
+const VERSION = "folio-compat-eigenpal";
+const en = { _lang: "en" };
+const de = { _lang: "de" };
+const fr = { _lang: "fr" };
+const he = { _lang: "he" };
+const hi = { _lang: "hi" };
+const pl = { _lang: "pl" };
+const ptBR = { _lang: "pt-BR" };
+const tr = { _lang: "tr" };
+const zhCN = { _lang: "zh-CN" };
+const locales = {
+	en,
+	de,
+	fr,
+	he,
+	hi,
+	pl,
+	"pt-BR": ptBR,
+	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 useTranslation = () => {
+	return { t: useTranslations("folio") };
+};
+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
+	})
+}));
+DocxEditor.displayName = "EigenpalCompatDocxEditor";
+const resolveLocale = (locale, i18n) => locale ?? i18n?._lang ?? "en";
+//#endregion
+export { DocxEditor, LocaleProvider, VERSION, createDocumentWithText, createEmptyDocument, de, en, fr, he, hi, locales, pl, ptBR, renderAsync, tr, useTranslation, zhCN };