eidotter 0.32.0 → 0.34.0

package/dist/components/TimelineContainer/components/MasterDetailLayout.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { TimelineEntryData, TimelineRenderEntry } from './types';
+import '../../../styles/keyframes.css';
+import './MasterDetailLayout.css';
+export interface MasterDetailLayoutProps {
+    /** Pre-sorted entries (the orchestrator sorts; the rail renders in order). */
+    entries: TimelineEntryData[];
+    /** The entry currently filling the detail pane, or null for none. */
+    selectedEntryId: string | null;
+    /** Open an entry in the detail pane (set semantics). */
+    onSelect: (id: string) => void;
+    /** Return to the rail (close the detail pane). */
+    onDeselect: () => void;
+    /** Optional pluggable entry renderer, used for the detail body. */
+    renderEntry?: TimelineRenderEntry;
+    /** Date formatter shared with the orchestrator. */
+    formatDate: (iso: string) => string;
+}
+/**
+ * Level-3 "master-detail" timeline layout (DMNC-878).
+ *
+ * A split view: a navigable timeline rail (left) plus a detail pane (right)
+ * that renders the selected entry in full. Switching entries swaps the detail
+ * pane without remounting the rail, so rail scroll position is preserved.
+ *
+ * Selection is owned by the orchestrator (controlled/uncontrolled via
+ * `useSelection`), so the open entry is deep-linkable by consumers. The rail
+ * uses navigation semantics (`aria-current`), arrow keys walk entries, and
+ * focus moves into the pane on open and back to the rail on close — without a
+ * focus trap, so both panes stay reachable.
+ */
+export declare const MasterDetailLayout: React.FC<MasterDetailLayoutProps>;

package/dist/components/TimelineContainer/components/TimelineContainer.d.ts

@@ -12,9 +12,12 @@ export interface TimelineContainerProps extends React.HTMLAttributes<HTMLDivElem
      * - "feed": paginated vertical list with collapsed-by-default entries that
      *   expand on selection. Renders a DOS-style "LOAD MORE..." button while
      *   more entries are available. No zoom controls.
+     * - "master-detail": level-3 split view — a navigable timeline rail plus a
+     *   detail pane that renders the selected entry in full (DMNC-878). The open
+     *   entry is the `selectedEntryId`, so it is deep-linkable. No zoom controls.
      * @default 'interactive'
      */
-    mode?: 'interactive' | 'static' | 'feed';
+    mode?: 'interactive' | 'static' | 'feed' | 'master-detail';
     /**
      * Controlled zoom level — overrides internal state when provided.
      * Use with `onZoomChange` for full control. Disables drill-down navigation.