pptx-react-viewer 4.74.0 → 4.75.0

package/CHANGELOG.md

@@ -7,6 +7,22 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs releases whenever any published file changes, not only on
 conventional commits.
 
+## [4.75.0](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-react-viewer@4.75.0) - 2026-11-12
+
+### Features
+
+- **pptx:** Add rich table cells, custom geometry and new chart parts ([#278](https://github.com/ChristopherVR/ooxml/issues/278)) ([d6c6786](https://github.com/ChristopherVR/ooxml/commit/d6c6786b56b4642eaec1af6c78cd21a067eb0c17))
+- **react:** Add a no-i18next entry for hosts using PptxI18nProvider ([eee7d7c](https://github.com/ChristopherVR/ooxml/commit/eee7d7c169447c5378205455a0ec3f4e6025f674))
+
+### Bug Fixes
+
+- **chart:** Offer only the label positions a chart group accepts ([c6894c9](https://github.com/ChristopherVR/ooxml/commit/c6894c9b2bda96dc49b77a0a9e76b48e9903f2bd))
+- **react:** Show built-in English when react-i18next has no instance ([7d825a3](https://github.com/ChristopherVR/ooxml/commit/7d825a34a496f1684300827c9357a334c3525960))
+
+### Testing
+
+- **react:** Give the cold no-i18next imports a 60s hook budget ([3df9e20](https://github.com/ChristopherVR/ooxml/commit/3df9e209401d79d0d6b4ea5456cbd2ef5ac9de92))
+
 ## [4.74.0](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-react-viewer@4.74.0) - 2026-11-11
 
 ### Features

package/README.md

@@ -316,7 +316,7 @@ function TranslatedViewer({ content }: { content: Uint8Array }) {
 
 `translate` receives the viewer's params unchanged: `defaultValue`, `count` and the values of the `{{name}}` placeholders. Use the same names in your catalog (`{name}` in ICU syntax); `count` is a plain value, so pluralise in your catalog. `{{name}}` placeholders left in the text you return are filled too, so the shipped dictionaries work as they are: `const translate: PptxTranslate = (key) => translationsFr[key];`. A miss (the key itself, an empty string, nothing, or a throw) shows the built-in English text, then the call's default text, then a label derived from the key, never a raw key. Keep `translate` stable (a module-level function or `useCallback`): the viewer re-translates whenever `translate` or `locale` changes.
 
-Inside a provider the host owns the language: the viewer never calls `changeLanguage`, ignores `defaultLocale` and never restores a stored language choice. File > Options > Language appears only with `onLocaleChange` and two or more `availableLocales`; a pick calls `onLocaleChange`, and the selection follows `locale` (`fr-CA` selects an offered `fr`). A `PowerPointViewer` reads the provider nearest above it; a provider rendered inside the viewer is ignored. `i18next` and `react-i18next` stay required peer dependencies in 4.x: install them, but inside a provider the viewer does not use them. `PptxI18nProvider` is React-only: the Vue and Angular bindings delegate to vue-i18n and ngx-translate, and Vanilla and Svelte take `messages` dictionaries.
+Inside a provider the host owns the language: the viewer never calls `changeLanguage`, ignores `defaultLocale` and never restores a stored language choice. File > Options > Language appears only with `onLocaleChange` and two or more `availableLocales`; a pick calls `onLocaleChange`, and the selection follows `locale` (`fr-CA` selects an offered `fr`). A `PowerPointViewer` reads the provider nearest above it; a provider rendered inside the viewer is ignored. `i18next` and `react-i18next` stay required peer dependencies in 4.x: install them, but inside a provider the viewer does not use them. To build without them, import from `pptx-react-viewer/no-i18next`: the same exports and types, with nothing that imports either library; outside a provider it shows the built-in English text and leaves File > Options > Language out (see [Without react-i18next](https://christophervr.github.io/ooxml/pptx/guide/localization#without-react-i18next)). `PptxI18nProvider` is React-only: the Vue and Angular bindings delegate to vue-i18n and ngx-translate, and Vanilla and Svelte take `messages` dictionaries.
 
 ## How it's built
 

package/dist/{AiChatPanel-PLQ3NBTK.js → AiChatPanel-4V7QB5Z3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkP2COO2QO_js = require('./chunk-P2COO2QO.js');
+var chunk6GFSF2ML_js = require('./chunk-6GFSF2ML.js');
 require('./chunk-PIRHQTI4.js');
 var react = require('react');
 var lu = require('react-icons/lu');
@@ -301,7 +301,7 @@ function AiComposer({
   prefillText,
   prefillNonce
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const [value, setValue] = react.useState("");
   const textareaRef = react.useRef(null);
   const appliedNonce = react.useRef(void 0);
@@ -364,7 +364,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkP2COO2QO_js.cn(
+        className: chunk6GFSF2ML_js.cn(
           "shrink-0 rounded-sm p-1.5 transition-colors",
           value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
         ),
@@ -386,7 +386,7 @@ function AiFocusBar({
   onStopPick,
   onClearPicks
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const chips = ai.focusTargetChips(targets, slides);
   const twoTables = ai.isTwoTableFocus(targets, slides);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
@@ -395,7 +395,7 @@ function AiFocusBar({
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkP2COO2QO_js.cn(
+          className: chunk6GFSF2ML_js.cn(
             "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
             hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -432,7 +432,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkP2COO2QO_js.cn(
+            className: chunk6GFSF2ML_js.cn(
               "rounded-sm p-1 max-md:min-w-[44px]! max-md:min-h-[44px]! flex items-center justify-center",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -501,7 +501,7 @@ function relativeTime(from, now = Date.now()) {
   return `${weeks}w ago`;
 }
 function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   if (chats.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-4 text-center text-[12px] text-muted-foreground", children: t("pptx.ai.historyEmpty") });
   }
@@ -511,7 +511,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkP2COO2QO_js.cn(
+        className: chunk6GFSF2ML_js.cn(
           "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
           chat.id === activeChatId && "bg-accent/60"
         ),
@@ -550,7 +550,7 @@ function AiHistoryMenu({
   onNewChat,
   onClose
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const ref = react.useRef(null);
   react.useEffect(() => {
     const handler = (e) => {
@@ -616,7 +616,7 @@ function appliedThemeFromPart(part) {
   return { summary: out.summary ?? "Theme updated", previous: out.previous ?? {} };
 }
 function AiAppliedThemeCard({ summary, onUndo }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const [undone, setUndone] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 rounded-md border border-primary/30 bg-primary/5 px-2.5 py-1.5 text-[12px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(lu.LuPalette, { className: "w-3.5 h-3.5 shrink-0 text-primary" }),
@@ -662,7 +662,7 @@ var ICONS = {
   tool: lu.LuWrench
 };
 function AiToolCallCard({ part }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
@@ -675,17 +675,17 @@ function AiToolCallCard({ part }) {
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkP2COO2QO_js.cn(
+          className: chunk6GFSF2ML_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkP2COO2QO_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk6GFSF2ML_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkP2COO2QO_js.cn(
+          className: chunk6GFSF2ML_js.cn(
             "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
             failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -710,7 +710,7 @@ function AiToolCallCard({ part }) {
   ] });
 }
 function AiMessageList({ messages, isStreaming, bridge }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const endRef = react.useRef(null);
   react.useEffect(() => {
     endRef.current?.scrollIntoView({ block: "end" });
@@ -733,7 +733,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkP2COO2QO_js.cn(
+            className: chunk6GFSF2ML_js.cn(
               "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
               isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
             ),
@@ -779,7 +779,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
   ] });
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const lines = proposal.summary.map(ai.humanizeDiffLine);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
@@ -821,7 +821,7 @@ function AiConversation({
   aiPanel,
   deckId
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const chat = useAiConversation(useChat, session, config, bridge, {
     // Live "AI as a collaborator" focus: as each tool runs, navigate to and
     // highlight the slide / element(s) it touches so the canvas mirrors the
@@ -986,7 +986,7 @@ function AiChatPanel({
   onClose,
   panelWidth
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation();
+  const { t } = chunk6GFSF2ML_js.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
   const deckId = react.useMemo(() => ai.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/{AiChatPanel-E7CJSTW7.mjs → AiChatPanel-6ML3VLIX.mjs}

@@ -1,4 +1,4 @@
-import { useTranslation, cn } from './chunk-FBSPQYRE.mjs';
+import { useTranslation, cn } from './chunk-N3YK2BCA.mjs';
 import './chunk-UV2HVMKZ.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { LuSparkles, LuX, LuLoaderCircle, LuTriangleAlert, LuHistory, LuMessageSquarePlus, LuTrash2, LuPlus, LuGitMerge, LuCrosshair, LuPinOff, LuPin, LuUser, LuBot, LuCheck, LuSquare, LuSend, LuMessageSquare, LuPalette, LuUndo2, LuWrench, LuStickyNote, LuFilm, LuNavigation, LuSearch, LuMove, LuChartColumn, LuLayoutTemplate, LuTable, LuShapes, LuType, LuEye } from 'react-icons/lu';

package/dist/ai.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkLVEFHZ76_js = require('./chunk-LVEFHZ76.js');
+var chunkMU3BIZ2U_js = require('./chunk-MU3BIZ2U.js');
 require('./chunk-PIRHQTI4.js');
 
 // src/ai.ts
 function createAiAssistant(config) {
-  return chunkLVEFHZ76_js.aiAssistants.register(config, chunkLVEFHZ76_js.AiChatPanelLazy);
+  return chunkMU3BIZ2U_js.aiAssistants.register(config, chunkMU3BIZ2U_js.AiChatPanelLazy);
 }
 
 exports.createAiAssistant = createAiAssistant;

package/dist/ai.mjs

@@ -1,4 +1,4 @@
-import { aiAssistants, AiChatPanelLazy } from './chunk-JZE6BORE.mjs';
+import { aiAssistants, AiChatPanelLazy } from './chunk-RMEWSJZU.mjs';
 import './chunk-UV2HVMKZ.mjs';
 
 // src/ai.ts