@thebuoyant-tsdev/mui-ts-library 3.8.0 → 3.11.0

package/README.de.md

@@ -284,6 +284,71 @@ const data: RadialTreeChartData = {
 
 ---
 
+### CirclePackingChart
+
+Hierarchische Daten als verschachtelte Kreise, proportional zum Wert skaliert. Ideal für Speicherplatz-Auswertungen, Budget-Übersichten oder jede Hierarchie, bei der relative Größe auf einen Blick zählt. `Ctrl / Cmd ⌘+Click` (oder Doppelklick) auf einen Kreis mit Kindern zoomt mit sanfter animierter Transition hinein; Klick auf den Hintergrund oder `Escape` zoomt zurück.
+
+```tsx
+import { CirclePackingChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { CirclePackingData } from '@thebuoyant-tsdev/mui-ts-library';
+
+const data: CirclePackingData = {
+  id: 'disk', name: 'Festplatte',
+  children: [
+    { id: 'photos', name: 'Fotos', value: 120 },
+    { id: 'videos', name: 'Videos', value: 340 },
+    { id: 'apps', name: 'Apps',
+      children: [
+        { id: 'xcode', name: 'Xcode', value: 48 },
+        { id: 'docker', name: 'Docker', value: 12 },
+      ]},
+  ],
+};
+
+<CirclePackingChart
+  data={data}
+  size={500}
+  onCircleClick={(info) => console.log(info.name, info.value)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/CirclePackingChart.de.md)
+
+---
+
+### HorizontalTreeChart
+
+Hierarchische Daten als links-nach-rechts (oder eine der 4 Ausrichtungen) Entscheidungsbaum mit geschwungenen Links. Ideal für Entscheidungslogik, Eskalationspfade oder Org-Charts, die natürlicher von oben nach unten oder seitlich gelesen werden als radial. `Ctrl / Cmd ⌘+Click` bohrt in Teilbäume, `Ctrl / Cmd ⌘+Scroll` zoomt.
+
+```tsx
+import { HorizontalTreeChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { HorizontalTreeData } from '@thebuoyant-tsdev/mui-ts-library';
+
+const data: HorizontalTreeData = {
+  id: 'ticket', name: 'Neues Ticket',
+  children: [
+    { id: 'bug', name: 'Bug', specialValueA: 'P1 — 4h SLA',
+      children: [
+        { id: 'bug-fe', name: 'Frontend-Team' },
+        { id: 'bug-be', name: 'Backend-Team'  },
+      ]},
+    { id: 'feature', name: 'Feature-Anfrage', specialValueA: 'P3 — Backlog' },
+  ],
+};
+
+<HorizontalTreeChart
+  data={data}
+  orientation="LR"
+  width={700}
+  drillable
+  onNodeClick={(info) => console.log(info.name, info.depth)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/HorizontalTreeChart.de.md)
+
+---
+
 ## TypeScript
 
 Alle Typen und Defaults werden direkt exportiert — kein separates `@types/...`-Paket nötig.
@@ -337,12 +402,40 @@ Dieses Projekt folgt [Semantic Versioning](https://semver.org/). In der Praxis b
 
 **Bisher nur ein Breaking Release:** [`3.0.0`](#300--2026-06-15--breaking-changes) hat `ConfirmDialog` / `ConfirmDialogProvider` / `useConfirm` entfernt und die Signatur von `TagSelection`s `onTagCreate` geändert. Jedes Release seitdem war additiv.
 
-**TypeScript-Hinweis:** Translation-Typen (z.B. `TagSelectionTranslation`, `SqlEditorTranslation`) bekommen mit der Zeit neue optionale Felder, wenn Features hinzukommen — ein `Partial<...>`-Objekt direkt an die `translation`-Prop zu übergeben (das in dieser README durchgängig verwendete Muster) ist immer vorwärtskompatibel. Eine eigenständige Variable, die gegen den vollen benannten Typ deklariert wird, bleibt nur kompatibel, solange neue Felder optional sind — was seit `3.6.1` der Fall ist (siehe [Changelog](#361--2026-06-22)).
+**TypeScript-Hinweis:** Translation-Typen (z.B. `TagSelectionTranslation`, `SqlEditorTranslation`, `GanttTranslations`) bekommen mit der Zeit neue optionale Felder, wenn Features hinzukommen — ein `Partial<...>`-Objekt direkt an die `translation`/`translations`-Prop zu übergeben (das in dieser README durchgängig verwendete Muster) ist immer vorwärtskompatibel. Eine eigenständige Variable, die gegen den vollen benannten Typ deklariert wird, bleibt nur kompatibel, solange neue Felder optional sind. Ein Audit über alle Komponenten fand eine Lücke — `GanttTranslations` hatte 3 nach Release ergänzte required Felder — behoben in `3.9.1` (siehe [Changelog](#391--2026-06-25)). Seit dieser Version ist jeder Translation-Typ optional-sicher.
 
 ---
 
 ## Changelog
 
+### [3.11.0] — 2026-06-25
+
+**RadialTreeChart & HorizontalTreeChart**
+- `duration`: Rein-/Rauszoomen und Escape-Resets crossfaden jetzt statt abrupt zu wechseln (Standard 750ms, `0` deaktiviert).
+
+---
+
+### [3.10.0] — 2026-06-25
+
+**SunburstChart**
+- `duration`: Rein-/Rauszoomen animiert jetzt sanft zwischen Fokus-Ebenen (Standard 750ms, `0` deaktiviert).
+
+---
+
+### [3.9.1] — 2026-06-25
+
+**Behoben**
+- GanttChart: `GanttTranslations` hatte 3 required Keys, die nach Release ergänzt wurden (`todayLabel`, `columnAssignee`, `exportCsvTooltip`) — jetzt optional, konsistent mit jedem anderen Translation-Typ. Siehe [Versionierung & Abwärtskompatibilität](#versionierung--abwärtskompatibilität).
+
+---
+
+### [3.9.0] — 2026-06-24
+
+**PasswordStrengthMeter**
+- `showCopyButton`: Kopier-Icon neben dem Passwortfeld, passt zu `showPasswordGenerator`.
+
+---
+
 ### [3.8.0] — 2026-06-23
 
 **RichTextEditor**

package/README.md

@@ -284,6 +284,71 @@ const data: RadialTreeChartData = {
 
 ---
 
+### CirclePackingChart
+
+Hierarchical data as nested circles, sized proportionally to value. Use `CirclePackingChart` for disk usage, org budgets, or any hierarchy where relative size matters at a glance. `Ctrl / Cmd ⌘+Click` (or double-click) a circle with children to zoom in with a smooth animated transition; click the background or `Escape` to zoom back out.
+
+```tsx
+import { CirclePackingChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { CirclePackingData } from '@thebuoyant-tsdev/mui-ts-library';
+
+const data: CirclePackingData = {
+  id: 'disk', name: 'Disk',
+  children: [
+    { id: 'photos', name: 'Photos', value: 120 },
+    { id: 'videos', name: 'Videos', value: 340 },
+    { id: 'apps', name: 'Apps',
+      children: [
+        { id: 'xcode', name: 'Xcode', value: 48 },
+        { id: 'docker', name: 'Docker', value: 12 },
+      ]},
+  ],
+};
+
+<CirclePackingChart
+  data={data}
+  size={500}
+  onCircleClick={(info) => console.log(info.name, info.value)}
+/>
+```
+
+→ [Full documentation](user-manuals/CirclePackingChart.md)
+
+---
+
+### HorizontalTreeChart
+
+Hierarchical data as a left-to-right (or any of 4 orientations) decision tree with curved links. Use `HorizontalTreeChart` for decision logic, escalation paths, or org charts that read more naturally top-to-bottom or side-to-side than radially. `Ctrl / Cmd ⌘+Click` drills into subtrees, `Ctrl / Cmd ⌘+Scroll` zooms.
+
+```tsx
+import { HorizontalTreeChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { HorizontalTreeData } from '@thebuoyant-tsdev/mui-ts-library';
+
+const data: HorizontalTreeData = {
+  id: 'ticket', name: 'New Ticket',
+  children: [
+    { id: 'bug', name: 'Bug', specialValueA: 'P1 — 4h SLA',
+      children: [
+        { id: 'bug-fe', name: 'Frontend Team' },
+        { id: 'bug-be', name: 'Backend Team'  },
+      ]},
+    { id: 'feature', name: 'Feature Request', specialValueA: 'P3 — Backlog' },
+  ],
+};
+
+<HorizontalTreeChart
+  data={data}
+  orientation="LR"
+  width={700}
+  drillable
+  onNodeClick={(info) => console.log(info.name, info.depth)}
+/>
+```
+
+→ [Full documentation](user-manuals/HorizontalTreeChart.md)
+
+---
+
 ## TypeScript
 
 All types and defaults are exported directly — no separate `@types/...` package needed.
@@ -337,12 +402,40 @@ This project follows [Semantic Versioning](https://semver.org/). In practice:
 
 **Only one breaking release to date:** [`3.0.0`](#300--2026-06-15--breaking-changes) removed `ConfirmDialog` / `ConfirmDialogProvider` / `useConfirm` and changed `TagSelection`'s `onTagCreate` signature. Every other release since has been additive.
 
-**TypeScript note:** translation types (e.g. `TagSelectionTranslation`, `SqlEditorTranslation`) gain new optional fields over time as features are added — passing a `Partial<...>` object straight to the `translation` prop (the pattern used throughout this README) is always forward-compatible. Declaring a standalone variable typed against the full named type only stays compatible if new fields are optional, which they are as of `3.6.1` (see [Changelog](#361--2026-06-22)).
+**TypeScript note:** translation types (e.g. `TagSelectionTranslation`, `SqlEditorTranslation`, `GanttTranslations`) gain new optional fields over time as features are added — passing a `Partial<...>` object straight to the `translation`/`translations` prop (the pattern used throughout this README) is always forward-compatible. Declaring a standalone variable typed against the full named type only stays compatible if new fields are optional. An audit across all components turned up one gap — `GanttTranslations` had 3 required fields added after release — fixed in `3.9.1` (see [Changelog](#391--2026-06-25)). Every translation type is optional-safe as of that version.
 
 ---
 
 ## Changelog
 
+### [3.11.0] — 2026-06-25
+
+**RadialTreeChart & HorizontalTreeChart**
+- `duration`: drill in/out and Escape resets now crossfade instead of jump-cutting (default 750ms, `0` disables).
+
+---
+
+### [3.10.0] — 2026-06-25
+
+**SunburstChart**
+- `duration`: drill-in/out now animates smoothly between focus levels (default 750ms, `0` disables).
+
+---
+
+### [3.9.1] — 2026-06-25
+
+**Fixed**
+- GanttChart: `GanttTranslations` had 3 required keys added after release (`todayLabel`, `columnAssignee`, `exportCsvTooltip`) — now optional, matching every other translation type. See [Versioning & Compatibility](#versioning--compatibility).
+
+---
+
+### [3.9.0] — 2026-06-24
+
+**PasswordStrengthMeter**
+- `showCopyButton`: copy-to-clipboard icon next to the password field, pairs with `showPasswordGenerator`.
+
+---
+
 ### [3.8.0] — 2026-06-23
 
 **RichTextEditor**

package/dist/components/gantt-chart/GanttChart.d.ts

@@ -2,6 +2,6 @@ import { type GanttChartStore } from "./GanttChart.store";
 import type { GanttChartProps, GanttTheme, GanttTranslations } from "./GanttChart.types";
 export declare function useGanttChartStore<T>(selector: (state: ReturnType<GanttChartStore["getState"]>) => T): T;
 export declare function useRawGanttChartStore(): GanttChartStore;
-export declare function useGanttTranslations(): GanttTranslations;
+export declare function useGanttTranslations(): Required<GanttTranslations>;
 export declare function useGanttTheme(): GanttTheme;
 export declare function GanttChart({ tasks, timeScale, initialExpandAll, showToolbar, defaultRangeStart, defaultRangeEnd, translations, enableBuiltinDialogs, toolbarConfig, zoomable, draggable, resizable, inlineEdit, progressDraggable, showCriticalPath, virtualizeRows, showAssigneeColumn, cascadeDependencies, statusColors, ganttTheme, onExportCSV, onTaskClick, onMilestoneClick, onAddTask, onEditTask, onDeleteTask, onStatusChange, onTasksChange, onTaskMoved, onTaskResized, onTaskCreated, onTaskUpdated, onTaskDeleted, height, width, minPanelWidth, maxPanelWidth, }: GanttChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/gantt-chart/GanttChart.types.d.ts

@@ -33,7 +33,8 @@ export type GanttTranslations = {
     statusDone: string;
     statusBlocked: string;
     weekColumnPrefix: string;
-    todayLabel: string;
+    /** @since 2.0.0 */
+    todayLabel?: string;
     dateLocale: string;
     dialogAddTitle: string;
     dialogEditTitle: string;
@@ -52,8 +53,8 @@ export type GanttTranslations = {
     dialogFieldDependencies: string;
     dialogFieldDependenciesNone: string;
     columnActions: string;
-    /** Header label for the Assignee column — shown when showAssigneeColumn=true */
-    columnAssignee: string;
+    /** Header label for the Assignee column — shown when showAssigneeColumn=true @since 2.7.0 */
+    columnAssignee?: string;
     addTaskTooltip: string;
     editTaskTooltip: string;
     deleteTaskTooltip: string;
@@ -61,10 +62,10 @@ export type GanttTranslations = {
     expandAllTooltip: string;
     collapseAllTooltip: string;
     resetViewTooltip: string;
-    /** Toolbar tooltip for the CSV export button */
-    exportCsvTooltip: string;
+    /** Toolbar tooltip for the CSV export button @since 2.7.0 */
+    exportCsvTooltip?: string;
 };
-export declare const DEFAULT_GANTT_TRANSLATIONS: GanttTranslations;
+export declare const DEFAULT_GANTT_TRANSLATIONS: Required<GanttTranslations>;
 export type GanttStatusColors = Partial<Record<GanttTaskStatus, string>>;
 export type GanttTheme = {
     statusColors?: GanttStatusColors;

package/dist/components/horizontal-tree-chart/HorizontalTreeChart.d.ts

@@ -1,5 +1,5 @@
 import { type HorizontalTreeChartProps } from "./HorizontalTreeChart.types";
-export declare function HorizontalTreeChart({ data, orientation, width, height, levelSpacing, nodeRadius, sortBy, showLabels, labelFontSize, labelColor, showIcons, chartColors, linkStrokeOpacity, linkStrokeWidth, linkColor, zoomable, drillable, onFocusChange, showNodePopover, renderNodePopoverContent, onNodeClick, disabled, translation, }: HorizontalTreeChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalTreeChart({ data, orientation, width, height, levelSpacing, nodeRadius, sortBy, showLabels, labelFontSize, labelColor, showIcons, chartColors, linkStrokeOpacity, linkStrokeWidth, linkColor, zoomable, drillable, onFocusChange, showNodePopover, renderNodePopoverContent, onNodeClick, duration, disabled, translation, }: HorizontalTreeChartProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HorizontalTreeChart {
     var displayName: string;
 }