@arbidocs/blocks 0.4.101 → 0.4.103

package/node_modules/@docx-editor.dev/react/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@docx-editor.dev/react",
+  "version": "2.28.0",
+  "description": "React DOCX editor adapter for the @docx-editor.dev editor contract.",
+  "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"
+    },
+    "./styles.css": "./src/styles/editor.css"
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "!dist/metafile-*.json",
+    "THIRD_PARTY_NOTICES.md"
+  ],
+  "scripts": {
+    "build": "node ../../scripts/check-built-siblings.mjs && tsup",
+    "typecheck": "tsc --noEmit",
+    "api:extract": "node ../../scripts/api-extractor.mjs --package @docx-editor.dev/react --local",
+    "api:check": "node ../../scripts/api-extractor.mjs --package @docx-editor.dev/react"
+  },
+  "peerDependencies": {
+    "@docx-editor.dev/core": "~2.28.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@docx-editor.dev/core": "workspace:*",
+    "fflate": "^0.8.2",
+    "typescript7": "npm:typescript@^7.0.2"
+  },
+  "keywords": [
+    "docx",
+    "editor",
+    "word",
+    "document",
+    "react"
+  ],
+  "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/eigenpal/docx-editor.git",
+    "directory": "packages/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@docx-editor.dev/i18n": "^2.28.0",
+    "@radix-ui/react-select": "^2.3.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1"
+  }
+}

package/node_modules/@docx-editor.dev/react/src/styles/editor.css

@@ -0,0 +1,6 @@
+/* The editor stylesheet is the single source of truth in
+   @docx-editor.dev/core, including the one-surface page/overlay/input-host
+   layer used by the interactive paginated editor. This adapter imports it and
+   adds nothing — there are no React-only CSS rules (enforced by
+   `bun run check:adapter-css-thin`). */
+@import '@docx-editor.dev/core/styles/editor.css';

package/node_modules/@docx-editor.dev/react/src/styles/zIndex.ts

@@ -0,0 +1,28 @@
+/**
+ * Z-index stacking order for editor chrome.
+ *
+ * Single source of truth so layered UI doesn't drift into ad-hoc numbers.
+ *
+ * Order, low to high:
+ *   page content (default 0)
+ *   HF inline editor      — sits above page content, below chrome
+ *   ruler                 — must stay readable when HF editor is active
+ *   outline               — floating toggle + panel beside the page
+ *   dropdown / popover    — opens from toolbar buttons or HF options
+ *   toolbar               — title bar + formatting bar
+ *   context menu / modal  — top-most, transient surfaces
+ */
+export const Z_INDEX = {
+  hfInlineEditor: 10,
+  /** Notes / transient chrome banners above the page, below dropdowns. */
+  chrome: 50,
+  ruler: 30,
+  outline: 40,
+  dropdown: 100,
+  /** Alias for tooltip / hover preview surfaces. */
+  popover: 100,
+  toolbar: 100,
+  contextMenu: 10000,
+  /** Alias for dialogs that sit with context menus. */
+  modal: 10000,
+} as const;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/blocks",
-  "version": "0.4.101",
+  "version": "0.4.103",
   "description": "Composable, domain-neutral UI blocks for ARBI apps, organised by capability (retrieval, facts, agents, workspaces, citations, collaboration) plus shell, theme and site primitives, on top of @arbidocs/react.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -267,8 +267,8 @@
     "example:test:e2e": "playwright test -c examples/custom-ui/playwright.config.ts"
   },
   "dependencies": {
-    "@arbidocs/client": "0.4.101",
-    "@arbidocs/coedit": "0.4.101",
+    "@arbidocs/client": "0.4.103",
+    "@arbidocs/coedit": "0.4.103",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -291,12 +291,26 @@
     "fflate": "^0.8.2",
     "lucide-react": "^1.22.0",
     "temporal-polyfill": "1.0.5",
-    "zustand": "^5.0.14"
-  },
-  "peerDependencies": {
-    "@arbidocs/react": "0.4.101",
+    "zustand": "^5.0.14",
     "@docx-editor.dev/core": "2.28.0",
     "@docx-editor.dev/react": "2.28.0",
+    "@docx-editor.dev/i18n": "^2.28.0",
+    "bidi-js": "1.1.0",
+    "emf-converter": "2.0.2",
+    "fast-xml-parser": "^5.10.1",
+    "harfbuzzjs": "1.6.1",
+    "prosemirror-commands": "^1.7.1",
+    "prosemirror-keymap": "^1.2.3",
+    "prosemirror-model": "^1.25.4",
+    "prosemirror-state": "^1.4.4",
+    "prosemirror-view": "^1.42.3",
+    "utif2": "4.1.0",
+    "@radix-ui/react-select": "^2.3.3",
+    "clsx": "^2.1.1",
+    "y-protocols": "^1.0.6"
+  },
+  "peerDependencies": {
+    "@arbidocs/react": "0.4.103",
     "@lexical/html": "0.35.0",
     "@lexical/link": "0.35.0",
     "@lexical/list": "0.35.0",
@@ -327,12 +341,6 @@
     "react-router-dom": {
       "optional": true
     },
-    "@docx-editor.dev/core": {
-      "optional": true
-    },
-    "@docx-editor.dev/react": {
-      "optional": true
-    },
     "yjs": {
       "optional": true
     },
@@ -353,8 +361,6 @@
     }
   },
   "devDependencies": {
-    "@docx-editor.dev/core": "2.28.0",
-    "@docx-editor.dev/react": "2.28.0",
     "@lexical/html": "0.35.0",
     "@lexical/link": "0.35.0",
     "@lexical/list": "0.35.0",
@@ -393,5 +399,10 @@
   ],
   "sideEffects": [
     "**/*.css"
+  ],
+  "bundleDependencies": [
+    "@docx-editor.dev/core",
+    "@docx-editor.dev/react",
+    "@arbidocs/coedit"
   ]
 }

