@thebuoyant-tsdev/mui-ts-library 3.14.1 → 3.16.0

package/README.de.md

@@ -40,6 +40,7 @@ Eine typsichere React-Komponentenbibliothek auf Basis von **TypeScript** und **M
 | [`RadialTreeChart`](#radialtreechart) | Org-Charts und Taxonomien als radialer Baum, mit Drill-Down | [Live-Demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-radialtreechart--default) · [Docs](user-manuals/RadialTreeChart.de.md) |
 | [`CirclePackingChart`](#circlepackingchart) | Verschachtelte Kreise mit animiertem Zoom — Speicher und Hierarchie auf einen Blick | [Live-Demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-circlepackingchart--default) · [Docs](user-manuals/CirclePackingChart.de.md) |
 | [`HorizontalTreeChart`](#horizontaltreechart) | Entscheidungsbäume und Hierarchien in 4 Orientierungen (LR/RL/TB/BT) | [Live-Demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-horizontaltreechart--default) · [Docs](user-manuals/HorizontalTreeChart.de.md) |
+| [`RadialStackedBarChart`](#radialstackedbarchart) | Mehrreihige gestapelte Balken in polarem Layout — Kategorien über Segmente vergleichen | [Live-Demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-radialstackedbarchart--default) · [Docs](user-manuals/RadialStackedBarChart.de.md) |
 
 Alle Charts teilen sich Ctrl / Cmd ⌘+Scroll-Zoom und vollständige MUI-Theme-Integration (Dark Mode inklusive).
 
@@ -375,6 +376,43 @@ const data: HorizontalTreeData = {
 
 ---
 
+### RadialStackedBarChart
+
+Mehrreihiges gestapeltes Balkendiagramm in polarem Layout. Jedes Balkensegment repräsentiert einen Datenpunkt, jede Bogen-Ebene eine Datenreihe — ideal für Quartalsvergleiche, Budgetaufschlüsselungen oder mehrere Kategorien über eine Menge von Einträgen. Konzentrische Gitterringe geben visuelle Skala; eine automatisch zentrierte Legende ist integriert. `Ctrl / Cmd ⌘+Scroll` zoomt den Chart.
+
+```tsx
+import { RadialStackedBarChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type {
+  RadialStackedBarData,
+  RadialStackedBarSeries,
+} from '@thebuoyant-tsdev/mui-ts-library';
+
+const keys: RadialStackedBarSeries[] = [
+  { key: 'q1', label: 'Q1' },
+  { key: 'q2', label: 'Q2' },
+  { key: 'q3', label: 'Q3' },
+  { key: 'q4', label: 'Q4' },
+];
+
+const data: RadialStackedBarData[] = [
+  { id: 'berlin',  label: 'Berlin',  values: { q1: 120, q2: 145, q3: 98,  q4: 175 } },
+  { id: 'hamburg', label: 'Hamburg', values: { q1: 95,  q2: 110, q3: 130, q4: 88  } },
+  { id: 'munich',  label: 'Munich',  values: { q1: 200, q2: 185, q3: 210, q4: 230 } },
+];
+
+<RadialStackedBarChart
+  data={data}
+  keys={keys}
+  size={480}
+  sortBy="value"
+  onBarClick={(info) => console.log(info.label, info.seriesKey, info.value)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/RadialStackedBarChart.de.md)
+
+---
+
 ## TypeScript
 
 Alle Typen und Defaults werden direkt exportiert — kein separates `@types/...`-Paket nötig.
@@ -413,6 +451,9 @@ import type {
 
   // HorizontalTreeChart
   HorizontalTreeData, HorizontalTreeNodeInfo, HorizontalTreeOrientation,
+
+  // RadialStackedBarChart
+  RadialStackedBarData, RadialStackedBarSeries, RadialStackedBarClickInfo,
 } from '@thebuoyant-tsdev/mui-ts-library';
 ```
 
@@ -434,6 +475,27 @@ Dieses Projekt folgt [Semantic Versioning](https://semver.org/). In der Praxis b
 
 ## Changelog
 
+### [3.16.0] — 2026-07-03
+
+**Hinzugefügt**
+- `GanttChart`: Fortschritts-Slider im eingebauten Hinzufügen-/Bearbeiten-Dialog — `GanttTask.progress` (0–100 %) ist jetzt ohne Maus bearbeitbar, schließt eine Accessibility-Lücke für Tastatur-Nutzer. Slider wird im Bearbeiten-Modus aus bestehenden Task-Daten vorbelegt; setzt auf 0 zurück wenn Meilenstein aktiviert wird. Neuer optionaler Übersetzungsschlüssel `dialogFieldProgress`. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) für Details.
+
+---
+
+### [3.15.0] — 2026-07-03
+
+**Hinzugefügt**
+- Neue Komponente: `RadialStackedBarChart` — Mehrreihige Stapelbalken im radialen Layout (6. D3-Chart). Features: 20+ Props, konzentrische Gitterringe mit eigenem Formatter, automatisch zentrierte Legende mit Overflow-Schutz, `sortBy`, `colorConfig`, `onBarClick`, `zoomable` und volle Dark-Mode-Unterstützung. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) für Details.
+
+---
+
+### [3.14.1] — 2026-07-02
+
+**Behoben**
+- README: fehlender Changelog-Eintrag für 3.14.0 — keine Code-Änderungen.
+
+---
+
 ### [3.14.0] — 2026-07-02
 
 **Hinzugefügt**

package/README.md

@@ -40,6 +40,7 @@ A type-safe React component library built on **TypeScript** and **MUI (Material
 | [`RadialTreeChart`](#radialtreechart) | Org charts and taxonomies as a radial tree, with drill-down | [Live demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-radialtreechart--default) · [Docs](user-manuals/RadialTreeChart.md) |
 | [`CirclePackingChart`](#circlepackingchart) | Nested circles with animated zoom — storage and hierarchy at a glance | [Live demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-circlepackingchart--default) · [Docs](user-manuals/CirclePackingChart.md) |
 | [`HorizontalTreeChart`](#horizontaltreechart) | Decision trees and hierarchies in 4 orientations (LR/RL/TB/BT) | [Live demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-horizontaltreechart--default) · [Docs](user-manuals/HorizontalTreeChart.md) |
+| [`RadialStackedBarChart`](#radialstackedbarchart) | Multi-series stacked bars in a radial layout — compare categories across segments | [Live demo](https://thebuoyant.github.io/mui-ts-library/?path=/story/components-radialstackedbarchart--default) · [Docs](user-manuals/RadialStackedBarChart.md) |
 
 All charts share Ctrl / Cmd ⌘+Scroll zoom and full MUI theme integration (dark mode included).
 
@@ -375,6 +376,43 @@ const data: HorizontalTreeData = {
 
 ---
 
+### RadialStackedBarChart
+
+Multi-series stacked bar chart in a polar (radial) layout. Each bar segment represents one data point, each arc layer represents one series — ideal for comparing quarterly figures, budget breakdowns, or any multi-category totals across a set of items. Concentric grid rings give a visual scale; an auto-centered legend is built in. `Ctrl / Cmd ⌘+Scroll` zooms the chart.
+
+```tsx
+import { RadialStackedBarChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type {
+  RadialStackedBarData,
+  RadialStackedBarSeries,
+} from '@thebuoyant-tsdev/mui-ts-library';
+
+const keys: RadialStackedBarSeries[] = [
+  { key: 'q1', label: 'Q1' },
+  { key: 'q2', label: 'Q2' },
+  { key: 'q3', label: 'Q3' },
+  { key: 'q4', label: 'Q4' },
+];
+
+const data: RadialStackedBarData[] = [
+  { id: 'berlin',  label: 'Berlin',  values: { q1: 120, q2: 145, q3: 98,  q4: 175 } },
+  { id: 'hamburg', label: 'Hamburg', values: { q1: 95,  q2: 110, q3: 130, q4: 88  } },
+  { id: 'munich',  label: 'Munich',  values: { q1: 200, q2: 185, q3: 210, q4: 230 } },
+];
+
+<RadialStackedBarChart
+  data={data}
+  keys={keys}
+  size={480}
+  sortBy="value"
+  onBarClick={(info) => console.log(info.label, info.seriesKey, info.value)}
+/>
+```
+
+→ [Full documentation](user-manuals/RadialStackedBarChart.md)
+
+---
+
 ## TypeScript
 
 All types and defaults are exported directly — no separate `@types/...` package needed.
@@ -413,6 +451,9 @@ import type {
 
   // HorizontalTreeChart
   HorizontalTreeData, HorizontalTreeNodeInfo, HorizontalTreeOrientation,
+
+  // RadialStackedBarChart
+  RadialStackedBarData, RadialStackedBarSeries, RadialStackedBarClickInfo,
 } from '@thebuoyant-tsdev/mui-ts-library';
 ```
 
@@ -434,6 +475,27 @@ This project follows [Semantic Versioning](https://semver.org/). In practice:
 
 ## Changelog
 
+### [3.16.0] — 2026-07-03
+
+**Added**
+- `GanttChart`: progress slider in the built-in Add/Edit task dialog — `GanttTask.progress` (0–100 %) is now editable without a mouse, closing an accessibility gap for keyboard users. Slider pre-fills from existing task data in edit mode; resets to 0 when milestone is toggled on. New optional translation key `dialogFieldProgress`. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
+### [3.15.0] — 2026-07-03
+
+**Added**
+- New component: `RadialStackedBarChart` — multi-series stacked bars in a radial layout (6th D3 chart). Features: 20+ props, concentric grid rings with custom formatter, auto-centered legend with overflow protection, `sortBy`, `colorConfig`, `onBarClick`, `zoomable`, and full dark-mode support. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
+### [3.14.1] — 2026-07-02
+
+**Fixed**
+- README: missing changelog entry for 3.14.0 — no code changes.
+
+---
+
 ### [3.14.0] — 2026-07-02
 
 **Added**

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

@@ -52,6 +52,8 @@ export type GanttTranslations = {
     dialogDeleteConfirm: string;
     dialogFieldDependencies: string;
     dialogFieldDependenciesNone: string;
+    /** Label for the progress slider in the task dialog (0–100 %) @since 3.16.0 */
+    dialogFieldProgress?: string;
     columnActions: string;
     /** Header label for the Assignee column — shown when showAssigneeColumn=true @since 2.7.0 */
     columnAssignee?: string;

package/dist/components/gantt-chart/GanttChart.types.js

@@ -32,6 +32,7 @@ var e = {
 	dialogDeleteConfirm: "Soll die Aufgabe \"{name}\" wirklich gelöscht werden?",
 	dialogFieldDependencies: "Vorgänger",
 	dialogFieldDependenciesNone: "— Keine —",
+	dialogFieldProgress: "Fortschritt (%)",
 	scrollToTodayTooltip: "Zum heutigen Tag",
 	expandAllTooltip: "Alle aufklappen",
 	collapseAllTooltip: "Alle zuklappen",