@portone/docx-editor 0.6.0 → 0.6.2

package/dist/ui/usePageRoom.js

@@ -0,0 +1,31 @@
+// src/ui/usePageRoom.ts
+import { useLayoutEffect } from "react";
+function usePageRoom(box, layer, scale) {
+  useLayoutEffect(() => {
+    if (!box || !layer) return;
+    const frameWindow = box.ownerDocument.defaultView;
+    let frame = 0;
+    const hold = () => {
+      const next = `${layer.getBoundingClientRect().height}px`;
+      if (box.style.height !== next) box.style.height = next;
+    };
+    const schedule = () => {
+      if (frame !== 0 || !frameWindow) return;
+      frame = frameWindow.requestAnimationFrame(() => {
+        frame = 0;
+        hold();
+      });
+    };
+    hold();
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+    observer?.observe(layer);
+    return () => {
+      observer?.disconnect();
+      if (frame !== 0) frameWindow?.cancelAnimationFrame(frame);
+      box.style.removeProperty("height");
+    };
+  }, [box, layer, scale]);
+}
+export {
+  usePageRoom
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portone/docx-editor",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "A simple DOCX editor for React, built directly on OOXML.",
   "license": "Apache-2.0",
   "type": "module",

package/dist/docx/notes.d.ts

@@ -1,27 +0,0 @@
-/** Reads footnote and endnote bodies related from the main document story. */
-export type NoteKind = "footnote" | "endnote";
-/**
- * One entry of a notes part as it arrived. What the note says is a story of its own, held on the
- * document node under `footnote:<id>` or `endnote:<id>` (`docx/story`).
- */
-export interface ImportedNote {
-    kind: NoteKind;
-    id: string;
-    label: string;
-    type: string | null;
-}
-export interface ImportedNotePart {
-    partPath: string | null;
-    /** The raw text of the part, which is what the note stories are sliced out of. null for none */
-    xml: string | null;
-    ordered: readonly ImportedNote[];
-    byId: ReadonlyMap<string, ImportedNote>;
-}
-export interface ImportedNotes {
-    footnotes: ImportedNotePart;
-    endnotes: ImportedNotePart;
-}
-export declare const NO_NOTES: ImportedNotes;
-/** Reads both note parts without modifying their original package bytes. */
-export declare function readNotes(parts: Map<string, Uint8Array>, mainPartPath: string): ImportedNotes;
-export declare function noteById(notes: ImportedNotes, kind: NoteKind, id: string): ImportedNote | undefined;

package/dist/docx/notes.js

@@ -1,55 +0,0 @@
-// src/docx/notes.ts
-import {
-  attributeByLocalName,
-  decodeUtf8,
-  elementChildren,
-  parseXml,
-  R_NS
-} from "../ooxml/xml.js";
-import { relatedPartPath } from "./packageParts.js";
-var EMPTY_PART = {
-  partPath: null,
-  xml: null,
-  ordered: [],
-  byId: /* @__PURE__ */ new Map()
-};
-var NO_NOTES = {
-  footnotes: EMPTY_PART,
-  endnotes: EMPTY_PART
-};
-function notePart(parts, mainPartPath, kind) {
-  const partPath = relatedPartPath(parts, mainPartPath, `${R_NS}/${kind}s`);
-  if (partPath === null) return EMPTY_PART;
-  const bytes = parts.get(partPath);
-  if (!bytes) return { ...EMPTY_PART, partPath };
-  const xml = decodeUtf8(bytes).text;
-  const root = parseXml(xml).documentElement;
-  const elements = elementChildren(root).filter((el) => el.localName === kind);
-  const ordered = elements.flatMap((el) => {
-    const id = attributeByLocalName(el, "id");
-    if (id === null) return [];
-    const type = attributeByLocalName(el, "type");
-    const regular = type === null || type === "normal";
-    const label = regular ? "?" : "";
-    return [{ kind, id, label, type }];
-  });
-  const byId = /* @__PURE__ */ new Map();
-  for (const note of ordered) {
-    if (!byId.has(note.id)) byId.set(note.id, note);
-  }
-  return { partPath, xml, ordered, byId };
-}
-function readNotes(parts, mainPartPath) {
-  return {
-    footnotes: notePart(parts, mainPartPath, "footnote"),
-    endnotes: notePart(parts, mainPartPath, "endnote")
-  };
-}
-function noteById(notes, kind, id) {
-  return notes[`${kind}s`].byId.get(id);
-}
-export {
-  NO_NOTES,
-  noteById,
-  readNotes
-};

package/dist/ui/NotesPanel.d.ts

@@ -1,6 +0,0 @@
-import type { EditorState } from "prosemirror-state";
-import type { ReactElement } from "react";
-export declare function NotesPanel({ state, pageWidth, }: {
-    state: EditorState;
-    pageWidth: number;
-}): ReactElement | null;

package/dist/ui/NotesPanel.js

@@ -1,33 +0,0 @@
-// src/ui/NotesPanel.tsx
-import { noteProjection } from "../editor/commands/noteQueries.js";
-import { editorClassNames } from "../styles/classNames.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NotesPanel({
-  state,
-  pageWidth
-}) {
-  const { notes } = noteProjection.read(state);
-  if (notes.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: editorClassNames.notesPanel,
-      "aria-label": "Document notes",
-      style: { width: `${pageWidth}px` },
-      children: [
-        /* @__PURE__ */ jsx("h2", { className: editorClassNames.notesHeading, children: "Footnotes and endnotes" }),
-        /* @__PURE__ */ jsx("ol", { className: editorClassNames.notesList, children: notes.map((note) => /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsxs("span", { className: editorClassNames.noteLabel, children: [
-            note.kind === "footnote" ? "Footnote" : "Endnote",
-            " ",
-            note.label
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: editorClassNames.noteBody, children: note.text })
-        ] }, `${note.kind}:${note.id}`)) })
-      ]
-    }
-  );
-}
-export {
-  NotesPanel
-};