package/src/docx/README.md

@@ -87,6 +87,16 @@ text, rotate and flip, and Insert caption (a `Caption`-style paragraph numbered
 Give the adapter `imageGeneration` and Insert offers Generate image: the picture comes back as an
 ordinary inline picture at the caret, its alt text the prompt, its bytes a media part of the DOCX.
 
+Ribbon width: when a tab's controls do not fit, they collapse into a trailing More ("…") menu, as in
+Word: lowest priority first, the rightmost first among equals (`RibbonOverflow`, `RibbonItem`).
+A collapsed control is the same component, shown in the menu beside its label. Undo, Redo and Save
+always stay in the ribbon.
+
+Footnotes and endnotes: References › Insert footnote / Insert endnote (Ctrl+Alt+F / Ctrl+Alt+D)
+first adds Word's note styles when the document has none (a new blank note has none), so the
+reference and the note number are superscript and the note text is smaller. The note then takes the
+"footnote text" (or "endnote text") style and gets a space after its number, as in Word.
+
 What the engine does not do yet, so the ribbon shows it disabled with the engine's reason:
 
 - Text columns: `w:cols` in an opened document lay out and save unchanged, but no command writes

package/src/docx/styles.css

@@ -1,4 +1,4 @@
-@import "./layout/layout.css";
+@import './layout/layout.css';
 
 .native-docx-viewer {
   position: relative;
@@ -310,6 +310,73 @@
   padding-inline: 4px;
 }
 
+.native-docx-ribbon-popover[hidden] {
+  display: none;
+}
+
+/* A tab's row: what does not fit collapses into the trailing More ("…") menu. */
+.native-docx-ribbon .docx-toolbar > .native-docx-ribbon-row {
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
+}
+.native-docx-ribbon-item {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: 2px;
+}
+.native-docx-ribbon-item[hidden] {
+  display: none;
+}
+.native-docx-ribbon-popover.native-docx-ribbon-more {
+  width: 240px;
+  padding: 4px;
+}
+.native-docx-ribbon-more-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  width: 100%;
+}
+.native-docx-ribbon-more-row {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 32px;
+  padding: 0 8px 0 2px;
+  border-radius: 4px;
+  font-size: 12px;
+  cursor: pointer;
+}
+.native-docx-ribbon-more-row:hover {
+  background: hsl(var(--muted));
+}
+/* A control that draws nothing (an action the host does not offer) has no row. */
+.native-docx-ribbon-more-row:has(> .native-docx-ribbon-more-control:empty) {
+  display: none;
+}
+.native-docx-ribbon-more-control {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: 2px;
+}
+.native-docx-ribbon-more-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* A panel opened from the More menu (Font, a gallery) drops under its own row. */
+.native-docx-ribbon-more-row .native-docx-ribbon-popover {
+  z-index: 1;
+}
+
 /* Home › Styles: the current paragraph style, opening the document's style gallery. */
 .native-docx-ribbon-trigger.native-docx-style-trigger {
   display: flex;
@@ -325,7 +392,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.native-docx-ribbon-menu:has(.native-docx-style-trigger) .native-docx-ribbon-popover {
+.native-docx-ribbon-menu:has(> .native-docx-style-trigger) > .native-docx-ribbon-popover {
   right: auto;
   left: 72px;
   width: 300px;
@@ -733,7 +800,8 @@
 }
 /* With a pointer that hovers, a resting card shows only its content; its controls come with it. */
 @media (hover: hover) {
-  .native-docx-review-pane .native-docx-review-card:not([data-active]):not(:hover):not(:focus-within)
+  .native-docx-review-pane
+    .native-docx-review-card:not([data-active]):not(:hover):not(:focus-within)
     :is(.native-docx-review-tools, .native-docx-review-decide) {
     opacity: 0;
   }
@@ -985,8 +1053,8 @@
 }
 
 /* Insert › Quick Parts and Design › House template panels. */
-.native-docx-ribbon-menu:has([data-testid='docx-quick-parts']) .native-docx-ribbon-popover,
-.native-docx-ribbon-menu:has([data-testid='docx-house-template']) .native-docx-ribbon-popover {
+.native-docx-ribbon-menu:has(> [data-testid='docx-quick-parts']) > .native-docx-ribbon-popover,
+.native-docx-ribbon-menu:has(> [data-testid='docx-house-template']) > .native-docx-ribbon-popover {
   width: 340px;
   padding: 8px;
 }